First a11y.css was a bookmarklet inserting a stylesheet into the page. This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a sites quality by simply including it as an external stylesheet. This extension does the same, plus adds some tools: — Outline focus (keyboard navigation) — Show languages used (relies on lang attributes) —Check alt and title attributes on images You can submit your bugs on github. Original bookmarklet code: Gaël Poupard Extension code: Stéphane Deschamps Thanks to Anthony Ricaud and Mathieu Pillard for their help!
You can Follow the below Step By Step procedure to install the a11y.css Chrome Extension to your Chrome Web browser.
It is the a11y.css Chrome extension download link you can download and install Chrome Browser.
Evaluate web accessibility within your browser.
Visualise tab order with ease
Empathy test for color blindness and visual impairment
Allows you to navigate a web page via WAI-ARIA landmarks, using the 'key'board or a pop-up menu.
Analyze a web page or portion of a web page for conformance with WCAG 2.0 Color Contrast requirements.
Accessibility Insights for Web helps developers quickly find and fix accessibility issues.
Displays ARIA used in web technologies, includes live region, and widget roles, proper nesting and focus management.
To show, browse and audit (for accessibility and SEO) the headings structure
Alix allows you to lint your HTML for Accessibility issues simply by applying a stylesheet that makes use of advanced CSS selectors.
To check the color contrast between foreground and background of the texts