accessibility-wcag

Web accessibility patterns for WCAG 2.2 compliance including ARIA, keyboard navigation, screen readers, and testing

1.06x

Quality

67%

Does it follow best practices?

Impact

95%

1.06x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./skills/accessibility-wcag/SKILL.md

Evaluation results

90%

Company Blog Landing Page

Semantic HTML landmarks and navigation accessibility

Criteria

Without context

With context

Semantic header landmark

100%

Semantic nav landmark

100%

Nav aria-label

100%

aria-current on active link

100%

Semantic main landmark

100%

Semantic article elements

100%

Semantic footer landmark

100%

Skip navigation link

100%

Descriptive alt text

87%

100%

No div/span for interactive

100%

No redundant aria-label

100%

Section aria-labelledby

100%

14%

Account Registration Form

Accessible form validation with ARIA and color-independent feedback

Criteria

Without context

With context

Label association

100%

aria-required on required fields

100%

aria-describedby for hints

100%

aria-describedby includes error id

100%

aria-invalid on error

100%

role=alert for errors

100%

noValidate on form

100%

Non-color error indicator

100%

focus-visible outline

50%

100%

No stripped focus outline

100%

Form aria-labelledby

100%

96%

Settings Page with Confirmation Dialog

ARIA tab component and modal dialog keyboard interaction

Criteria

Without context

With context

role=tablist

100%

role=tab on buttons

100%

aria-selected on tabs

100%

aria-controls wiring

100%

role=tabpanel on panels

100%

Panel aria-labelledby

100%

tabIndex management

100%

Arrow key navigation

75%

100%

Home/End key support

100%

role=dialog on modal

100%

Modal aria-labelledby

100%

Escape closes modal

100%

Icon button aria-label

100%

Decorative icon aria-hidden

42%

Repository: haniakrim21/everything-claude-code
Commit: ae2cadd

Evaluated: 18 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Company Blog Landing Page Account Registration Form Settings Page with Confirmation Dialog

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.