wcag-audit

Audit Streamlit dashboard source code against WCAG 2.2 Level AA criteria.

1|Updated Dec 10, 2025
One-click install
npx skills add https://github.com/LinusConradM/feeding_america --skill wcag-audit-linusconradm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wcag-audit
Source: https://github.com/LinusConradM/feeding_america/tree/main/.claude/skills/wcag-audit
Command: npx skills add https://github.com/LinusConradM/feeding_america --skill wcag-audit-linusconradm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you find and fix accessibility issues in the dashboard by auditing source-level HTML, CSS, and component output against WCAG 2.2 Level AA.

Core Features & Use Cases

  • WCAG 2.2 AA source-code audit: Reviews injected HTML, Streamlit components, Plotly chart configuration, and CSS theme layers for specific success-criterion violations.
  • Severity-rated, SC-mapped findings: Produces a structured report that ties each issue to the exact WCAG success criterion and highlights likely breakpoints in the code.
  • Concrete fix recommendations: Provides actionable remediation guidance, including how to adjust ARIA roles/names, focus behavior, color contrast, and tooltip/interaction patterns.
  • Targeted scope selection: Supports default auditing across key files, or narrows to a specific page/file on request.

Quick Start

Use the wcag-audit skill to audit the default in-scope Streamlit dashboard views and generate a WCAG 2.2 AA findings report with concrete fixes.

Frequently Asked Questions about wcag-audit

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

FAQPage Schema
How do I audit a Streamlit dashboard for WCAG 2.2 accessibility issues?

Auditing Streamlit dashboards for WCAG 2.2 AA involves source-level review of Python, injected HTML, and CSS to evaluate keyboard navigation, ARIA attributes, and color contrast, producing a severity-ranked report with code-level fixes.

Can I check Plotly chart accessibility configuration from Python source code?

Checking Plotly chart accessibility configuration from Python source code is supported by reviewing chart configurations and component output against WCAG 2.2 success criteria, ensuring screen reader labeling and interaction patterns are accessible.

Does this source-level accessibility audit require live browser tooling?

Source-level accessibility audits do not require live browser tooling, relying instead on static review of Streamlit components, CSS theme layers, and injected HTML to identify WCAG success criterion violations and recommend concrete fixes.

How do I map WCAG success criteria to specific accessibility findings in my dashboard?

Mapping WCAG success criteria to dashboard accessibility findings produces a structured, severity-ranked audit report that ties each issue to the exact WCAG 2.2 AA success criterion and highlights likely breakpoints in the code.

What is the best way to fix ARIA roles and color contrast in Streamlit components?

Fixing ARIA roles, names, focus behavior, and color contrast in Streamlit components requires actionable remediation guidance, adjusting tooltip interaction patterns and CSS theme layers based on severity-rated findings from a source-code audit.