Tools

Verify Lang Attribute using a A11Y Bookmarklet

Lang attribute makes sure that screen readers automatically use the correct speech libraries for accent and pronunciation.When listening, correct pronunciation helps understanding. For users of assistive technologies such as screen readers it is particularly important, as some have different speech synthesizers for different languages. For example, “chat” means something different when using English pronunciation rather …

Verify Lang Attribute using a A11Y Bookmarklet Read More »

Find Landmarks on Web Page with A11Y Bookmarklet

Landmark roles (or “landmarks”) programmatically identify sections of a page. Landmarks help assistive technology (AT) users orient themselves to a page and help them navigate easily to various sections of a page.They also provide an easy way for users of assistive technology to skip over blocks of content that are repeated on multiple pages and …

Find Landmarks on Web Page with A11Y Bookmarklet Read More »

WCAG 2.1 AA Web Accessibility Checklist (Quick Reference)

This checklist uses The Web Content Accessibility Guidelines (WCAG) as a reference point. The WCAG is a shared standard for web content accessibility for individuals, organizations, and governments. A: Essential If this isn’t met, assistive technology may not be able to read, understand, or fully operate the page or view. AA: Ideal Support Required for multiple government and …

WCAG 2.1 AA Web Accessibility Checklist (Quick Reference) Read More »

Web Accessibility Cost Calculator

Web Accessibility Cost Calculator Determine the cost of an accessibility audit taking the number of unique pages, type of website and consultation hours into consideration. The cost provided here is factored after gathering and analyzing industry data. No. of unique pages to be audited Type of site Simple Information SiteMedium Ecommerce Website Banking, Insurance or …

Web Accessibility Cost Calculator Read More »

ARIA-Label Bookmarklet for Accessibility Testing

Aria-label is used to provide accessible name for the interactive elements, when aria-label or aria-labelledby is used extensively on a web page the aria-label bookmarklet will come in handy to check if the accessible name provided for the interactive elements is descriptive and sufficient. ARIA-Label Bookmarklet for Accessibility Testing If an element has an aria-label, …

ARIA-Label Bookmarklet for Accessibility Testing Read More »

Android Accessibility Testing Tools

Testing is an important part of making your application accessible to users with varying abilities. Following design and development guidelines for accessibility are important steps toward that goal, but testing for accessibility can uncover problems with user interaction that are not obvious during design and development. To help people with disabilities access Android apps, developers …

Android Accessibility Testing Tools Read More »

Force Focus Accessibility Bookmarklet to Provide Visible Focus Outline

Users who use only keyboard and assistive technologies rely on visible focus outline of the page during navigation. Often developers use CSS to provide custom outline styling that is not visible or removed with outline: none. This accessibility bookmarklet Adds a 4 pixel solid orange outline around all focusable elements so that you can see …

Force Focus Accessibility Bookmarklet to Provide Visible Focus Outline Read More »

Text Spacing Bookmarklet for Accessibility Testing

Text spacing bookmarklet will help to check if there are any issues with the content or functionality of your website after increasing the line, paragraph, letter, and word spacing, according to the “Text Spacing” success criterion of the Web Content Accessibility Guidelines. Text Spacing Bookmarklet Text spacing bookmarklet helps users and testers verify or achieve …

Text Spacing Bookmarklet for Accessibility Testing Read More »