Receber por email
← Voltar para o catálogo

aria

WAI-ARIA implementation, roles, states, and properties.

1.4kestrelas
Atualizado há 4 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add a5c-ai/babysitter

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/aria/svg)](https://www.skillteca.com.br/skills/aria)
#ai

Skills relacionadas

Ver todas de Automação →

Alerta por categoria

Receba novas skills de Automação toda segunda

1 email curto, só com as skills novas de Automação. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

ARIA Skill

Expert assistance for WAI-ARIA implementation.

Capabilities

  • Implement ARIA roles
  • Manage states and properties
  • Create accessible widgets
  • Handle live regions
  • Test with screen readers

Common Patterns

// Modal dialog
<div
  role="dialog"
  aria-modal="true"
  aria-labelledby="dialog-title"
  aria-describedby="dialog-desc"
>
  <h2 id="dialog-title">Title</h2>
  <p id="dialog-desc">Description</p>
</div>

// Live region
<div aria-live="polite" aria-atomic="true">
  {statusMessage}
</div>

// Tab panel
<div role="tablist">
  <button role="tab" aria-selected={selected} aria-controls="panel-1">
    Tab 1
  </button>
</div>
<div role="tabpanel" id="panel-1" aria-labelledby="tab-1">
  Content
</div>

Target Processes

  • aria-implementation
  • accessibility-improvement
  • screen-reader-support
Compartilhar X LinkedIn