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
Server and proxy Tester and validators
Find out how website are built with. Detect technology, framework and CMS website are using.
Converters
Convert Timestamp in date time value and vice versa. Convert epoch/unix timestamp in readable date time value and vice versa.
Content
Explore and compare keywords. Find out what customers are looking for. Select country, date, category, search type and compare keywords.
Perform your site audit and find out what pages missing https/ssl certificate.
Social Tester and validators
Get Facebook data and engagement count by URL. Retrieve Open Graph data, "share" count, comment count and engagement from url.
Builders and generators
Generate feature-rich htaccess files: www rewrite, hotlink prevention, custom error pages, cache rules and redirects.
Generate your Web App Manifest json and improve site data. Provide information about your website, allow users to quick access for a better experience.
Compressor
CSS minifier tool. Optimize and compress your CSS code, make your website faster and reduce network payload sizes.