Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

web-a11y-css

Étoiles4

Forks0

Mis à jour26 avril 2026 à 10:48

Reviews and writes CSS that preserves accessibility across contrast, focus styles, reduced motion, forced colors, zoom, target size, semantic integrity, and custom-styled controls. Use for UI styling and design-system changes.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

klovaaxel

klovaaxel/web-a11y-agent-skills

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

Développeurs webProfessions informatiques et mathématiques·SOC 15-1254

SKILL.md

readonly

name	web-a11y-css
description	Reviews and writes CSS that preserves accessibility across contrast, focus styles, reduced motion, forced colors, zoom, target size, semantic integrity, and custom-styled controls. Use for UI styling and design-system changes.

Web A11y CSS

CSS Rules

Do not remove focus indicators without a visible replacement.
Do not rely on color alone for meaning.
Respect reduced motion and provide user control for moving content.
Preserve usability under zoom, reflow, large text, and forced-colors modes.
Avoid CSS that breaks semantics or operability.

Risky CSS Checklist

CSS accessibility checklist

- [ ] Focus styles are visible and high contrast
- [ ] Text, controls, and states meet contrast expectations
- [ ] Target sizes and spacing support touch and motor constraints
- [ ] Motion is reduced or disabled when users request it
- [ ] `display`, `visibility`, `content-visibility`, and `pointer-events` do not break semantics
- [ ] Hidden labels, legends, captions, and referenced text still name controls correctly

Output

List preference modes tested, risky CSS properties used, and any semantic integrity mitigations.

Plus depuis ce dépôt

même dépôt

web-a11y-authoring

klovaaxel/web-a11y-agent-skills

Builds accessible pages and components with semantic HTML, correct names/roles/states, keyboard support, focus management, links, images, SVG, media, and native controls first. Use when implementing or refactoring frontend UI.

2026-04-264

web-a11y-forms

klovaaxel/web-a11y-agent-skills

Designs and reviews accessible forms, search, validation, errors, grouping, required state, multi-step flows, and recovery behavior. Use when implementing or auditing form-heavy UI.

2026-04-264

web-a11y-review

klovaaxel/web-a11y-agent-skills

Reviews frontend changes for accessibility regressions across semantics, keyboard/focus behavior, forms, dynamic updates, styling, ARIA, and tests. Use for pull requests, diffs, audits, and pre-merge sign-off.

2026-04-264

web-a11y-testing

klovaaxel/web-a11y-agent-skills

Validates accessibility with automated checks, keyboard walkthroughs, screen reader smoke tests, zoom/preference checks, and focused regression reporting. Use when verifying new UI or confirming fixes.

2026-04-264

web-a11y-orchestrator

klovaaxel/web-a11y-agent-skills

Central routing and orchestration skill for web accessibility work. Use as the default entrypoint for accessibility-related UI tasks to select the right authoring, review, remediation, and testing workflows.

2026-04-264

web-a11y-debugging

klovaaxel/web-a11y-agent-skills

Debugs accessibility issues with automated scanners, browser accessibility trees, keyboard checks, screen reader smoke tests, custom CSS/JS rules, and CI gates. Use when triaging barriers or building accessibility validation pipelines.

2026-04-264

name	web-a11y-css
description	Reviews and writes CSS that preserves accessibility across contrast, focus styles, reduced motion, forced colors, zoom, target size, semantic integrity, and custom-styled controls. Use for UI styling and design-system changes.

Web A11y CSS

CSS Rules

Do not remove focus indicators without a visible replacement.
Do not rely on color alone for meaning.
Respect reduced motion and provide user control for moving content.
Preserve usability under zoom, reflow, large text, and forced-colors modes.
Avoid CSS that breaks semantics or operability.

Risky CSS Checklist

CSS accessibility checklist

- [ ] Focus styles are visible and high contrast
- [ ] Text, controls, and states meet contrast expectations
- [ ] Target sizes and spacing support touch and motor constraints
- [ ] Motion is reduced or disabled when users request it
- [ ] `display`, `visibility`, `content-visibility`, and `pointer-events` do not break semantics
- [ ] Hidden labels, legends, captions, and referenced text still name controls correctly

Output

List preference modes tested, risky CSS properties used, and any semantic integrity mitigations.