Accessibility Tools and Resources for Designers

Here are a set of tools and resources for designers to inculcate accessibility into their designs, often organizations talk about shift left approach when they talk about accessibility, and we

ANDI – Alerts

Elements with No Accessible Name No Accessible Name (Form Element) No Accessible Name (General) No Accessible Name (Image) No Accessible Name (Table) No Accessible Name (Figure) No Accessible Name (Iframe)…

ANDI – Modules

ANDI (focusable elements) Accesskey List Tab Order Title Attributes Label Tags tANDI (tables) Table List Previous/Next Table Cell Highlights Markup Table Analysis Mode (scope, headers/id) lANDI (links) Ambiguous Links View…

ANDI – Accessible Web Development Guide

Naming and Describing Accessible Name Definition Accessible Description Definition Namers [aria-labelledby] [aria-label] [alt] <label> [value] <caption> innerHTML Describers [aria-describedby] <legend> [title] States and Properties [tabindex] [accesskey] Tables Table Cell to…

ANDI – Accessibility Testing Tool – FAQ

Definitions What is Accessible Name? What is Accessible Description? Troubleshooting Why is my favorites/bookmarks bar hidden? Why Won’t ANDI Work? Why Won’t ANDI Find Something? Can I use ANDI for…

ANDI – Accessibility Testing Tool – Tutorial

The Test Page Launching ANDI Element Highlights Active Element Inspection Element Name Accessibility Components Table ANDI Output Page Analysis Total Elements Found Previous Next Element Buttons Additional Page Details Accessibility…

ARIA: button role – Accessibility | MDN

ARIA: button role The button role is for clickable elements that trigger a response when activated by the user. Adding role=”button” tells the screen reader the element is a button,…