Este artigo contém informações sobre as regras e tags reconhecidas pelo Axe DevTools Linter, e cada regra direciona para uma página no Deque University com mais informações.
Regras
O Axe DevTools Linter verifica seu código-fonte de acordo com as seguintes regras:
- area-alt
- aria-allowed-attr
- aria-allowed-role
- aria-command-name
- aria-conditional-attr
- aria-deprecated-role
- aria-dialog-name
- aria-input-field-name
- aria-meter-name
- aria-progressbar-name
- aria-prohibited-attr
- aria-required-attr
- aria-roles
- aria-text
- aria-toggle-field-name
- aria-tooltip-name
- aria-treeitem-name
- aria-valid-attr
- aria-valid-attr-value
- autocomplete-valid
- button-name
- definition-list
- empty-heading
- empty-table-header
- frame-title
- html-has-lang
- html-lang-valid
- image-alt
- input-button-name
- input-image-alt
- label
- link-name
- lista
- meta-refresh
- meta-viewport
- nested-interactive
- object-alt
- presentation-role-conflict
- role-img-alt
- select-name
- summary-name
- svg-img-alt
- tabindex
- valid-lang
Regra Markdown
O Axe DevTools Linter verifica o seu código Markdown de acordo com a seguinte regra:
Regras do React Native
Para obter informações sobre as regras para análise de código React Native, veja Usando Axe DevTools Linter para React Native.
Etiquetas
A tabela a seguir mostra as etiquetas que o Axe DevTools Linter aceita (para selecionar quais regras verificar no seu código):
| Nome da Etiqueta | Padrão de Acessibilidade / Finalidade |
|---|---|
wcag2a |
WCAG 2.0 Nível A |
wcag2aa |
WCAG 2.0 Nível AA |
wcag21a |
WCAG 2.1 Nível A |
wcag21aa |
WCAG 2.1 Nível AA |
best-practice |
Melhores práticas comuns de acessibilidade |
