CtrlK
BlogDocsLog inGet started
Tessl Logo

input-image-alt

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

66

Quality

80%

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/input-image-alt/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

85%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.

The body is a clean, well-structured overview for a simple rule: an unambiguous check-then-fix workflow with concrete selectors and example values, and a single clearly signaled reference file that exists in the bundle. Only minor trim opportunities (a concept explanation Claude already knows and slight Quick Reference/Check-Fix redundancy) keep it from full marks.

DimensionReasoningScore

Conciseness

The body is short and mostly lean, but "Without alt text, screen readers may read the file name of the image, leaving users unable to determine the function of the button" explains a concept Claude already knows, and the Quick Reference bullets ("Add an `alt` attribute to `<input type='image'>`") duplicate the Check/Fix sections. Not 5: these minor instances could be trimmed; not 3: the padding is limited to a couple of spots.

4 / 5

Actionability

"Verify that all <input type='image'> elements have a non-empty 'alt' attribute" and "Add an 'alt' attribute ... that describes the action ... (e.g., 'Search', 'Submit')" are concrete, executable guidance with a specific selector and example values. Not 5: no inline good/bad markup example is shown (deferred to references/rule.md); not 3: the guidance is specific and directly actionable, not pseudocode.

4 / 5

Workflow Clarity

This is a simple single-purpose skill under 50 lines whose action is unambiguous: Check (specific selector and non-empty alt condition) then Fix (add descriptive alt with examples), followed by Explain and Code Review framing. No destructive or batch operations, so no validation cap applies; the simple-skill exception holds.

5 / 5

Progressive Disclosure

The body is a well-organized overview with a clearly signaled, one-level-deep reference ("For full implementation details, code examples, and framework-specific guidance, see `references/rule.md`"), and that file exists in the bundle. Matches the anchor for clear overview with well-signaled one-level-deep references.

5 / 5

Total

18

/

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.

The description is solid: it has an explicit "Use when..." trigger, several concrete review actions, and the core natural terms ("alt text", "image buttons"). Its main weakness is templated, rule-agnostic action phrasing — the boilerplate reads the same across sibling accessibility rules and the core task is only implied through the rule title.

Suggestions

State the core task directly in the description, e.g. "Verify <input type='image'> elements have non-empty alt text describing the button's action (e.g. 'Search', 'Submit'), and flag violations" instead of relying on generic review boilerplate.

Add natural trigger variations such as "image submit button", "input type='image'", or "a11y" so users phrasing the need differently still match.

Trim the generic "keyboard behavior, focus flow... where relevant" list to the aspects actually relevant to image-button alt text (accessible name, screen-reader output) to reduce overlap with sibling accessibility-rule skills.

DimensionReasoningScore

Specificity

"Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output" lists several concrete review actions. Not 5: the actions are generic review boilerplate not tailored to this rule, and "where relevant" hedges coverage; not 3: well more than 1-2 concrete actions are named.

4 / 5

Completeness

Both parts are present: an explicit trigger ("Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide alt text for image buttons") and a what ("Check native semantics first, then inspect..."). Not 5: the what is indirect — it never plainly states the core task (verify image buttons have descriptive alt text) — and the trigger is templated; not 3: the when clause is explicit, not merely implied.

4 / 5

Trigger Term Quality

Natural terms like "alt text", "image buttons", "accessible names", and "screen-reader" are present, giving good keyword coverage. Not 5: common variations such as "input type='image'", "a11y", or "image submit button" are missing; not 3: the core natural phrases users would say are included.

4 / 5

Distinctiveness Conflict Risk

"Provide alt text for image buttons" carves a clear niche with minimal conflict risk. Not 5: the trigger boilerplate ("reviewing rendered HTML, interactive components, or design-system patterns") would match sibling accessibility-rule skills identically, leaving minor overlap risk with closely related 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.