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-time testing tool where you pick the HTML Accessibility element or feature you’re testing once-per-page rather than running all tests together. Test and results can be stacked on top each other e.g. to show both Headings and Image Alt Text Properties.
How To Use a11yTools: Visit the webpage you want to test then click the a11yTools button and add the a11yTool you want. Also use the Right-Click Context Menu to access all the a11yTools.
New: Copy Screenshot feature takes a screenshot of the visible browser window area and copies it to the Clipboard so you can then quickly paste into JIRA tickets and Accessibility Reports.
Watch the 3 App Previews to see how the extension works.
Reset the Page to remove the a11yTools output without reloading the site.
This app will be updated on a continuous basis with new testing tools and features added over time. Current features are listed below.
Force Focus Outline
Copy Page Title
aXe Console Log
ARIA Authoring Practices
Checklist - WCAG 2.1 AA
This app is a one time purchase.
Your payment will be charged to your iTunes Account at confirmation of purchase.
Send contact form in the support site to make feature requests or submit bug reports.
Thanks for reading!
Forms tool now displays HTML5 Autocomplete attributes to help you test for WCAG 2.1 Success Criterion 1.3.5 Identify Input Purpose.
Forms tool now also shows bad hidden label elements that use CSS display:none which prevents the screen reader from speaking the label text.
Starting to hide the unicode emoji symbols from screen reader speech output to create a better experience for VoiceOver users.
Ratings and ReviewsSee All
Many Accessibility Testing Tools in an Easy to Use Safari Extension
a11yTools Saves Time Accessibility Testing! Don't need to inspect code or use VoiceOver to check Accessibility properties of HTML elements. Right click and hit Headings, Images, Forms, Data Tables. Right click and Copy a Screenshot then paste into a11y report or JIRA ticket.
Safari is my browser of choice and where I do VoiceOver screen reader testing so I wanted all my favorite web accessibility testing tools in an easy to use Safari Extension.
There's a tool to check for most every type of a11y problem, check for incorrect usage of positive tabindex values, missing alt text, missing headings, missing landmarks, missing <iframe> titles, missing lang attributes, are list coded properly, what are the heading levels, are title attributes used correctly, does the site function in grayscale, etc.
If you're trying to manually test Keyboard Only operation and you can't see the focus outlines that have been removed then Force Focus Outline forces a thick orange outline on the page so you can tab around the site to test for keyboard operability.
Tools to copy the page title, copy the URL, copy a screenshot, send to the HTML5 validator, and test with other a11y testing tools and libraries like aXe, WAVE, tota11y, and HTML_CodeSniffer.
Useful links are also included to the ARIA Spec, ARIA Authoring Practices, a11y demos, and a WCAG 2.1 AA Checklist to help with testing and recommendations.
So far I have not been able to get it to validate web pages designed on my local desktop. If this tool cqan only check published sites I can do that with a host of free tools.
as a designer this is not functional.
Developer Response ,
Apple does not allow Safari Extensions to run on local html files on your hard drive. As a workaround you can create a localhost web server with Terminal, visit the directory, run "python -m SimpleHTTPServer", then open the same local file in your browser at http://0.0.0.0:8000 and you can now run a Safari Extension on the local HTML content.
Hope this helps!
With Family Sharing set up, up to six family members can use this app.