CtrlK
BlogDocsLog inGet started
Tessl Logo

aria-dialog-name

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Ensure dialogs have an accessible name. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

60

Quality

70%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/aria-dialog-name/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

65%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-structured, appropriately brief overview that correctly delegates code examples and detail to a real, clearly signaled reference file. The body itself would score higher with less redundant boilerplate (intro and Quick Reference restate the same point) and an explicit post-fix verification step.

Suggestions

Trim the redundant content: the Quick Reference bullets and intro sentence restate the Check/Fix guidance and basic accessibility knowledge Claude already has.

Add an explicit validation checkpoint after the Fix step (e.g. 'Re-run the accessibility check to confirm the dialog now exposes the name') instead of only mentioning verification in passing.

Clean up templated phrasing like 'interactive states that affect Ensure dialogs have an accessible name' into natural instructions, and drop the duplicated rule URL footer.

DimensionReasoningScore

Conciseness

The body is short but includes unnecessary explanation Claude already knows ('When a dialog opens, screen readers should announce its purpose immediately...') and the Quick Reference bullets ('Helps users understand the context and purpose of the modal') largely duplicate the Check and Fix sections. Mostly efficient but could be tightened — anchor 3 rather than 4.

3 / 5

Actionability

Guidance is concrete and executable: 'Verify that every element with role="dialog" or role="alertdialog" has an accessible name' and 'Provide an accessible name for the dialog using aria-labelledby (pointing to the header) or aria-label'. As an instruction-only skill the absence of inline code is acceptable and details are appropriately deferred to references/rule.md, but no inline example or named verification tooling leaves minor gaps — 4 rather than 5.

4 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sections give a present sequence, but validation is only implicit ('note how to verify the fix with browser accessibility tooling or assistive tech') rather than an explicit checkpoint or re-check step after fixing. Steps listed with validation gaps — anchor 3, not 4.

3 / 5

Progressive Disclosure

The body is a concise overview with a clearly signaled, one-level-deep reference — 'For full implementation details, code examples, and framework-specific guidance, see references/rule.md' — and references/rule.md exists with exactly that content (code examples, rationale, exceptions). Clear overview, well-signaled single reference, easy navigation: anchor 5.

5 / 5

Total

15

/

20

Passed

Description

75%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A solid description that explicitly states both what the skill does and when to use it, with several concrete review actions. Its main weaknesses are the awkward embedded rule title in the trigger clause and missing natural synonyms like 'modal' and 'ARIA'.

Suggestions

Rewrite the when-clause into a natural trigger phrase, e.g. 'Use when reviewing dialogs, modals, or ARIA markup for accessible names' instead of the embedded sentence 'related to Ensure dialogs have an accessible name'.

Add missing natural trigger synonyms such as 'modal', 'ARIA', and 'aria-label'/'aria-labelledby' to improve trigger term coverage.

State the outcome action (fix unnamed dialogs with aria-labelledby/aria-label) alongside the inspection actions for fuller capability coverage.

DimensionReasoningScore

Specificity

The description lists several concrete review actions ('Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output'), giving specific capability coverage, but it is not comprehensive — fix/reporting actions are absent. It fits anchor 4 (several specific actions, minor gaps) better than 5.

4 / 5

Completeness

Both 'what' (check native semantics, inspect keyboard behavior, focus flow, accessible names, screen-reader output) and 'when' ('Use when reviewing rendered HTML, interactive components, or design-system patterns...') are explicitly present. Not 5 because the when-clause is weakened by the mechanically embedded rule title ('related to Ensure dialogs have an accessible name'), leaving the trigger less concrete than the anchor-5 example.

4 / 5

Trigger Term Quality

Natural trigger terms are present ('rendered HTML', 'accessible names', 'screen-reader', 'dialog', 'interactive components'), but common variations users would actually say — 'modal', 'ARIA', 'aria-label'/'aria-labelledby' — are missing. Good keyword coverage with a few natural terms missing, so 4 rather than 5.

4 / 5

Distinctiveness Conflict Risk

The dialog-accessible-name niche is distinct, but the generic template opener 'reviewing rendered HTML, interactive components, or design-system patterns' would be shared by sibling accessibility rules, creating minor overlap risk with closely related skills — anchor 4 rather than 5.

4 / 5

Total

16

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
thedaviddias/Front-End-Checklist
Reviewed

Table of Contents

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.