Execute qualquer Skill no Manus
com um clique

Execute qualquer Skill no Manus com um clique

web-a11y-dynamic-ui

Estrelas4

Forks0

Atualizado26 de abril de 2026 às 10:48

Handles accessible dynamic interfaces such as filtering, sorting, pagination, progress, live regions, status messages, data tables, and client-rendered result updates. Use when UI changes without a full page load.

Instalação

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Executar no Manus

Fonte

klovaaxel

klovaaxel/web-a11y-agent-skills

Abrir repositório GitHub Ver repositórios do creator

Download

Executar no Manus

Ocupações relacionadasSOC

Baseado na classificação ocupacional SOC

Desenvolvedores webInformática e Matemática·SOC 15-1254

SKILL.md

readonly

name	web-a11y-dynamic-ui
description	Handles accessible dynamic interfaces such as filtering, sorting, pagination, progress, live regions, status messages, data tables, and client-rendered result updates. Use when UI changes without a full page load.

Web A11y Dynamic UI

Rules

Client-side updates need non-visual feedback.
Use live regions for status updates that should not move focus.
Move focus only when it improves task flow and orientation.
Use table semantics for tabular relationships, not layout.
Communicate sort, current page, result count, and progress state semantically and visually.

Checklist

Dynamic UI checklist

- [ ] Active filters and result counts are discoverable
- [ ] Loading, empty, error, and success states are announced when needed
- [ ] Pagination exposes current page and available movement
- [ ] Progress indicators expose current step/value where meaningful
- [ ] Tables have captions or labels, headers, and sort state
- [ ] Interactive controls inside data views preserve context

Output

Document update announcement strategy, focus strategy, table/result semantics, and regression checks.

Mais deste repositório

mesmo repositório

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-css

klovaaxel/web-a11y-agent-skills

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.

2026-04-264

name	web-a11y-dynamic-ui
description	Handles accessible dynamic interfaces such as filtering, sorting, pagination, progress, live regions, status messages, data tables, and client-rendered result updates. Use when UI changes without a full page load.

Web A11y Dynamic UI

Rules

Client-side updates need non-visual feedback.
Use live regions for status updates that should not move focus.
Move focus only when it improves task flow and orientation.
Use table semantics for tabular relationships, not layout.
Communicate sort, current page, result count, and progress state semantically and visually.

Checklist

Dynamic UI checklist

- [ ] Active filters and result counts are discoverable
- [ ] Loading, empty, error, and success states are announced when needed
- [ ] Pagination exposes current page and available movement
- [ ] Progress indicators expose current step/value where meaningful
- [ ] Tables have captions or labels, headers, and sort state
- [ ] Interactive controls inside data views preserve context

Output

Document update announcement strategy, focus strategy, table/result semantics, and regression checks.