plnahcmalebffmaghcpcmpaciebdhgdf
To check the color contrast between foreground and background of the texts It checks the color contrast between the foreground and background of the elements that are in the page according to the WCAG 2.2. It evaluates the contrast on all elements of the page considering their computed style for the color and background-color CSS properties. In case of these colors are defined with RGBA values, it also considers the opacity to deduce the real color that finally is show. It can simulate color blindness and evaluate the contrast for the simulations. By this way, developers can see how the pages look for colorblind users. The tool also includes two fields in which the colors can be introduced manually to be tested. It also allows to pick the color directly from the documents. Finally, it auto-refreshes when DOM of the page changes (addition or removing elements), but if the page has many changes, this behavior can be de-activated.
HeadingsMap
To show, browse and audit (for accessibility and SEO) the headings structure The extension generates a document map or index of any web document structured with headings, allowing direct access to content by clicking on any of its items. It now also displays the Landmarks analysis. Although the extension was initially meant to assist web developers, consultants, and accessibility auditors, it turned to be useful for many users, facilitating the reading and navigation in long structured pages Features: * Lists headings with optional information about their levels and any breaks in the correct hierarchical structure. * Lists sections with header information, including optional details about structural errors. * Lists the landmarks and can identify details about them, and optionally details about structural errors. * Provides information from the main document and documents within frames, featuring a document selector when multiple documents are present. * Clicking on headers scrolls the document to the corresponding position and highlights it. * Detects changes in the DOM and updates content as necessary, with an option for manual refresh. * Allows collapsing of the header list by levels. * CSS outline for identifying headers or sections when clicking the tree. * Does not display hidden headers or sections (hidden from assistive technologies). * If a header or section is an anchor, the link in the results points to it. This is useful for copying directly from the tree using the browser's contextual menu. Optionally, it shows anchor-links that copy the link to the clipboard when clicked. * Two themes available.
Visual ARIA
Displays ARIA used in web technologies, including live regions, widget roles, proper nesting, and focus management. Visual ARIA allows engineers, testers, educators, and students to physically observe ARIA usage within web technologies, including ARIA 1.1 structural, live region, and widget roles, proper nesting and focus management, plus requisite and optional supporting attributes to aid in development. Distributed under the terms of the Open Source Initiative OSI - MIT License. Developed and maintained by: Bryan Garaventa https://www.linkedin.com/in/bgaraventa Or on Twitter at https://twitter.com/bryanegaraventa Chrome Extension by Laurence Lewis
taba11y - Tab order accessibility testing
Visualise tab order with ease taba11y calculates the tab order of all elements and displays it visually, either by drawing a path or by highlighting the elements. It has many options to suit every situation. Tab order is important for a wide range of users, from keyboard-only to screenreader users. By ensuring that the tab order is logical, you can provide a great user experience for as many people as possible.
Accessibility Insights for Web
Accessibility Insights for Web helps developers quickly find and fix accessibility issues. The default keyboard shortcut to launch Accessibility Insights for Web is [Ctrl+Shift+K]. If that doesn't work, follow these instructions: 1. Select Shift+Alt+T to move focus to the Chrome address bar 2. Select the Left arrow key to move focus to the Accessibility Insights for Web extension. 3. Select the Space key to open the extension.
