aria-attribute-helper

Aria Attribute Helper - Auto-activating skill for Frontend Development. Triggers on: aria attribute helper, aria attribute helper Part of the Frontend Development skill category.

1.04x

Quality

Does it follow best practices?

Impact

98%

1.04x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/aria-attribute-helper/SKILL.md

Evaluation results

97%

10%

Accessible Modal Component for Account Deletion

React modal ARIA accessibility

Criteria

Without context

With context

Dialog role

100%

aria-modal attribute

100%

aria-labelledby or aria-label

100%

aria-describedby

100%

Focus management on open

100%

Focus restoration on close

100%

Close button label

100%

Destructive button label

16%

50%

Production-ready code

100%

Accessibility notes file

100%

Standards rationale

100%

No generic div role

100%

Without context: $0.2899 · 1m 16s · 18 turns · 19 in / 4,105 out tokens

With context: $0.3725 · 1m 17s · 22 turns · 282 in / 4,627 out tokens

100%

Accessible Navigation Menu for a Government Portal

Vue navigation ARIA compliance

Criteria

Without context

With context

Navigation landmark

100%

aria-label on nav

100%

aria-expanded on toggles

100%

aria-controls for submenus

100%

aria-current for active page

100%

Button role for toggles

100%

List semantics

100%

Icon hidden from screen readers

100%

Production-ready Vue component

100%

Remediation report present

100%

Standards reference

100%

No vague accessibility attributes

100%

Without context: $0.1999 · 58s · 11 turns · 11 in / 3,448 out tokens

With context: $0.3783 · 1m 41s · 23 turns · 23 in / 5,425 out tokens

98%

Real-Time Notification System Accessibility

ARIA live regions dynamic content

Criteria

Without context

With context

aria-live attribute present

100%

assertive for urgent

100%

polite for non-urgent

100%

aria-atomic attribute

100%

Separate regions per urgency

100%

Dynamic DOM injection

100%

Role alert or status

100%

Demo buttons present

100%

Standalone HTML file

100%

Strategy document present

100%

Standards reference

50%

75%

No aria-live on body

100%

Without context: $0.3330 · 1m 40s · 17 turns · 18 in / 5,673 out tokens

With context: $0.4534 · 1m 52s · 22 turns · 364 in / 6,729 out tokens

Repository: jeremylongshore/claude-code-plugins-plus-skills
Commit: 994edc4

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

Table of Contents

Accessible Modal Component for Account Deletion Accessible Navigation Menu for a Government Portal Real-Time Notification System Accessibility

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.