What is accessibility-principles?

A guide to making websites and interfaces usable by people with disabilities, including keyboard users and people who use screen readers. It follows WCAG 2.1 Level AA, a widely used accessibility standard.

Use it when building or reviewing user-facing pages, forms, menus, dialogs, data tables, themes, images, and videos. It covers semantic HTML, keyboard behavior, ARIA labels, contrast, alternative text, captions, and transcripts.

It helps prevent interfaces that depend on a mouse, hide information from assistive technology, use unreadable colors, or provide unclear forms and controls.

How irahardianto/rugged-gemini configures Claude Code and Gemini CLI

Reuse

Borrowing it

Nothing to install: this file belongs to irahardianto/rugged-gemini. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file

curl -O https://raw.githubusercontent.com/irahardianto/rugged-gemini/main/.gemini/skills/accessibility-principles/SKILL.md

Clone the repo

git clone --depth 1 https://github.com/irahardianto/rugged-gemini

Made for: Claude Code, Gemini CLI.

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.

README.md

[![agentmods](https://agentmods.dev/badge/skills/irahardianto/rugged-gemini/accessibility-principles/github.svg)](https://agentmods.dev/skills/irahardianto/rugged-gemini/accessibility-principles)

Your own site

<a href="https://agentmods.dev/skills/irahardianto/rugged-gemini/accessibility-principles"><img src="https://agentmods.dev/badge/skills/irahardianto/rugged-gemini/accessibility-principles/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.

Your own site · 80×15

<a href="https://agentmods.dev/skills/irahardianto/rugged-gemini/accessibility-principles"><img src="https://agentmods.dev/badge/skills/irahardianto/rugged-gemini/accessibility-principles.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 30 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 493 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.

Model	Per session	Once invoked
Fable 5.1	$0.00030	$0.00493
Opus 5	$0.00015	$0.00246
Sonnet 5	$0.00006	$0.00099
Haiku 4.5	$0.00003	$0.00049

Measured 9d ago against content hash 22f461d80245, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-09, from the pricing page.

Security

Grade A, and why

accessibility-principles 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 9d 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.

.gemini/skills/accessibility-principles/SKILL.md · 63 lines

What it actually says

Accessibility Principles

Baseline: WCAG 2.1 Level AA.

Semantic HTML

Use <nav>, <main>, <article>, <section>, <button>, <form> over <div>/<span>
One <h1> per page, proper hierarchy (no skipping)
<label> associated with inputs (for/id or wrapping)
<table> for data only, never layout

Keyboard

All interactive elements Tab-reachable
Logical focus order
Visible focus indicators (never outline: none without replacement)
Custom components: arrows for menus, Escape for modals
No keyboard traps

ARIA

First rule: don't use ARIA if native HTML suffices
aria-label/aria-labelledby for elements without visible text
aria-live for dynamic updates (toasts, notifications)
role only for custom widgets lacking native semantics
aria-expanded, aria-controls for disclosures

Color & Contrast

Text: min 4.5:1 (AA normal), 3:1 (AA large)
Never color alone for meaning (add icons/text/patterns)
Light + dark themes with proper contrast

Images & Media

alt text on all <img> (alt="" for decorative)
Video captions/transcripts
Accessible audio controls

Forms

Errors associated with inputs (aria-describedby)
Required: visual + programmatic (required)
Validation errors announced to screen readers

Checklist

Keyboard reachable
Visible focus indicators
Semantic HTML (no div buttons)
Heading hierarchy correct
Contrast AA (4.5:1)
Color not sole indicator
Images have alt text
Form inputs labeled
ARIA correct (native first)

Core Design GEMINI.md § Core Design Principles
Security GEMINI.md § Security Principles (XSS)
Testing GEMINI.md § Testing Strategy (a11y testing)

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.

9d ago First seen · 63 lines · 30 tokens per session scan A 22f461d80245

Subscribe to this mod's changes

accessibility-principles is a skill published in the GitHub repository irahardianto/rugged-gemini (5 stars, last pushed 4mo ago), licensed MIT. It adds 30 tokens to every session and 493 once invoked, about $0.0002 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-08-31.

Design and UX

webgl-holographic-foil

A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.

nexu-io/open-design · 41 tokens

html-ppt-hermes-cyber-terminal

OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.

nexu-io/open-design · 53 tokens

html-ppt-taste-brutalist

16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).

nexu-io/open-design · 78 tokens

rugged-gemini: Skill for Claude Code