CtrlK
BlogDocsLog inGet started
Tessl Logo

aria-valid-attr

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

61

Quality

73%

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-valid-attr/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

71%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-organized, concise overview body with exemplary progressive disclosure via a single clearly signaled reference file. The main gap is actionability: the body's Check/Fix guidance stays at the direction level, delegating all concrete examples, tool names, and verification steps to the reference file.

Suggestions

Inline one concrete before/after example in the Fix section (e.g. '<div aria-labeledby=...>' should be 'aria-labelledby') so the most common case is actionable without opening the reference.

Name the concrete verification tools in the Code Review section (e.g. axe, Lighthouse, the browser accessibility tree) instead of the generic 'browser accessibility tooling or assistive tech'.

Merge or trim the Quick Reference bullets that restate the intro and Check section to remove redundancy.

DimensionReasoningScore

Conciseness

The body is lean and well-sectioned, but has minor trimmable redundancy: the intro sentence explains a fact Claude already knows ('Invalid ARIA attributes are ignored by browsers and screen readers...') and the Quick Reference bullet 'Ensure screen readers correctly interpret element roles and states' restates the intro and Check section. Not 3, since these are minor instances rather than pervasive padding.

4 / 5

Actionability

Guidance is directional but incomplete in the body: 'Identify any invalid or misspelled ARIA attributes' and 'Replace invalid ARIA attributes with their correct names' lack any concrete example (e.g. aria-labeledby -> aria-labelledby), named tool, or command - all of those specifics live only in references/rule.md. Not 4 because nothing in the body is directly executable; not 2 because the Check/Fix/Code Review sections do give real, followable direction.

3 / 5

Workflow Clarity

The Check -> Fix -> Explain -> Code Review sequence is coherent, and the Code Review section includes a verification hint ('note how to verify the fix with browser accessibility tooling or assistive tech'). This is a non-destructive review skill, so the destructive/batch validation cap does not apply. Not 5 because verification is only a passing mention rather than an explicit checkpoint, and the 'native semantics first' ordering exists only in the description, not the body.

4 / 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') that exists as a real file and delivers exactly what is promised (code examples, tools, verification steps).

5 / 5

Total

16

/

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 with an explicit 'Use when' trigger and several concrete check actions. Its main weaknesses are the unedited 'Ensure ARIA attributes are valid' clause embedded mid-sentence, which reads awkwardly and obscures the core what, and the absence of the most natural trigger terms ('accessibility', 'a11y').

Suggestions

Rewrite the embedded clause into a natural capability statement, e.g. 'Validates that ARIA attributes exist and are spelled correctly per the WAI-ARIA specification' instead of 'related to Ensure ARIA attributes are valid'.

Add the natural trigger terms 'accessibility' and 'a11y' to the when-clause, since users asking for this skill would most likely say them.

DimensionReasoningScore

Specificity

Lists several concrete actions ('Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output'), matching the several-specific-actions anchor. Not 5 because the core capability (validating aria-* attribute names against the WAI-ARIA spec) is only indirectly phrased via the awkward clause 'related to Ensure ARIA attributes are valid'.

4 / 5

Completeness

Both 'what' ('Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output') and 'when' ('Use when reviewing rendered HTML, interactive components, or design-system patterns') are explicitly present. Not 5 because the what is framed as a review workflow and the muddied 'related to Ensure ARIA attributes are valid' clause weakens the concrete statement of the core task.

4 / 5

Trigger Term Quality

Good natural-term coverage ('rendered HTML', 'interactive components', 'ARIA attributes', 'screen-reader output'), but the most natural user phrasing 'accessibility'/'a11y' never appears, leaving a few natural terms missing per the score-4 anchor.

4 / 5

Distinctiveness Conflict Risk

The niche (ARIA attribute validity) is distinct, but the when-clause spans the full accessibility-review surface (keyboard behavior, focus flow, accessible names), creating minor overlap risk with closely related sibling accessibility skills.

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.