accessibility-checklist

Apply a WCAG AA checklist to identify and fix web dashboard accessibility issues.

80|15|Updated Nov 16, 2025
One-click install
npx skills add https://github.com/ilyasibrahim/claude-agents-coordination --skill accessibility-checklist-ilyasibrahim
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-checklist
Source: https://github.com/ilyasibrahim/claude-agents-coordination/tree/main/claude-project/skills/frontend/accessibility-checklist
Command: npx skills add https://github.com/ilyasibrahim/claude-agents-coordination --skill accessibility-checklist-ilyasibrahim

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This checklist provides a comprehensive, repeatable method to verify and improve web accessibility for the Somali Dialect Classifier Dashboard, addressing barriers that hinder keyboard navigation, screen reader compatibility, color contrast, ARIA labeling, and modal accessibility.

Core Features & Use Cases

  • Keyboard navigation validation: ensure all interactive elements are reachable via Tab and keyboard shortcuts.
  • Focus indicators and semantic HTML: verify visible focus states and proper landmark structure for screen readers.
  • Color contrast and ARIA labeling: confirm WCAG AA color ratios and accessible labels for controls and images.
  • Testing and remediation workflows: document findings, suggested fixes, and verification steps for ongoing QA.
  • Use Case: QA engineer runs the checklist on deployment to catch accessibility defects before release.

Quick Start

Run this checklist against the Somali Dialect Classifier Dashboard to identify accessibility gaps and guide remediation.

Frequently Asked Questions about accessibility-checklist

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a WCAG AA accessibility checklist on a web dashboard?

Run the accessibility checklist against your web dashboard by stepping through verification protocols for keyboard navigation, color contrast, ARIA labels, and semantic HTML to identify and document WCAG AA compliance gaps for remediation.

What is the best way to verify keyboard navigation and screen reader compatibility for UI components?

The best way to verify keyboard navigation and screen reader compatibility is applying a structured checklist that tests Tab reachability, visible focus indicators, ARIA labeling, and proper landmark structure across interactive UI elements.

How do I fix color contrast and ARIA labeling issues to meet WCAG AA requirements?

Fix color contrast and ARIA labeling issues by checking interactive controls and images against WCAG AA color ratios and applying accessible labels, using the checklist to document suggested fixes and verification steps.

Does this accessibility checklist work for modal interactions and form accessibility testing?

Yes, the accessibility checklist explicitly covers modal interactions and form accessibility, providing step-by-step verification guidance to ensure semantic HTML and thorough testing documentation for these UI components.

Can I use this accessibility audit protocol for dashboards across different projects?

Yes, the checklist is applicable to dashboards and UI components across projects, providing a repeatable method and audit-ready protocol to verify keyboard navigation, screen reader compatibility, and ARIA labeling regardless of the specific project.

Why does my web dashboard fail screen reader and keyboard navigation accessibility tests?

Dashboards fail screen reader and keyboard accessibility tests due to missing ARIA labels, insufficient color contrast, non-semantic HTML, and unreachable interactive elements; this checklist identifies these specific barriers and guides remediation.