accessibility-compliance

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.

1.14x

Quality

82%

Does it follow best practices?

Impact

93%

1.14x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Evaluation results

100%

14%

Membership Sign-Up Form

Accessible form with error handling

Criteria

Without context

With context

Form error summary live region

80%

100%

Form describedby and noValidate

50%

100%

Error summary links to fields

100%

sr-only required indicator

100%

aria-hidden asterisk

100%

aria-required on inputs

100%

aria-invalid on inputs

100%

Field aria-describedby for errors

100%

Field error role="alert"

100%

Color not sole indicator

100%

Autocomplete attributes

100%

No auto-submit on change

100%

80%

Delete Confirmation Dialog

Accessible modal dialog with focus management

Criteria

Without context

With context

FocusTrap from @headlessui/react

66%

role="dialog" and aria-modal

100%

aria-labelledby on dialog

100%

aria-describedby on dialog

100%

Escape key closes dialog

87%

100%

Body scroll prevention

Touch target size on buttons

75%

Visible focus ring on buttons

62%

100%

Backdrop aria-hidden

100%

No redundant ARIA on buttons

100%

aria-controls with aria-expanded

100%

Close button aria-label

100%

17%

Dashboard with Tabbed Content Sections

ARIA tab widget with keyboard navigation

Criteria

Without context

With context

tablist role

100%

tab role and aria-selected

100%

Roving tabindex on tabs

100%

tab aria-controls

100%

tabpanel role

100%

tabpanel aria-labelledby

100%

ArrowRight/Left navigation

100%

Home/End navigation

100%

Skip navigation link

100%

Main content tabIndex=-1

100%

Polite live region for announcements

100%

Live region clear-then-set pattern

100%

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

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

Table of Contents

Membership Sign-Up Form Delete Confirmation Dialog Dashboard with Tabbed Content Sections

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.