Agent skill

Manage HTML A11y

by telerik in telerik/kendo-themes

Create or update ARIA accessibility annotations and validate WCAG compliance for a Kendo UI component.

No licenceAuto-check passedFrontend & Design

Install Manage HTML A11y

skills CLI
$ npx skills add telerik/kendo-themes --skill manage-html-a11y -a claude-code

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

GitHub CLI
$ gh skill install telerik/kendo-themes manage-html-a11y --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/telerik/kendo-themes.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.github/skills/manage-html-a11y .claude/skills/manage-html-a11y && 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
manage-html-a11y
GitHub stars
158
Token cost
~2k tokens
SKILL.md length
498 words
Files
2 (incl. references)
Skills in repo
11
Repo updated
First seen
Licence
None found

At a glance

Create or update ARIA accessibility annotations and validate WCAG compliance for a Kendo UI component.

  • Works in 6 steps: Gather context → Add @aria annotations → Apply ARIA attributes in JSX → …
  • The user wants to add accessibility support
  • SKILL.md covers When to use, Inputs, Architecture and JSDoc annotation system, plus 2 more sections
  • Calls npm; reaches w3.org

What it does

Manage HTML A11y is an agent skill from telerik/kendo-themes. Create or update ARIA accessibility annotations and validate WCAG compliance for a Kendo UI component. Reads the component spec, writes @aria/@keyboard/@ux/@see JSDoc annotations, applies attributes to TSX templates, and validates with the axe-core test runner. Use this skill when the user wants to add accessibility support, fix ARIA violations, document keyboard shortcuts, or ensure WCAG 2.2 Level AA compliance.

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/ariaspec-reference.md`). Compatibility notes: Requires Node.js with npm, and a built HTML package

It sits in Frontend & Design, covering Accessibility. The repository describes itself as: Monorepo for SASS-based Kendo UI themes.

When your agent uses it

  • The user wants to add accessibility support
  • Fix ARIA violations
  • Document keyboard shortcuts
  • Ensure WCAG 2.2 Level AA compliance

Example prompts

  • “/manage-html-a11y”

Requirements

  • Node.js
  • Compatibility (from SKILL.md): Requires Node.js with npm, and a built HTML package

Workflow steps

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

  1. Gather context
  2. Add @aria annotations
  3. Apply ARIA attributes in JSX
  4. Add @keyboard and @see to the bottom block
  5. Validate WCAG compliance
  6. Regenerate docs

What it can do on your machine

Read from SKILL.md and the folder at commit 00ae7da. 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:

    • npm

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

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • w3.org

    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.

  • Compatibility

    Requires Node.js with npm, and a built HTML package

    From compatibility in the SKILL.md frontmatter.

Context cost

Manage HTML A11y loads about 2k tokens when it runs, and up to ~3.6k if it reads all its reference files. Until then it costs about 108 tokens; SKILL.md has 498 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~108
When it runs · the whole SKILL.md, loaded when a task matches
~2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~3.6k

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 498 words (~2,006 tokens).

“Document ARIA attributes as JSDoc annotations in component specs and validate WCAG 2.2 Level AA compliance.”

— opening of SKILL.md by telerik
name
manage-html-a11y
compatibility
Requires Node.js with npm, and a built HTML package
argument-hint
[component] e.g. button, checkbox, grid
metadata.internal
true

Read the full SKILL.md on GitHub

Files

SKILL.md and 1 other file (references) in .github/skills/manage-html-a11y of telerik/kendo-themes.

  • SKILL.md
  • references/ariaspec-reference.md

Open the folder on GitHubat commit 00ae7da

Compare with similar skills

Manage HTML A11y 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.

Manage HTML A11y compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Manage HTML A11y this skilltelerik/kendo-themes158—~2kAutomated safety check: PassNone
Web Interface Guidelines Reviewervercel-labs/openreview1.7k97 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
Accessibility Fixeribelick/ui-skills9.6k4 repos~1.2kAutomated safety check: PassMIT
Wcag Audit PatternsvmDeshpande/ai-agent-automation17811 repos~610Automated safety check: PassApache-2.0

Similar skills

  • 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 97 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.6k GitHub starsUsed in 4 repos~1.2k tokens
    Frontend & DesignAuto-check passed
  • Wcag Audit Patterns

    vmDeshpande/ai-agent-automation

    Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance.

    178 GitHub starsUsed in 11 repos~610 tokens
    Frontend & DesignAuto-check passed
  • Baseline UI

    ibelick/ui-skills

    Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes.

    9.6k GitHub starsUsed in 8 repos~855 tokens
    Frontend & DesignAuto-check passed

More from telerik/kendo-themes

All 11 skills in this repo
  • Audit Design Tokens

    telerik/kendo-themes

    Audit and report on design token usage (color, spacing, typography, elevation, border-radius) across SCSS packages.

    158 GitHub stars~1.8k tokensUpdated today
    Auto-check passed
  • Kendo Themes

    telerik/kendo-themes

    DEPRECATED — moved to the kendo-design plugin in telerik/ai-plugins (https://github.com/telerik/ai-plugins).

    158 GitHub stars~2.7k tokensUpdated today
    Auto-check passed
  • Manage Components

    telerik/kendo-themes

    Create or update a Kendo UI component across kendo-themes packages.

    158 GitHub stars~2.3k tokensUpdated today
    Auto-check passed
  • Manage HTML Specs

    telerik/kendo-themes

    Create or update an HTML component specification (.spec.tsx) in the HTML package.

    158 GitHub stars~2.4k tokensUpdated today
    Auto-check passed
  • Manage HTML Templates

    telerik/kendo-themes

    Create or update reusable HTML templates for a Kendo UI component in the HTML package.

    158 GitHub stars~1.8k tokensUpdated today
    Auto-check passed
  • Manage HTML Tests

    telerik/kendo-themes

    Create or update visual test scenarios for a Kendo UI component in the HTML package.

    158 GitHub stars~1.8k tokensUpdated today
    Auto-check passed

Questions about Manage HTML A11y

What does Manage HTML A11y do?

Create or update ARIA accessibility annotations and validate WCAG compliance for a Kendo UI component. Manage HTML A11y is an agent skill from telerik/kendo-themes. Create or update ARIA accessibility annotations and validate WCAG compliance for a Kendo UI component.

When should I use Manage HTML A11y?

Manage HTML A11y fits situations like: the user wants to add accessibility support; fix ARIA violations; document keyboard shortcuts; ensure WCAG 2.2 Level AA compliance.

How do I install Manage HTML A11y in Claude Code?

Run `npx skills add telerik/kendo-themes --skill manage-html-a11y -a claude-code`. Or copy the skill folder (.github/skills/manage-html-a11y in telerik/kendo-themes) into .claude/skills/manage-html-a11y in your project. Claude Code loads it when a task matches its description.

How do I install Manage HTML A11y in Codex?

Run `npx skills add telerik/kendo-themes --skill manage-html-a11y -a codex`. Or copy the skill folder (.github/skills/manage-html-a11y in telerik/kendo-themes) into .agents/skills/manage-html-a11y in your project. Codex loads it when a task matches its description.

Can I use Manage HTML A11y 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 telerik/kendo-themes --skill manage-html-a11y -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/manage-html-a11y, .gemini/skills/manage-html-a11y, .github/skills/manage-html-a11y and .opencode/skills/manage-html-a11y in your project.

What does Manage HTML A11y need to run?

Going by SKILL.md and its folder, Manage HTML A11y needs the command-line tools its instructions call (npm). Our summary lists: Node.js. Compatibility (from SKILL.md): Requires Node.js with npm, and a built HTML package.

Does Manage HTML A11y access the network?

SKILL.md names 1 domain. In commands or code: w3.org; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Manage HTML A11y 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 Manage HTML A11y use?

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

How many tokens does Manage HTML A11y use?

About 2k tokens (SKILL.md is roughly 8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.6k tokens, read only when the agent opens those files.

What are the alternatives to Manage HTML A11y?

Skills that share tags, products or a category with Manage HTML A11y: Web Interface Guidelines Reviewer (vercel-labs/openreview, 1.7k stars), Accessibility Review (markmead/hyperui, 12k stars), Web Animation Design (baptisteArno/typebot.io, 11k stars) and Accessibility Fixer (ibelick/ui-skills, 9.6k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Manage HTML A11y?

telerik (a GitHub organization) maintains it in telerik/kendo-themes, which has 158 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on October 9, 2026.

Source: telerik/kendo-themes on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.