CtrlK
BlogDocsLog inGet started
Tessl Logo

aria-meter-name

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for meter elements. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

58

Quality

67%

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-meter-name/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%

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

A well-organized, simple accessibility-review skill that correctly defers detail to a real one-level reference. The body could be tighter and more actionable by trimming known-concept explanation and surfacing a concrete in-body example plus an explicit verification step.

Suggestions

Remove or compress the opening explanation of what a <meter> element is and the generic "Explain" section; Claude already knows this and the tokens are not earning their place.

Add one small in-body example (a labeled vs unlabeled <meter> snippet or a selector) so the Check/Fix steps are immediately executable without opening the reference.

Make verification explicit in the body — e.g. "Verify: confirm the meter exposes an accessible name in the browser accessibility tree (axe/Lighthouse)" — instead of instructing Claude to merely note how to verify.

DimensionReasoningScore

Conciseness

The body is mostly lean and well-sectioned, but it explains a concept Claude already knows ("A meter represents a scalar measurement; without a label, a user might hear a value...") and includes a generic "Explain why measurements need context..." section. It is not a 3 because those passages do not earn their tokens, and not a 1 because the bulk is efficient and direct.

2 / 3

Actionability

It gives concrete attributes to check and apply ("aria-label or aria-labelledby", "role=\"meter\"") but provides no in-body executable example — code is deferred to references/rule.md. It is not a 3 because the body itself lacks copy-paste-ready examples or selectors, and not a 1 because the named attributes and elements are specific and actionable.

2 / 3

Workflow Clarity

The Check / Fix / Explain / Code Review structure gives a clear sequence for a simple review task, but verification is described ("note how to verify the fix with browser accessibility tooling or assistive tech") rather than given as an explicit in-body checkpoint. It is not a 3 because the validation step is implicit in the body, and not a 1 because the sequence is present and unambiguous.

2 / 3

Progressive Disclosure

The body is a concise overview with clearly signaled one-level-deep navigation to references/rule.md ("For full implementation details, code examples, and framework-specific guidance, see references/rule.md"), and that file exists and is not further nested. It is not a 2 because the split is appropriate and the reference is explicitly signaled.

3 / 3

Total

9

/

12

Passed

Description

77%

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 explicit trigger guidance and concrete, enumerated review actions. Its main weaknesses are an awkward rule-title insertion in the trigger phrase and a broad preamble that risks overlapping sibling accessibility skills.

Suggestions

Reword the trigger to use natural user phrasing instead of the literal rule title, e.g. "Use when reviewing HTML for accessibility issues involving meter elements or role=\"meter\" that lack an accessible name."

Add common keyword variations ("meter", "label", "ARIA label") so the trigger matches how users actually phrase the request.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions — "Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output" — matching the multiple-specific-actions anchor. It is not a 2 because the actions are concrete and enumerated rather than a single domain statement.

3 / 3

Completeness

It answers both "what" (check native semantics, inspect keyboard behavior, focus flow, accessible names, screen-reader output) and "when" with an explicit "Use when reviewing rendered HTML, interactive components, or design-system patterns..." trigger. It is not a 2 because the when-clause is explicit, not merely implied.

3 / 3

Trigger Term Quality

It includes relevant natural terms ("rendered HTML", "meter elements", "accessible names", "screen-reader output") but inserts the literal rule title "Provide accessible names for meter elements" as a trigger and omits common variations like "meter", "label", or "ARIA". It is not a 3 because the title-as-trigger phrasing is not something a user would naturally say and variations are missing.

2 / 3

Distinctiveness Conflict Risk

The "meter elements" niche is specific, but the broad preamble "reviewing rendered HTML, interactive components, or design-system patterns" is shared across sibling accessibility rule skills and could overlap them. It is not a 3 because that generic preamble weakens distinctiveness, and not a 1 because the meter-element focus does narrow the niche.

2 / 3

Total

10

/

12

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.

Validation15 / 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.