DevelopmentMédio

Web Accessibility (A11y)

porsupercent-io·supercent-io· v1.0.0 · atualizado em 2026-04-10

Score

Implement web accessibility (a11y) standards following WCAG 2.1 guidelines. Use when building accessible UIs, fixing accessibility issues, or ensuring compliance with disability standards. Handles ARIA attributes, keyboard navigation, screen readers, semantic HTML, and accessibility testing.

development

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdweb-accessibility/workflow

Analyze Requirements: — Determine the target WCAG level (A, AA, AAA) and the specific components to be made accessible.

Implement Semantic HTML: — Use appropriate semantic HTML elements to structure the content.

Implement Keyboard Navigation: — Ensure all interactive elements are accessible via keyboard.

Add ARIA Attributes: — Enhance accessibility with ARIA attributes for screen readers.

Ensure Color Contrast: — Verify sufficient color contrast for visual accessibility.

Perform Automated Testing: — Use tools like axe-core or Lighthouse to identify violations.

Perform Manual Testing: — Test with keyboard navigation and screen readers.

Iterate and Refine: — Address any identified issues and re-test.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Árvore do Skill

Web Accessibility (A11y)

web-accessibility

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.EVALUATE

6.REFLECT

Triggers8

implement web accessibility standardsmake this UI accessiblefix accessibility issues on this websiteensure WCAG complianceadd ARIA attributesimplement keyboard navigationmake this component screen reader friendlytest web accessibility

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download web-accessibility

$ synaptic skills detail web-accessibility

$ synaptic skills live web-accessibility

Dependências

axe-core Pa11y Lighthouse jest-axe @testing-library/react

Links

GitHub Repository