ofclemegkcmilinpcimpjkfhjfgmhieb
Instantly test your web page with different types of color vision deficiency. Color Vision Deficiency (CVD) affects people’s ability to distinguish certain colors. Estimates indicate that approximately 200 million people worldwide are affected by some kind of CVD. Individuals of Northern European ancestry, as many as 8 percent of men and 0.5 percent of women experience the common form of red-green color blindness. This extension helps you to test web pages for people with different types of CVD. It's particularly useful for websites with data visualisations, because some colors may not be distinguishable from other colors in the charts.
WCAG Color contrast checker
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.
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
Window Resizer
Resize the browser window to emulate various screen resolutions. This extension re-sizes the browser's window in order to emulate various resolutions. It is particularly useful for web designers and developers by helping them test their layouts on different browser resolutions. The resolutions list is completely customizable (add/delete/re-order). You can set the window's width/height, window's position, preset icon (phone, tablet, laptop, desktop) and even the option to apply the new dimensions to the entire window or just to the viewport. The extension also features customizable global key shortcuts, an option to export your settings and import them on another computer and more! Please report all bugs (or suggestions) using the support link on the extension's details page.
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.
