AA11Y in Practice8h ago · 7 min readaria-selected on tabs: the selected tab that lies (WCAG 4.1.2)The Notifications tab is open. Its panel is on screen: "Choose which email and push alerts you receive." Then VoiceOver lands on the other tab and says Account, selected, tab, 1 of 2, Alert preferencea11yinpractice.hashnode.dev
IIAAP Audit5d ago · 3 min readIFSC Website Accessibility Audit ScopeTurn an IFSC digital service into a testable accessibility scope A team receives a request to “audit the website” and begins crawling public URLs. That may miss the important part: the investor uses aiaapaudit.hashnode.dev
GGiriprasad PatilOct 21 · 4 min read4 Accessibility Mistakes AI Coding Assistants Make, and How to Catch ThemAI coding assistants are good at producing working components quickly. They learned from a huge amount of public code, and public code is full of accessibility mistakes — so the same mistakes come bacadaguard.hashnode.dev
IIAAP AuditOct 19 · 2 min readAccessible Video: Captions and TranscriptsYour video component can render a valid track element and still fail users if the file is out of sync, the player hides its caption control, or a deployment points to an old track. Accessible media neiaapaudit.hashnode.dev
IIAAP AuditOct 16 · 3 min readARIA Mistakes to Catch in Web ComponentsAdding role="button" to a div can change its announced role. It does not provide the browser behavior of a native button. The component still needs keyboard activation, focus handling, and a meaningfuiaapaudit.hashnode.dev
IIAAP AuditOct 15 · 3 min readHow to Write Alt Text for Web ComponentsReusable image components are convenient until every call site gets the same generic alt value. A component cannot know whether the asset is the only label on a button, repeats nearby text, or carriesiaapaudit.hashnode.dev
IIAAP AuditOct 9 · 3 min readAudit Headings and Landmarks in Web AppsA component can look correct in isolation and create a confusing page when assembled with other components. A card may hard-code an h4, a layout may insert another main element, and a mobile header maiaapaudit.hashnode.dev
IIAAP AuditOct 8 · 1 min readWCAG Form Audit ChecklistForm accessibility is not only about adding labels. A useful audit should check visible labels, accessible names, instructions, required fields, field groups, errors, focus behavior, keyboard support,iaapaudit.hashnode.dev
IIAAP AuditOct 7 · 1 min readWCAG 2.2 Focus IndicatorsFocus indicators are the visible signal that shows which component has keyboard focus. For keyboard users, this is essential. What to test Test: Tab and Shift+Tab. Focus visibility. Focus order. Siaapaudit.hashnode.dev
IIAAP AuditOct 6 · 1 min readWCAG AA Contrast RequirementsWCAG AA contrast requirements cover more than normal body text. Teams should check text, images of text, large text, UI components, states, icons, charts, and meaningful graphics. Key ratios Normal tiaapaudit.hashnode.dev
