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
Test your web pages structured data. Check conformity of your structured data json-ld and improve your SEO.
Builders and generators
Build your Service Workers and enrich user experience. Transform your website in a huge Progressive Web App and enrich users experience.
Generate feature-rich htaccess files: www rewrite, hotlink prevention, custom error pages, cache rules and redirects.
Server and proxy
View and download any website’s Source Code. Get the HTML source code of any online web page from any browser, devices and Os system.
Analyze your web page speed performance. Retrieve information about speed index, latency, first contentful paint and more.
Check color contrast ratio WCAG 2 AA of your pages. Check if your color scheme meet the WCAG 2 AA contrast ratio thresholds.
Find out which theme, version, author and license a WordPress site is using trought Wordpress Theme detector tool
Analytics Google Tracking script
Generate URLs for Google Play Campaign Measurement. Add Google Analytics Campaigns parameters to Google Play Urls - Android SDK.