Auditorias de acessibilidade
Todos os usuários podem acessar conteúdo e navegar em seu site de forma eficaz?
Accessibility Overview
Pontuação de auditoria
ARIA
-
[aria-*]
attributes do not match their roles -
[aria-hidden="true"]
is present on the document<body>
-
[aria-hidden="true"]
elements contain focusable descendants -
[role]
s do not have all required[aria-*]
attributes - Elementos com um ARIA
[role]
que exigem que os filhos contenham um[role]
específico estão faltando alguns ou todos os filhos necessários -
[role]
s are not contained by their required parent element -
[role]
values are not valid -
[aria-*]
attributes do not have valid values -
[aria-*]
attributes are not valid or misspelled - ARIA IDs are not unique
Nomes e etiquetas
- Os botões não têm um nome acessível
- Document doesn't have a
<title>
element - Form fields have multiple labels
- Os elementos
<frame>
ou<iframe>
não têm um título - Os elementos da imagem não têm atributos
[alt]
-
<input type="image">
elements do not have[alt]
text - Os elementos do formulário não têm rótulos associados
- Os links não têm um nome discernível
-
<object>
elements do not have alt text
Tabelas e listas
-
<dl>
s do not contain only properly ordered<dt>
and<dd>
groups,<script>
, or<template>
elements - Definition list items are not wrapped in
<dl>
elements - Lists do not contain only
<li>
elements and script supporting elements (<script>
and<template>
) - List items (
<li>
) are not contained within<ul>
or<ol>
parent elements - Presentational
<table>
elements do not avoid using<th>
,<caption>
, or the[summary]
attribute - Cells in a
<table>
element that use the[headers]
attribute refer to an element ID not found within the same table -
<th>
elements and elements with[role="columnheader"/"rowheader"]
do not have data cells they describe
Itens adicionais para verificar manualmente
- The page has a logical tab order
- Interactive controls are keyboard focusable
- Interactive elements indicate their purpose and state
- The user's focus is directed to new content added to the page
- User focus is not accidentally trapped in a region
- Custom controls have associated labels
- Custom controls have ARIA roles
- Visual order on the page follows DOM order
- Offscreen content is hidden from assistive technology
- HTML5 landmark elements are used to improve navigation