CtrlK
BlogDocsLog inGet started
Tessl Logo

accessibility-and-inclusive-visualization

Make data visualizations accessible and inclusive. Use when the user needs chart or diagram accessibility guidance, text alternatives for complex visuals, color and contrast review, keyboard support, reduced-motion behavior for animation or parallax, or an accessibility QA workflow for exported figures, UML-like diagrams, and dashboards.

64

Quality

75%

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 ./plugins/build-web-data-visualization/skills/accessibility-and-inclusive-visualization/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

67%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 instruction skill: a clear working pattern, concrete output expectations, and real, well-organized reference files that carry the detailed how-to (contrast thresholds, export strategies, review workflow). The main cost is token efficiency — heavy duplication between Working Pattern and Output Expectations, and a very dense, tool-specific concept-approval step inlined in the main flow — plus several unverifiable out-of-bundle reference paths.

Suggestions

Consolidate the mobile, reduced-motion, and shareable-state checks that appear in both Working Pattern steps 6–8 and Output Expectations into a single checklist to remove duplication.

Move the Codex image-generation approval and semantic-design-contract detail (step 4) into a reference file (or the meaning-preserving-workflow foundation doc) and keep a one-line trigger in the main flow.

Split the run-on steps 2 and 4 into short sub-bullets, and annotate each out-of-bundle reference path with what it provides so navigation does not depend on unresolvable relative paths.

DimensionReasoningScore

Conciseness

The body never explains concepts Claude already knows (no WCAG tutorials, no "what is a screen reader" padding) and assumes competence, but it is more than minor-trim verbose: Working Pattern steps 2 and 4 are overstuffed run-on sentences (step 4 packs the entire Codex concept-approval workflow into one sentence), and the mobile/reduced-motion/shareable-state checks are stated twice — once in Working Pattern steps 6–8 and again in Output Expectations — where one consolidated checklist would do.

3 / 5

Actionability

For an instruction-only skill the guidance is mostly concrete: specific checklists like "Provide direct labels, strong contrast, redundant encodings, keyboard paths, reduced-motion alternatives, accessible disclosure controls, and text alternatives", "normal text should meet at least 4.5:1" (deferred to the contrast reference), and "make sure motion can be disabled without losing the evidence". Minor gaps: no example alt text or long description is shown inline, and there is no sample review output to anchor the QA workflow.

4 / 5

Workflow Clarity

The 9-step Working Pattern is a clear identify → decide → separate visual from evidence → provide alternatives → test sequence, ending with an explicit test step ("Test both the chart or diagram and the surrounding narrative") and a testing reference. It stops short of a 5 because there is no fix-and-retest feedback loop and intermediate checkpoints are implicit (e.g., when to consult which reference is not gated by decision outcomes).

4 / 5

Progressive Disclosure

Good structure: Overview, Working Pattern, Output Expectations, and a References section that clearly signals four real one-level-deep local reference files (all present in the bundle and well organized). Minor gaps: several referenced paths point outside the bundle and cannot be verified within it ("../../references/foundations/..." x4, "../uml-and-software-architecture-visualization/SKILL.md", "../scrollytelling-and-parallax-data-visualization/references/..."), and detail such as the semantic design contract in step 4 is inlined in the main flow where a reference pointer would fit better.

4 / 5

Total

15

/

20

Passed

Description

83%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 strong description: it clearly states what the skill does and gives an explicit, well-enumerated "Use when" clause covering charts, diagrams, dashboards, and exported figures. Its main weakness is missing a few of the most natural user phrasings ("alt text", "screen reader", "WCAG"), which slightly limits trigger coverage.

DimensionReasoningScore

Specificity

The description lists several specific capability areas — "text alternatives for complex visuals", "color and contrast review", "keyboard support", "reduced-motion behavior for animation or parallax", and "an accessibility QA workflow for exported figures, UML-like diagrams, and dashboards" — but the opening action ("Make data visualizations accessible and inclusive") is broader than the discrete, concrete verbs of a 5-anchor example, leaving minor gaps in coverage.

4 / 5

Completeness

It explicitly answers both: what ("Make data visualizations accessible and inclusive" with enumerated guidance areas) and when ("Use when the user needs chart or diagram accessibility guidance, text alternatives... or an accessibility QA workflow...") with concrete trigger phrases, matching the 5 anchor's what+when-with-triggers pattern.

5 / 5

Trigger Term Quality

Good keyword coverage with natural terms users would say: "chart", "diagram", "color and contrast review", "keyboard support", "reduced-motion", "parallax", "dashboards", "exported figures", "UML-like diagrams". A few common natural phrases are missing — users often say "alt text", "screen reader", "WCAG", or "accessibility audit" rather than "text alternatives" or "QA workflow" — so it falls just short of the comprehensive 5 anchor.

4 / 5

Distinctiveness Conflict Risk

The niche is clear — visualization-specific accessibility rather than general accessibility work — with distinct triggers (reduced-motion for parallax, UML-like diagrams, exported figures). Minor overlap risk remains with general web-accessibility skills and dataviz color/palette skills, whose triggers ("contrast", "chart colors") could also reach for those skills, so it is not a full 5.

4 / 5

Total

17

/

20

Passed

Validation

100%

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
openai/plugins
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.