Accessibility
You are not supposed to expose every singular element to assistive technologies such as screen readers: you should expose only relevant ones.
Offscreen content can and should be hidden from them.
Use a screen reader to be sure that your offscreen content is hidden: indeed it should not be able to report it.
If you need to hide offscreen content, simply use visibility: hidden or display: none to remove the elements.
.remove-me { visibility: hidden; } <button class="remove-me">Can't reach me with the TAB key!</button>
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 feature-rich htaccess files: www rewrite, hotlink prevention, custom error pages, cache rules and redirects.
Generate icons for web, Android, iOs, Microsoft and Apps. Show a graphical representation of your site within browser’s address bar.
Server and proxy Tester and validators
Perform your site audit and find out what pages missing https/ssl certificate.
Server and proxy
Retrieve remote Server Status Code and Headers. Get HTTP Status code, Headers info, Cache-control and data from a given URL.
Tester and validators
Validate your AMP pages with this tool. Test your Accelerated Mobile Pages, get detailed report and optimize performance.
Converters
Pixel - Rem - Point units converter. Convert Pixel to REM or Point unit in seconds and vice versa with this free converrter.
Check color contrast ratio WCAG 2 AA of your pages. Check if your color scheme meet the WCAG 2 AA contrast ratio thresholds.
Analytics Google Tracking script
Create Analytics trackable URL and track email opens. Send your email campaign and get data when user open your email.