Accessibility
In your web pages, you should make custom interactive controls focusable. For example, if you turn a <div> into a dropdown using JavaScript, this action will not be included in the tab order by default: you must do a manual check to see if all custom controls are keyboard focusable.
Simply press the TAB key: in this way you can navigate through the page and you can check if it's possible or not to reach the interactive controls.
If it's not possible, you should improve the focusability using tabindex.
The custom control element has to be inserted into the natural tab order using tabindex=”0”.
<div tabindex="0">Focus me with the TAB key</div>
Learn more about
On page SEO performance and page checkup.
Over 300 parameters for the deeper page analysis.
Share this Guide
Did you like it? Share it!
Web tools for modern developers. Try these one!
Over 50 generators, builders and validators to improve your SEO and web performances
Draw rectangles, circle, polygon, polyline and shape on maps and get coordinates. Set styles and colors for your drawed shapes and get the code.
Build your Google Campaign Url for better tracking. Add UTM parameters and track Custom Campaigns in Analytics account.
Convert Timestamp in date time value and vice versa. Convert epoch/unix timestamp in readable date time value and vice versa.
Find keyword ideas, suggestion and relevance score trought Google autofill suggested keywords.
Get counts and keyword density from your content. This tool provide your content validation on social network with just one click.
Create Analytics trackable URL and track email opens. Send your email campaign and get data when user open your email.
Retrieve remote Server Status Code and Headers. Get HTTP Status code, Headers info, Cache-control and data from a given URL.
Track your site’s position in Google search results for specific keywords, country and languages. Find out your position for specific keywords.