Browser Dev Tools

‎a11yTools is a collection of HTML Web Accessibility Testing Tools in one location in a Safari Extension used for quick and easy Accessibility testing. Run your favorite Accessibility testing tool and then take a screenshot showing the a11y error to developers and designers. a11yTools is a one-at-a…

When building a website, understanding what's happening with accessibility can help you make certain your site can be used by everyone. Firefox DevTools now has a new Accessibility Inspector that shows an outline of the accessibility tree, and lists problems with contrast or missing labels, and much more. Jen Simmons gives you a tour. • https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector • https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/ • https://hacks.mozilla.org/2019/06/how-accessibility-trees-inform-assistive-tech/ #accessibly #firefoxdevtools #jensimmons

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 site's quality by simply including it as an external stylesheet.

DigitalA11y Tublets aid developers, testers, and designers in viewing accessibility information on web pages.

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

I think we are all aware we as developers are responsible for making the web more accessible. With a...

Discover helpful cross-browser DevTools tips and tricks

This article will demonstrate some useful features in DevTools which can help you improve the accessibility of your website.

A comprehensive reference of accessibility features in Chrome DevTools.