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
Tester and validators
Capture web page requests and timeline waterfall. Quickly capture and analyze web page network requests during page load.
Images
Zoom in, scale, flip, rotate, crop and resize your images. Upload and edit yours images file for free with dunplab image editor.
Content
Explore and compare keywords. Find out what customers are looking for. Select country, date, category, search type and compare keywords.
Upload yours images and get the color palette. Get color palette for all dominant colors identified in your uploaded image.
Check SEO performance and page checkup. Over 250 parameters for the deeper page analysis. Find out more about the performance of your website.
Find out which theme, version, author and license a WordPress site is using trought Wordpress Theme detector tool
Builders and generators
Generate beautiful color palette combinations for your designs. Get your combination scheme: analogous, triadic, complementary and so on.
Generate icons for web, Android, iOs, Microsoft and Apps. Show a graphical representation of your site within browser’s address bar.