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
Create your personalized Barcode in over 70 formats. Choose your data, formats and colors and get your personalized Barcode.
Measure and track user interactions with your contents. Track all the actions you want: downloads, clicks, video plays, social share, engagement.
Transform web pages in rich objects in a social graph. 25 Open Graph type to create a huge impact of social traffic on your website.
Generate URLs for Google Play Campaign Measurement. Add Google Analytics Campaigns parameters to Google Play Urls - Android SDK.
IP Address and Domain Name Geolocation Lookup Tool. IPv4, IPv6 and domain name Geolocation. Accurate IP and Domain name lookup database.
Convert Bits, Bytes, Kilobytes, Megabytes, Gigabytes, Terabytes and so on. Set number and choose unit to convert. Try it for free.
Find out how website are built with. Detect technology, framework and CMS website are using.
Send Web Vitals metrics to Analytics for better tracking. Measures and send Google Core Web Vitals to your Analytics account.