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 Accessibility
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
Builders and generators
Generate required and most useful meta tags for your pages. Provide metadata about your website and help search engines to provide relevant content.
Tester and validators
Test your Web Vitals metrics, score and diagnostic. Measures Google Core Web Vitals LCP, FID, CLS, TTFB, FCP, TTI, TBT and more.
Converters
Convert instantly color codes from HEX to RGB (red, green, blue) color schema and vice versa. Insert color and try it for free.
Images Social
Get YouTube video thumbnails and info dataset. Retrieve YouTube video image in 9 different sizes, quality, caption, description and more.
Validate your pages with W3C Markup Validation Service. Check the markup validity of HTML5 web documents with W3C Validator.
Server and proxy Tester and validators
Perform your site audit and find out what pages missing https/ssl certificate.
Test your Progressive Web App. Check the performance of your PWA, try to deliver high quality, engaging, fast and capable apps on every devices.
Generate beautiful color palette combinations for your designs. Get your combination scheme: analogous, triadic, complementary and so on.