wcag-accessibility-widget

wcag-accessibility-widget is a skill for Claude Code, Codex from squadcodercom/squadcoder. It costs 163 tokens per session (2,463 once invoked), scanned A, original, MIT.

A self-hosted website accessibility widget is a floating control panel that lets visitors change contrast, font size, keyboard navigation, readable fonts, and heading or link markers. WCAG 2.1 AA is an international accessibility standard; Israeli Standard 5568 is its local counterpart.

In plain words
What is it for?
Use it to add an accessibility panel to an Israeli website, persist visitor settings, and apply the selected display changes to the page.
Why use it?
It gives visitors common accessibility controls without relying on a third-party service, while keeping their choices saved in the browser.

Skill for Claude CodeCodex

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.

agentmods
npx agentmods add skills/squadcodercom/squadcoder/wcag-accessibility-widget
Any agent
npx skills add squadcodercom/squadcoder --skill wcag-accessibility-widget
Clone the repo
git clone --depth 1 https://github.com/squadcodercom/squadcoder

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 wcag-accessibility-widget

README.md
[![agentmods](https://agentmods.dev/badge/skills/squadcodercom/squadcoder/wcag-accessibility-widget.svg)](https://agentmods.dev/skills/squadcodercom/squadcoder/wcag-accessibility-widget)
Your own site
<a href="https://agentmods.dev/skills/squadcodercom/squadcoder/wcag-accessibility-widget"><img src="https://agentmods.dev/badge/skills/squadcodercom/squadcoder/wcag-accessibility-widget.svg" alt="Measured on agentmods" height="20"></a>
Per session 163 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,463 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
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 $0.00163 $0.02463
Opus 5 $0.00081 $0.01231
Sonnet 5 $0.00033 $0.00493
Haiku 4.5 $0.00016 $0.00246

Measured yesterday against content hash 1bcc537a15be, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

wcag-accessibility-widget 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 yesterday.

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.

Origin

Copies of this mod

1 near-identical copy found in the catalogue:

.squadcoder/skills/wcag-accessibility-widget/SKILL.md · 245 lines

How it starts

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

WCAG Accessibility Widget

Overview

A self-hosted floating accessibility widget: a fixed button that opens a panel with toggles for common WCAG 2.1 AA features. Settings are persisted in localStorage and applied as CSS classes on <html>. No third-party service needed.


WCAG 2.1 AA Checklist — What to Build

Before touching any component, audit these items first:

Item What to check / implement
Skip link <a href="#main-content"> in layout, visually hidden, visible on focus. Target <main id="main-content" tabIndex={-1}>
Alt text Every <img> has descriptive alt. Decorative images get alt="" + aria-hidden="true"
Color contrast Normal text ≥ 4.5:1, large text ≥ 3:1. Common fail: text-gray-500 on dark bg (~3.9:1) → use text-gray-400
Keyboard navigation All interactive elements reachable by Tab. Test with keyboard only
ARIA labels aria-label on icon-only buttons, aria-expanded on toggles, aria-label on <nav> when multiple navs exist
Decorative elements Emoji, underline spans, SVG icons with adjacent text → aria-hidden="true"
Lang + dir <html lang="he" dir="rtl"> (or your locale) on the root element
Mobile responsive Site usable on mobile without horizontal scroll
Accessibility declaration Required by Israeli law (חוק שוויון זכויות) — page at /accessibility
Privacy policy /privacy-policy listing exactly what data the form collects

Widget Architecture

1. Settings type + CSS class map

type Settings = {
  keyboardNav: boolean;
  noAnimations: boolean;
  highContrast: boolean;
  textLarge: boolean;    // mutually exclusive with textSmall
  textSmall: boolean;
  readableFont: boolean;
  markHeadings: boolean;
  markLinks: boolean;
};

const CLASS_MAP: Record<keyof Settings, string> = {
  keyboardNav:  "a11y-keyboard",
  noAnimations: "a11y-no-anim",
  highContrast: "a11y-contrast",
  textLarge:    "a11y-font-lg",
  textSmall:    "a11y-font-sm",
  readableFont: "a11y-readable",
  markHeadings: "a11y-headings",
  markLinks:    "a11y-links",
};

Read the full file on GitHub · 245 lines

Files

What ships with it

4 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

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. yesterday First seen · 245 lines · 163 tokens per session scan A 1bcc537a15be

Subscribe to this mod's changes

wcag-accessibility-widget is a skill published in the GitHub repository squadcodercom/squadcoder (11 stars, last pushed 2mo ago), licensed MIT. It adds 163 tokens to every session and 2,463 once invoked, about $0.0008 per session on Opus 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-09-03.

Related

Other skills, from other repositories

triage

Triage GitHub issues by applying type, effort, priority, and area labels. Runs in an isolated context to avoid polluting the main conversation with issue details. Delegates to a specialized triage agent with label validation hooks.

coleam00/Archon · 50 tokens

docker-extend

Use when: User wants to extend Docker with custom tools, personalize the Docker environment, or set up user-specific Docker customization. Triggers: 'extend docker', 'docker-extend', 'add tools to docker', 'customize docker', 'add my tools to the container', 'personalize docker setup', 'docker user setup', 'install…

coleam00/Archon · 118 tokens

write-zot-themes

Help the user create, install, or package zot themes, including theme-only extensions.

patriceckhart/zot · 23 tokens

st-full-workflow

Use when the user asks to run the complete end-to-end Strikethroo workflow for a work order in one shot in this repository — triggers include full workflow, end-to-end, plan and execute, do everything, run the whole strikethroo workflow. Do not use when the user wants only one stage (create a plan, generate tasks, or…

e0ipso/strikethroo · 90 tokens

st-code-review

Use when the blueprint execution gate asks for an independent second-harness review of a Strikethroo plan's cumulative diff in this repository — triggers include code review gate, review the plan diff, second-model review, CODEREVIEW hook, review the cumulative diff. Do not use to review a single task, to review code…

e0ipso/strikethroo · 87 tokens

st-refine-plan

Use when the user asks to review, refine, improve, interrogate, pressure-test, or update an existing Strikethroo plan by plan ID in this repository — triggers include refine plan, improve plan, review plan, red-team the plan, update plan. Do not use to create a new plan, to generate tasks, or for generic brainstorming…

e0ipso/strikethroo · 81 tokens