Agent skill

Web Accessibility

by surrealdb in surrealdb/docs.surrealdb.com

Implement web accessibility (a11y) standards following WCAG 2.1 guidelines.

No licenceAuto-check passedFrontend & Design

Install Web Accessibility

skills CLI
$ npx skills add surrealdb/docs.surrealdb.com --skill web-accessibility -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install surrealdb/docs.surrealdb.com web-accessibility --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/surrealdb/docs.surrealdb.com.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/web-accessibility .claude/skills/web-accessibility && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
web-accessibility
GitHub stars
121
Used in
1 other repo
Token cost
~4.2k tokens
SKILL.md length
626 words
Files
2
Skills in repo
2
Repo updated
First seen
Licence
None found

At a glance

Implement web accessibility (a11y) standards following WCAG 2.1 guidelines.

  • Works in 5 steps: Use Semantic HTML → Implement Keyboard Navigation → Add ARIA Attributes → …
  • Building accessible UIs
  • SKILL.md covers When to use this skill, Input Format, Instructions and Output format, plus 5 more sections
  • Calls make

What it does

Web Accessibility is an agent skill from surrealdb/docs.surrealdb.com. Implement web accessibility (a11y) standards following WCAG 2.1 guidelines. Use when building accessible UIs, fixing accessibility issues, or ensuring compliance with disability standards. Handles ARIA attributes, keyboard navigation, screen readers, semantic HTML, and accessibility testing.

Its SKILL.md is about 4.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file.

It sits in Frontend & Design, covering Accessibility. It works with SurrealDB, OpenAPI and Astro. The repository describes itself as: The documentation for SurrealDB, built with Vike, React, and Mantine.

When your agent uses it

  • Building accessible UIs
  • Fixing accessibility issues
  • Ensuring compliance with disability standards

Example prompts

  • “/web-accessibility”

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. Use Semantic HTML
  2. Implement Keyboard Navigation
  3. Add ARIA Attributes
  4. Color Contrast and Visual Accessibility
  5. Accessibility Testing

What it can do on your machine

Read from SKILL.md and the folder at commit a3e9433. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • make

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • w3.org
    • developer.mozilla.org
    • webaim.org
    • deque.com
    • a11yproject.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Web Accessibility loads about 4.2k tokens when it runs. Until then it costs about 78 tokens; SKILL.md has 626 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~78
When it runs · the whole SKILL.md, loaded when a task matches
~4.2k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 626 words (~4,247 tokens).

“Use meaningful HTML elements to make the structure clear.”

— opening of SKILL.md by surrealdb
name
web-accessibility
metadata.tags
accessibility, a11y, WCAG, ARIA, semantic-HTML, screen-reader
metadata.platforms
Claude, ChatGPT, Gemini

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file in .agents/skills/web-accessibility of surrealdb/docs.surrealdb.com.

  • SKILL.md
  • SKILL.toon

Open the folder on GitHubat commit a3e9433

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in surrealdb/docs.surrealdb.com, which our catalogue first saw on October 7, 2026.

Compare with similar skills

Web Accessibility next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Web Accessibility compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Web Accessibility this skillsurrealdb/docs.surrealdb.com1211 repos~4.2kAutomated safety check: PassNone
Kb Path InstructionsCommunity-Access/accessibility-agents422—~385Automated safety check: PassMIT
Front-End Checklist CLI Reviewthedaviddias/Front-End-Checklist74k—~692Automated safety check: PassMIT
Web Interface Guidelines Reviewervercel-labs/openreview1.7k98 repos~308Automated safety check: PassNone
Accessibility Reviewmarkmead/hyperui12k1 repos~1.1kAutomated safety check: PassMIT
Web Animation DesignbaptisteArno/typebot.io11k2 repos~2.7kAutomated safety check: PassCustom licence

Similar skills

  • Kb Path Instructions

    Community-Access/accessibility-agents

    Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

    422 GitHub stars~385 tokensUpdated 15 days ago
    Frontend & DesignAuto-check passed
  • Front-End Checklist CLI Review

    thedaviddias/Front-End-Checklist

    Runs the frontendchecklist CLI against local files or a deployed URL to check code against 380+ accessibility, performance, SEO and security rules, with fixable, cited findings.

    74k GitHub stars~692 tokensUpdated 2 days ago
    Frontend & DesignAuto-check passed
  • Web Interface Guidelines Reviewer

    vercel-labs/openreview

    Official

    Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my…

    1.7k GitHub starsUsed in 98 repos~308 tokens
    Frontend & DesignAuto-check passed
  • Accessibility Review

    markmead/hyperui

    Run a WCAG 2.1 AA accessibility audit on a design or page. An agent skill from markmead/hyperui.

    12k GitHub starsUsed in 1 repo~1.1k tokens
    Frontend & DesignAuto-check passed
  • Web Animation Design

    baptisteArno/typebot.io

    Guides easing, timing and animation choices for UI motion, based on a web animation course, and reviews existing animations in a before-and-after table.

    11k GitHub starsUsed in 2 repos~2.7k tokens
    Frontend & DesignAuto-check passed
  • Accessibility Fixer

    ibelick/ui-skills

    Audits and fixes HTML accessibility problems such as ARIA labels, keyboard navigation, focus management, contrast and form errors with minimal changes.

    9.5k GitHub starsUsed in 4 repos~1.2k tokens
    Frontend & DesignAuto-check passed

More from surrealdb/docs.surrealdb.com

  • Documentation

    surrealdb/docs.surrealdb.com

    Writes and rewrites public-facing product documentation with a semi-technical tone, ASD-STE100 Simplified Technical English, clear structure, and careful disclosure.

    121 GitHub stars~2.4k tokensUpdated today
    Auto-check passed

Questions about Web Accessibility

What does Web Accessibility do?

Implement web accessibility (a11y) standards following WCAG 2.1 guidelines. com.1 guidelines.

When should I use Web Accessibility?

Web Accessibility fits situations like: building accessible UIs; fixing accessibility issues; ensuring compliance with disability standards.

How do I install Web Accessibility in Claude Code?

Run `npx skills add surrealdb/docs.surrealdb.com --skill web-accessibility -a claude-code`. Or copy the skill folder (.agents/skills/web-accessibility in surrealdb/docs.surrealdb.com) into .claude/skills/web-accessibility in your project. Claude Code loads it when a task matches its description.

How do I install Web Accessibility in Codex?

Run `npx skills add surrealdb/docs.surrealdb.com --skill web-accessibility -a codex`. Or copy the skill folder (.agents/skills/web-accessibility in surrealdb/docs.surrealdb.com) into .agents/skills/web-accessibility in your project. Codex loads it when a task matches its description.

Can I use Web Accessibility in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add surrealdb/docs.surrealdb.com --skill web-accessibility -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/web-accessibility, .gemini/skills/web-accessibility, .github/skills/web-accessibility and .opencode/skills/web-accessibility in your project.

What does Web Accessibility need to run?

Going by SKILL.md and its folder, Web Accessibility needs the command-line tools its instructions call (make).

Does Web Accessibility access the network?

SKILL.md names 5 domains. As links in the text: w3.org, developer.mozilla.org, webaim.org, deque.com and a11yproject.com. This is read from the text; nothing was executed.

Is Web Accessibility safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Web Accessibility use?

No licence was found for Web Accessibility or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Web Accessibility use?

About 4.2k tokens (SKILL.md is roughly 17k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Web Accessibility?

Skills that share tags, products or a category with Web Accessibility: Kb Path Instructions (Community-Access/accessibility-agents, 422 stars), Front-End Checklist CLI Review (thedaviddias/Front-End-Checklist, 74k stars), Web Interface Guidelines Reviewer (vercel-labs/openreview, 1.7k stars) and Accessibility Review (markmead/hyperui, 12k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Web Accessibility?

surrealdb (a GitHub organization) maintains it in surrealdb/docs.surrealdb.com, which has 121 GitHub stars. The repository holds 2 skills in this directory. The repository was last updated on October 8, 2026.

Source: surrealdb/docs.surrealdb.com on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.