accessibility

accessibility is a skill for Claude Code, Codex from WrongStack/WrongStack. It costs 51 tokens per session (700 once invoked), scanned A, original, MIT.

A guide for building and checking user interfaces that people can use with keyboards, screen readers and other assistive technology. It covers meaningful HTML controls, focus, labels, errors and WCAG checks; WCAG is a web accessibility standard.

In plain words
What is it for?
Use it to fix accessible forms, dialogs, navigation, drag interactions, text contrast and focus behavior.
Why use it?
It helps find barriers that automated scanners may miss, such as broken keyboard focus or unclear form controls. It also separates test results from claims of full accessibility compliance.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Good fit Use it to fix accessible forms, dialogs, navigation, drag interactions, text contrast and focus behavior.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/wrongstack/wrongstack/accessibility
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add WrongStack/WrongStack --skill accessibility
Clone the repo
git clone --depth 1 https://github.com/WrongStack/WrongStack

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for accessibility

README.md
[![agentmods](https://agentmods.dev/badge/skills/wrongstack/wrongstack/accessibility/github.svg)](https://agentmods.dev/skills/wrongstack/wrongstack/accessibility)
Your own site
<a href="https://agentmods.dev/skills/wrongstack/wrongstack/accessibility"><img src="https://agentmods.dev/badge/skills/wrongstack/wrongstack/accessibility/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for accessibility

Your own site · 80×15
<a href="https://agentmods.dev/skills/wrongstack/wrongstack/accessibility"><img src="https://agentmods.dev/badge/skills/wrongstack/wrongstack/accessibility.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 51 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 700 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00051 $0.00700
Opus 5.5 $0.00020 $0.00280
Sonnet 5.5 $0.00010 $0.00140
Haiku 4.5 $0.00005 $0.00070

Measured 10d ago against content hash 205aeb4e4468, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

accessibility scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

packages/core/skills/accessibility/SKILL.md · 71 lines

How it starts

The opening of the file, as written. The whole thing — 71 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Accessibility

Selection card

  • Task: Fix keyboard, focus and assistive technology behavior.
  • Start: Identify the target surface, reference, user task and existing tokens.
  • Finish: apply the acceptance checks below; report observed results and unresolved constraints.

Overview

Start from the actual user task and supported input modes. WCAG 2.2 is the current Recommendation used here; verify current standards when the required conformance target changes. A scanner score is not a conformance certificate.

Rules

  1. Prefer native controls and meaningful document structure. Use ARIA when it adds the semantics a custom widget actually needs, and keep values synchronized.
  2. Every action must work from a keyboard with visible, unobscured focus. Dialogs need sensible initial focus, dismissal and return focus.
  3. Give controls names, instructions and errors. Associate labels programmatically; placeholder text does not replace a label.
  4. Test real text and backgrounds for contrast: ordinary text 4.5:1, large text 3:1, applicable UI/graphics 3:1. Gradients and transparency need rendered values.
  5. WCAG 2.2 AA target size is 24 by 24 CSS pixels or a qualifying exception. 44 by 44 is a useful touch design target and the enhanced AAA criterion, not a universal AA requirement.
  6. Support zoom/reflow, reduced motion and forced colors as relevant. A drag action needs a single-pointer alternative; authentication should allow paste and password-manager assistance.

Workflow

  1. Identify route/state/viewport, task, affected shared primitives and conformance target. Inspect the actual rendered surface.
  2. Run the existing automated checker, then independently test keyboard, zoom/reflow, focus, errors and asynchronous updates.
  3. Use an available screen reader to check names, landmarks, reading order and announcements. If unavailable, record that gap instead of inventing evidence.
  4. Fix at the owning primitive where appropriate. Preserve the product's content and design intent while improving operation.
  5. Recheck the task and stress empty/error/loading states and long labels.

Read the full file on GitHub · 71 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 10d ago Changed 205aeb4e4468
  2. 11d ago First seen · 71 lines · 51 tokens per session scan A f23bb581e63d

Subscribe to this mod's changes

accessibility is a skill published in the GitHub repository WrongStack/WrongStack (388 stars, last pushed today), licensed MIT. It adds 51 tokens to every session and 700 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-10.

Related

Other skills, from other repositories

readable-measure

Set line length and measure for comfortable reading across type sizes and breakpoints. Use when tuning body text. Covers measure only — for the full size and weight scale, use typography-scale.

Owl-Listener/designer-skills · 44 tokens

von-restorff-effect

Apply the Von Restorff Effect — the element that differs from its neighbours is the one remembered. Use when a single action must dominate. For overall ordering rather than single-element emphasis, use visual-hierarchy.

Owl-Listener/designer-skills · 49 tokens

handoff-spec

Write the implementation handoff — measurements, behaviours, assets, states, and edge cases. Use when engineering picks up the work. For verifying the result afterwards use design-qa-checklist; for reusable library components use component-spec (design-systems).

Owl-Listener/designer-skills · 57 tokens

animation-principles

Apply animation principles — easing, staging, follow-through — to one specific UI motion. Use when tuning how an animation feels. For product-wide duration and easing tokens use motion-system (design-systems); for a full interaction spec use micro-interaction-spec.

Owl-Listener/designer-skills · 59 tokens

color-system

Build a product colour system — tonal scales, semantic roles, and contrast compliance. Use when defining or rebuilding colour from scratch. For dark-mode adaptation use dark-mode-design; for chart palettes use data-visualization; for multi-brand token architecture use theming-system (design-systems).

Owl-Listener/designer-skills · 64 tokens

dark-mode-design

Adapt an existing palette to dark mode — surface elevation, contrast rebalancing, and desaturation rules. Use when you already have a light palette to translate. For building the base palette first, use color-system.

Owl-Listener/designer-skills · 48 tokens