ibm-a11y-level1-audit

Audit Langflow frontend surfaces against IBM Equal Access Level 1 criteria and produce a findings report.

154k|10.0k|Updated Feb 8, 2023
One-click install
npx skills add https://github.com/langflow-ai/langflow --skill ibm-a11y-level1-audit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ibm-a11y-level1-audit
Source: https://github.com/langflow-ai/langflow/tree/main/.agents/skills/ibm-a11y-level1-audit
Command: npx skills add https://github.com/langflow-ai/langflow --skill ibm-a11y-level1-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Auditing a frontend for accessibility compliance is time-consuming and error-prone when done ad hoc, and teams often miss Level 1 WCAG issues that block users with disabilities. This Skill provides a structured, repeatable workflow for scoping, scanning, and reporting IBM Equal Access Level 1 findings on a chosen Langflow surface.

Core Features & Use Cases

  • Scoped Surface Auditing: Audit specific routes, components, or pending PR changes in src/frontend against IBM Equal Access Toolkit v7.3 Level 1 criteria.
  • Multi-Engine Scanning: Coordinate Playwright IBM scans, axe Jest tests, and manual keyboard/contrast spot checks to surface issues automated tools miss.
  • Findings Mapping & Reporting: Map each issue to WCAG/IBM IDs, IBM ruleIds, and severity, then deliver a structured Markdown report with proposed fixes.
  • Use Case: A frontend engineer is preparing a PR that touches the global variables settings page and wants to confirm no new Level 1 accessibility regressions are introduced before review.

Quick Start

Audit the Langflow global variables settings page for IBM Equal Access Level 1 compliance and deliver a findings report without applying fixes.

Frequently Asked Questions about ibm-a11y-level1-audit

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

FAQPage Schema
How do I run an IBM Level 1 accessibility audit on a Langflow route?

Scope the route, then run the Playwright IBM scan via `RUN_A11Y=true RUN_A11Y_ASSERT=true npx playwright test tests/a11y/<feature>.a11y.spec.ts --project=chromium --workers=5` from `src/frontend`. Map scanner output to Level 1 criteria and write the report.

What is the difference between IBM Level 1 and full WCAG 2.2 AA compliance?

IBM Level 1 covers the highest-impact WCAG 2.0 Level A/AA criteria plus 1.4.10 Reflow. Full WCAG 2.2 AA compliance requires completing all three IBM pace levels, including criteria like 2.4.11 Focus Not Obscured and 2.5.8 Target Size that are paced at Level 2 or 3.

Does this Skill automatically fix accessibility violations?

No. The default behavior is audit and report only. Fixes are applied only when the user explicitly asks for remediation in the same request, such as 'audit and fix' or 'fix what you find'.

Which accessibility scanners does this Skill coordinate?

It coordinates Playwright IBM Equal Access scans, axe via Jest for component tests, and manual spot checks for keyboard traps, focus restore, reflow at 320px, and color-not-only cues that scanners commonly miss.

When should I use ibm-a11y-pr-remediation instead of this Skill?

Use ibm-a11y-pr-remediation when you want a fix-by-default scan of an entire PR or branch end-to-end. Use this Skill when you want a scoped audit and report on a specific surface without automatic code changes.