O YuJa EqualGround verifica uma variedade de problemas comuns em suas páginas web e documentos. Este guia apresenta uma visão geral de todos os problemas detectados pela plataforma, incluindo o nome do problema, a descrição e detalhes adicionais, quando aplicável.
Problemas de acessibilidade
Observação: Todos os problemas listados nas tabelas WCAG, ARIA, e Boas práticas podem ser resolvidos pelo YuJa AutoPilot e pela remediação in-line.
WCAG
| Nome do problema | Descrição do problema | Resumo da remediação |
| Atributos alt ausentes em conteúdo não textual | O elemento img não tem texto alternativo. | Adiciona nome acessível. |
| Texto alternativo ausente em botões de imagem | Esta imagem é usada como botão, mas não tem texto alternativo; por isso, usuários de leitores de tela não sabem o que o botão faz. | Adiciona nome acessível. |
| Texto alternativo ausente em elementos com a função img | Este elemento está marcado como imagem (role="img"), mas não tem descrição. | Adiciona nome acessível. |
| Funções de apresentação e estados ocultos em conteúdo decorativo | Este elemento decorativo é anunciado por leitores de tela, embora não contenha nenhuma informação. | Adiciona aria-hidden="true" a <svg>; define role="presentation" em <img>/<area>. |
| Atributos title redundantes em imagens com texto alternativo vazio | Esta imagem está marcada como decorativa (texto alternativo vazio), mas ainda tem um título de dica de ferramenta, então os leitores de tela a anunciam mesmo assim. | N/A |
| Problemas de transcrição de áudio ausente | Este reprodutor de áudio não tem transcrição, então pessoas surdas ou com deficiência auditiva não conseguem acessar o conteúdo. | Adiciona <track> como elemento filho. |
| Legendas ausentes em vídeos incorporados do Vimeo | Este vídeo incorporado do Vimeo não tem legendas. | Não é possível modificar as legendas de vídeos de outras plataformas. |
| Legendas ausentes em vídeos incorporados do YouTube | Este vídeo incorporado do YouTube não tem legendas. | Não é possível modificar as legendas de vídeos de outras plataformas. |
| Legendas ausentes em conteúdo de vídeo | Este vídeo não tem legendas, então pessoas surdas ou com deficiência auditiva não conseguem acompanhá-lo. | Adiciona <track> como elemento filho. |
| Estrutura incorreta de lista de definição | Esta lista de descrição contém conteúdo que não é nem um termo nem uma descrição, e por isso a associação entre eles se desfaz. | Impõe uma estrutura válida em listas de descrição (<dl>), envolvendo em tags <dd> os filhos diretos inválidos. |
| Estrutura incorreta de lista | Esta lista contém conteúdo que não é um item de lista, então os leitores de tela anunciam o número errado de itens. | Insere itens de lista nos locais adequados para corrigir a estrutura de listas dentro de tabelas. |
| Uso incorreto do atributo headers por meio de scope em tabelas | Esta tabela usa células de dados comuns como cabeçalhos, então os leitores de tela não conseguem associar cada valor ao cabeçalho correto. | Adiciona os elementos <th> ausentes ao <thead> e define funções columnheader nos cabeçalhos existentes. |
| Uso incorreto do atributo scope em tabelas | O atributo scope é usado em uma célula que não é um cabeçalho, então os leitores de tela não conseguem determinar a estrutura da tabela. | Define o atributo de uma função de tabela como 'col' ou 'row', conforme a posição dela. |
| Aria-level ausente em funções de título | Este elemento funciona como um título, mas não informa o nível dele, então usuários de leitores de tela não sabem onde ele se encaixa na estrutura da página. | Adiciona aria-level de 1, 2, 3, 4, 5 ou 6. |
| Fieldset ou grupo ausente em campos com o mesmo nome | Estes botões de opção ou caixas de seleção estão agrupados, mas não têm um rótulo que informe aos usuários de leitores de tela o que o grupo representa. | N/A |
| Legend ausente no fieldset | O elemento <fieldset> não tem um <legend>, então os leitores de tela não conseguem identificar o contexto nem o rótulo de grupo desses campos de formulário. | Adiciona um elemento legend como primeiro filho de um fieldset. |
| Elemento pai ausente em elementos de definição | Este termo ou esta descrição não está dentro de uma lista de descrição, então os leitores de tela não conseguem associar os dois. | Envolve elementos <dt> ou <dd> órfãos em um contêiner <dl>. |
| Elemento pai ausente em itens de lista | Este item de lista não está dentro de uma lista, então os leitores de tela não o anunciam como parte de uma lista. | Envolve elementos <li> órfãos em um contêiner <ul> ou <ol>. |
| Cabeçalhos de tabela sem dados de tabela | As células de cabeçalho desta tabela não têm células de dados associadas, então os cabeçalhos não descrevem nada. | Insere uma nova célula de dados preenchida na posição correta para garantir que cada cabeçalho esteja associado a conteúdo significativo. |
| Problemas de orientação em aplicativos web móveis da Apple | Esta página trava em uma única orientação de tela, então pessoas que fixam o dispositivo em uma posição não conseguem usá-la. | Altera a orientação da Apple para 'any'. |
| Problemas de orientação na meta viewport | As configurações de viewport desta página travam a orientação ou bloqueiam o zoom, então pessoas que precisam girar ou ampliar a página não conseguem fazê-lo. | Define o atributo correto e o valor dele para as meta viewports. |
| Valores de autocomplete inválidos em campos de formulário | Este campo de formulário não informa ao navegador que tipo de informação ele coleta, então não pode ser preenchido automaticamente. | Valida o atributo autocomplete em elementos de formulário e o redefine como 'off' se o valor for inválido. |
| Atributo autocomplete ausente em campos de formulário | Este campo de formulário não informa ao navegador que tipo de informação ele coleta, então não pode ser preenchido automaticamente. | N/A |
| Estilo de link ausente em links | Este link se distingue do texto ao redor apenas pela cor, então pessoas que não percebem diferenças de cor não o notarão. | Força o estilo padrão de link, adicionando sublinhado e cursor de ponteiro às tags de âncora que não os têm. |
| Controles de áudio ausentes em reprodutores de áudio | Este áudio é reproduzido sem dar ao usuário nenhuma forma de pausá-lo ou interrompê-lo. | Adiciona o atributo controls. |
| Problemas de baixo contraste em texto | Este texto não se destaca o suficiente do plano de fundo, então pessoas com baixa visão podem não conseguir lê-lo. | Atualiza a cor do texto para o inverso da cor do plano de fundo. |
| Problemas de contraste aprimorado em texto | Este texto não atende ao nível de contraste aprimorado exigido no WCAG AAA. | Atualiza a cor do texto para o inverso da cor do plano de fundo. |
| Tamanhos de fonte absolutos em parágrafos | O tamanho do texto deste parágrafo é fixado em pixels, então ele não responde quando o leitor aumenta o tamanho do texto no navegador. | Define o tamanho da fonte como 1em. |
| Alturas de linha absolutas em parágrafos | O espaçamento entre as linhas deste parágrafo é fixado em pixels, então ele não aumenta quando o leitor aumenta o tamanho do texto. | Define a altura da linha como 1.5em. |
| Espaçamento entre linhas insuficiente em parágrafos | As linhas deste parágrafo ficam muito próximas, o que dificulta a leitura do texto para pessoas com dislexia ou baixa visão. | Define a altura da linha como 1.5em. |
| Alinhamento de texto justificado em parágrafos | Este parágrafo está justificado, o que cria espaços irregulares entre as palavras e dificulta a leitura do texto. | Define o alinhamento do texto como à esquerda. |
| Problemas de restrição de viewport | Esta página não se adapta à largura da tela, então pessoas em telas pequenas ou com zoom alto precisam rolar para os lados para lê-la. | Define o atributo content com os valores corretos. |
| Controles com problemas de baixo contraste | A borda, o plano de fundo ou o texto deste controle de formulário não se destaca o suficiente, então pessoas com baixa visão podem não conseguir vê-lo. | Atualiza a cor do texto para o inverso da cor do plano de fundo. |
| Espaçamento entre letras inacessível | Este texto impede que os leitores aumentem o espaço entre as letras, algo de que algumas pessoas precisam para ler com conforto. | Define o espaçamento entre letras como 0.12em usando uma declaração de estilo inline com important. |
| Altura de linha inacessível | Este texto impede que os leitores aumentem o espaço entre as linhas, algo de que algumas pessoas precisam para ler com conforto. | Define line-height como 1.5em. |
| Espaçamento entre palavras inacessível | Este texto impede que os leitores aumentem o espaço entre as palavras, algo de que algumas pessoas precisam para ler com conforto. | Define word-spacing como 0.16em. |
| Regiões roláveis inacessíveis | Esta área tem rolagem, mas usuários de teclado não conseguem alcançá-la porque ela não pode receber foco. | Define o tabindex do nó como 0. |
| Alterações de conteúdo temporizadas controladas pelo usuário | Esta página é atualizada sozinha por um temporizador, o que pode interromper pessoas que leem devagar ou usam leitor de tela. | Define o atributo content do meta refresh como 72000. |
| Tags obsoletas no conteúdo | Este conteúdo usa uma tag que pisca ou rola, que os navegadores não aceitam mais e que pode causar problemas para pessoas com condições de atenção ou vestibulares. | Remove o elemento obsoleto. |
| Mecanismo de desvio ausente | Usuários de teclado e de leitor de tela precisam percorrer com a tecla Tab todo o cabeçalho em cada página antes de chegar ao conteúdo. | Adiciona um link visível “pular para o conteúdo principal” no início do body e garante que exista um elemento de destino válido. |
| Títulos de página ausentes | Esta página não tem título, então aparece como “Sem título” nas guias do navegador, nos favoritos e nos resultados de pesquisa, e os leitores de tela não anunciam nada quando ela é carregada. | Adiciona um título provisório ao html. |
| Ordem de foco incorreta | O foco do teclado salta de um ponto a outro desta página em vez de seguir a ordem em que os itens aparecem na tela. | Define o tabindex do nó como 0. |
| Problemas de finalidade de links | Vários links desta página têm o mesmo texto, mas levam a lugares diferentes, então usuários de leitores de tela não conseguem distingui-los. | Atualiza o atributo href copiando o destino de outro elemento com o mesmo nome acessível ou usa um valor provisório se nenhuma correspondência for encontrada. |
| Títulos principais de página ausentes | Esta página não tem um título principal, o que dificulta que usuários de leitores de tela entendam rapidamente o assunto principal ou naveguem pela estrutura. | Adiciona um elemento h1 ao body. |
| Títulos de seção ausentes | Esta seção não tem título, então usuários de leitores de tela não sabem o que ela contém nem conseguem pulá-la. | Insere um título h2 com texto padrão como primeiro filho do elemento. |
| Tamanho insuficiente de elemento interativo | Este controle é pequeno demais para ser clicado ou tocado com segurança, o que é difícil para pessoas com destreza limitada. | Define a largura mínima do nó como 44px e a altura mínima como 44px. |
| Tamanho pequeno de alvo de toque | Este controle é pequeno demais para ser tocado com precisão em uma tela sensível ao toque ou está muito próximo do controle vizinho. | N/A |
| Tamanho pequeno de alvo de toque | Este controle é pequeno demais para ser tocado com precisão em uma tela sensível ao toque ou está muito próximo do controle vizinho. | N/A |
| Idioma declarado divergente | Esta página declara dois idiomas diferentes, então os leitores de tela não sabem qual pronúncia usar. | Não foi possível obter o nó de referência do HTML. |
| Declaração de idioma ausente | Esta página não informa em que idioma foi escrita, então os leitores de tela podem lê-la com a pronúncia errada. | Não foi possível obter o nó de referência do HTML. |
| Valor inválido no atributo lang | A página usa um código de idioma inválido, fazendo com que os leitores de tela voltem às configurações padrão e pronunciem o conteúdo incorretamente. | N/A |
| Mudanças de contexto inesperadas ao receber foco | Este formulário é enviado assim que um campo recebe foco ou passa o mouse sobre ele, o que tira o controle das mãos do usuário. | N/A |
| Avisar os usuários sobre novas guias | Este link abre em uma nova guia sem aviso, o que pode desorientar usuários de leitores de tela e de ampliação. | Adiciona “(abre em uma nova guia)” além do atributo original do nó. |
| Descrições de erro de campos de entrada como atômicas | Quando esta mensagem de erro é atualizada, os leitores de tela leem apenas a parte que mudou, e a mensagem deixa de fazer sentido. | Define o valor de aria-atomic como 'true'. |
| Nome acessível ausente em botões | Este botão não tem texto nem rótulo, então usuários de leitores de tela ouvem apenas o nome genérico do elemento. | Adiciona aria-label 'Button'. |
| Nome acessível ausente em Input/Select/Textarea | Este campo de formulário não tem rótulo, então usuários de leitores de tela não sabem o que digitar. | Adiciona nome acessível. |
| Nomes acessíveis ausentes em <iframe> | Este frame incorporado não tem título, então usuários de leitores de tela não sabem o que ele contém antes de entrar nele. | N/A |
| Descrições de link ausentes | O link não tem texto descritivo nem rótulo acessível, fazendo com que usuários de leitores de tela ouçam apenas “link”, sem nenhuma indicação do destino. | Adiciona nome acessível. |
| Controles interativos aninhados | Um controle clicável está dentro de outro, então leitores de tela e teclados não conseguem distingui-los nem alcançar os dois. | Converte links/botões em spans estáticos, exclui campos de formulário e remove atributos interativos. |
ARIA
| Nome do problema | Descrição do problema | Resumo da remediação |
| Atributos ARIA inválidos | Este elemento tem um atributo ARIA que não é permitido nele, então a tecnologia assistiva pode descrevê-lo incorretamente. | Remove de um elemento quaisquer atributos ARIA inválidos ou sem suporte para a função atribuída a ele, para garantir que a semântica de acessibilidade do elemento continue válida. |
| Atributos ARIA inválidos | Este elemento tem um atributo ARIA que não é permitido nele, então a tecnologia assistiva pode descrevê-lo incorretamente. | N/A |
| Funções ARIA inválidas | O elemento não tem um valor de função (role) válido. | Remove atributos role inválidos de elementos visíveis, tentando substituí-los pela função implícita correta do elemento ou removendo o atributo por completo para restaurar a semântica válida. |
| Nome acessível ausente em propriedades braille | Este elemento tem um rótulo em braille, mas nenhum rótulo de texto correspondente, deixando sem alternativa em texto os usuários que dependem de tecnologias assistivas. | Garante o uso válido de ARIA para braille, removendo os atributos específicos de braille caso falte o atributo padrão que os acompanha. |
| Nome acessível ausente em propriedades braille | Este elemento tem um rótulo em braille, mas nenhum rótulo de texto correspondente, deixando sem alternativa em texto os usuários que dependem de tecnologias assistivas. | Garante o uso válido de ARIA para braille, removendo os atributos específicos de braille caso falte o atributo padrão que os acompanha. |
| Atributos ARIA incorretos em determinadas condições | As condições de uso do rótulo ARIA não são apropriadas. Certos rótulos ARIA só podem ser usados em elementos se determinadas condições forem atendidas. | Remove atributos aria-checked redundantes de caixas de seleção nativas e promove a função de uma tabela para treegrid. |
| Uso de funções ARIA obsoletas | O valor atribuído ao atributo role está obsoleto e não é mais válido. | Detecta funções ARIA obsoletas e as substitui por um equivalente moderno (mapeando especificamente directory para section) ou remove o atributo para garantir a conformidade com os padrões. |
| Caixas de diálogo ARIA inválidas | A caixa de diálogo não tem nome acessível, o que dificulta que usuários de leitores de tela identifiquem a finalidade dela ou saibam o que foi aberto. | Garante que a caixa de diálogo tenha um nome acessível válido, adicionando um aria-label derivado do conteúdo de texto dela ou um valor padrão de reserva se não existirem atributos de rotulagem explícitos. |
| Elemento body oculto | A página inteira está oculta para a tecnologia assistiva, impedindo que os usuários acessem qualquer conteúdo ou funcionalidade dela. | Remove o atributo aria-hidden. |
| Nomes acessíveis ausentes em campos de entrada | Este campo não tem um rótulo acessível, então usuários de leitores de tela não conseguem determinar que informação devem digitar. | Aplica um rótulo padrão “Toggle Option” se não houver nenhum, ou define explicitamente o aria-label para corresponder ao texto existente. |
| Uso de atributos ARIA proibidos | O atributo ARIA é proibido para a função do elemento. | Remove atributos ARIA estritamente proibidos para a função de um elemento. |
| Funções ARIA redundantes | Este elemento já tem a semântica fornecida pela função, então a função é redundante. | N/A |
| Atributos ARIA obrigatórios ausentes | A função deste elemento exige um atributo que está ausente, então a tecnologia assistiva não consegue informar o estado dele. | Adiciona valores padrão para os atributos inválidos. |
| Elementos filhos ARIA obrigatórios ausentes | O elemento não tem um valor de função de elemento filho. | Adiciona os elementos filhos obrigatórios ausentes e remove os filhos inválidos. |
| Elemento pai ARIA obrigatório ausente | O elemento não tem um valor de função de elemento pai. | Remove funções ARIA incorretas. |
| Uso de descrição de função ARIA inválida | O elemento com o atributo aria-roledescription exige uma função compatível, explícita ou implícita. | Remove aria-roledescription de elementos decorativos ou sem função (onde é proibido) e o converte em um aria-label. |
| Uso de funções ARIA abstratas | O valor de função ARIA atribuído não é válido. Verifique se há erros de ortografia nos valores de função e se eles correspondem a valores de função ARIA existentes. | Remove quaisquer atributos role que contenham erros de digitação, não tenham suporte ou sejam funções “abstratas”. |
| Uso inválido de funções ARIA | O valor de função ARIA atribuído não é válido. Verifique se há erros de ortografia nos valores de função e se eles correspondem a valores de função ARIA existentes. | Remove quaisquer atributos role que contenham erros de digitação, não tenham suporte ou sejam funções “abstratas”. |
| Uso de funções ARIA sem suporte | O valor de função ARIA atribuído não é válido. Verifique se há erros de ortografia nos valores de função e se eles correspondem a valores de função ARIA existentes. | Remove quaisquer atributos role que contenham erros de digitação, não tenham suporte ou sejam funções “abstratas”. |
| Nomes acessíveis ausentes em campos de entrada | O elemento com uma função semântica não tem um nome acessível. | Aplica um rótulo padrão “Toggle Option” se não houver nenhum, ou define explicitamente o aria-label para corresponder ao texto existente. |
| Atributos ARIA inválidos | Este atributo não é um atributo ARIA real: está escrito incorretamente ou não existe, então a tecnologia assistiva o ignora. | Remove todos os atributos ARIA inválidos. |
| Valores de atributo ARIA inválidos | Este atributo ARIA do elemento contém um valor inválido. | Corrige valores inválidos atribuídos a atributos ARIA, redefinindo-os para padrões seguros. |
| Atributos ARIA globais em elementos com função de apresentação | Este elemento está marcado como decorativo, mas continua acessível pelo teclado, fazendo com que usuários de leitores de tela encontrem um elemento que não é anunciado. | Remove atributos role explícitos que correspondem exatamente à função implícita nativa do elemento. |
| Elementos focalizáveis que usam a função de apresentação | Este elemento está marcado como decorativo, mas continua acessível pelo teclado, fazendo com que usuários de leitores de tela encontrem um elemento que não é anunciado. | Remove a função se o elemento for focalizável, para restaurar o valor semântico dele, ou remove atributos ARIA globais conflitantes para manter o status decorativo. |
Boas práticas
| Nome do problema | Descrição do problema |
| Nome acessível e rótulo visível divergentes | O texto exibido como rótulo do elemento interativo não aparece no nome acessível programado no HTML, como os fornecidos pelas tags <label> e <aria-label>. |
| Títulos vazios | Os títulos não contêm nenhuma descrição significativa, o que pode causar confusão durante a navegação. |
| Níveis de título ignorados | Alguns níveis de título foram ignorados na página, o que quebra a estrutura lógica do conteúdo. |
| Texto alternativo repetido em imagens | O texto alternativo desta imagem repete palavras que já aparecem logo ao lado dela. |
|
Funções de ponto de referência em elementos aninhados |
A função do ponto de referência (landmark) não é aplicada à hierarquia correta da página. |
| Elementos <noscript> incorretos | A página inclui elementos <noscript> que fornecem conteúdo apenas quando o JavaScript está desativado. |
| Título de nível um (H1) ausente | A página não inclui um título de nível um, que serve para identificar o assunto ou a finalidade principal da página. |
| Uso de tags visuais sem significado semântico | A página usa tags apenas visuais para estilizar o texto, em vez de tags semânticas. Essas tags só mudam a aparência do texto, mas não fornecem significado às tecnologias assistivas. |
| Regiões de delimitação ausentes ou definidas incorretamente | Este conteúdo não está contido em um ponto de referência (landmark), o que dificulta que usuários de leitores de tela o encontrem ao navegar por região. |
|
Legendas duplicadas em tabelas |
Duas ou mais tabelas desta página têm a mesma legenda. |
| Regiões de ponto de referência duplicadas | Esta página tem mais de um ponto de referência do mesmo tipo, então usuários de leitores de tela não conseguem distingui-los. |
Problemas de SEO
| Nome do problema | Descrição do problema |
| Tag canônica | As tags canônicas evitam problemas de conteúdo duplicado ao informar aos mecanismos de busca qual versão de uma página é a preferida. |
| Links rastreáveis | Links com destino ausente, vazio ou quebrado impedem que os mecanismos de busca encontrem as páginas vinculadas. |
| Tags de idioma e região (hreflang) | As tags hreflang informam aos mecanismos de busca o idioma e a região a que uma página se destina, para que a versão certa apareça nos resultados de pesquisa. |
| Código de status da página | Páginas que retornam um código de status de erro podem não ser indexadas pelos mecanismos de busca. |
| Indexabilidade da página | Páginas bloqueadas para indexação (por exemplo, por uma tag ou um cabeçalho “noindex”) não podem aparecer nos resultados de pesquisa. |
| Texto de link descritivo | Um texto de link descritivo ajuda os mecanismos de busca a entender sobre o que é a página vinculada. |
| Meta descrição | As meta descrições resumem uma página e aumentam a taxa de cliques nos resultados de pesquisa. |
| Tamanho da meta descrição | Meta descrições vazias ou com mais de 160 caracteres podem ser cortadas ou ignoradas nos resultados de pesquisa. |
| Título da página | Toda página precisa de um título. Ele é o título principal exibido nos resultados de pesquisa e nas guias do navegador. |
| Tamanho do título da página | Títulos com mais de 65 caracteres podem ser cortados nos resultados de pesquisa. |
| Arquivo robots.txt | Um arquivo robots.txt inválido pode impedir que os mecanismos de busca rastreiem o site corretamente. |
| Tags de compartilhamento social (Open Graph) | As tags Open Graph controlam a aparência do conteúdo quando ele é compartilhado nas redes sociais. |
| Dados estruturados | Os dados estruturados (JSON-LD) ajudam os mecanismos de busca a categorizar o conteúdo e podem melhorar a aparência da página nos resultados. |
| Sitemap XML | Um sitemap que inclui a página ajuda os mecanismos de busca a rastrear o site com eficiência. |
| Contagem de links internos | Mais de 100 links internos em uma página podem diluir o valor dos links e prejudicar a classificação. |
| Redirecionamentos de página | Páginas que redirecionam para outra URL deixam o carregamento mais lento e podem enfraquecer a classificação nas buscas. |
| Tag de viewport para dispositivos móveis | As meta tags de viewport fazem as páginas serem exibidas corretamente em diferentes dispositivos, e a compatibilidade com dispositivos móveis é um fator de classificação. |
| Título principal (H1) | Cada página deve ter exatamente um título H1 para que os mecanismos de busca entendam o assunto principal dela. |
| Texto alternativo de imagens | O texto alternativo ajuda os mecanismos de busca a indexar imagens e melhora a acessibilidade. |
Problemas de usabilidade
| Nome do problema | Descrição do problema |
| Legibilidade | O conteúdo é complexo demais ou difícil de entender para o público-alvo. |
| Erros de ortografia | Erros de ortografia prejudicam a credibilidade e o profissionalismo de um site. |
| Links quebrados | Links quebrados prejudicam a experiência do usuário e o desempenho de SEO. |
| Domínios não seguros | Links para domínios sinalizados como não seguros ou maliciosos colocam os visitantes em risco. |
| Exposição de informações pessoais | A página pode estar expondo informações pessoais sensíveis por engano: |
| Números de Seguro Social (SIN) | A página contém o que parecem ser Números de Seguro Social (SIN). |
| Números de telefone | A página contém números de telefone. |
| Endereços de e-mail | A página contém endereços de e-mail. |
Problemas de desempenho
| Nome do problema | Descrição do problema |
| Primeira renderização de conteúdo (FCP) | O tempo desde a navegação até o navegador renderizar o primeiro conteúdo. |
| Maior renderização de conteúdo (LCP) | O tempo desde a navegação até o maior elemento de conteúdo visível ser renderizado. |
| Tempo total de bloqueio (TBT) | O tempo total, entre a primeira renderização de conteúdo e o tempo até a interatividade, em que a página não consegue responder às ações do usuário. |
| Mudança cumulativa de layout (CLS) | O quanto o conteúdo visível se move de forma inesperada enquanto a página é carregada. Quanto menor, melhor. |
| Tempo até o primeiro byte (TTFB) | O tempo desde a navegação até o navegador receber o primeiro byte de dados do servidor. |
| Índice de velocidade (SI) | A rapidez com que o conteúdo da página é preenchido visualmente, medida como o tempo médio que as partes visíveis da página levam para aparecer. |
Problemas que exigem revisão manual
Observação: Os problemas indicados como de revisão manual exigem verificação manual por um revisor de acessibilidade.
| Nome do problema | Descrição do problema | Declaração de verificação manual |
| Revisão manual necessária: WCAG 1.1.1 | Fornecer alternativas em texto para conteúdo não textual. | As alternativas em texto descrevem com precisão o conteúdo não textual. |
| Revisão manual necessária: WCAG 1.2.1 | Para mídia somente de áudio pré-gravada e somente de vídeo pré-gravada, o seguinte é verdadeiro, exceto quando o áudio ou o vídeo for uma alternativa de mídia para texto e estiver claramente rotulado como (1) somente de áudio pré-gravado e (2) tiver uma alternativa para mídia baseada em tempo que apresente informações equivalentes para o conteúdo somente de áudio pré-gravado. | As alternativas em texto correspondem corretamente ao conteúdo do áudio ou do vídeo. |
| Revisão manual necessária: WCAG 1.2.2 | São fornecidas legendas para todo o conteúdo de áudio pré-gravado em mídia sincronizada, exceto quando a mídia serve como alternativa para texto e está claramente identificada como tal. | As legendas correspondem corretamente ao conteúdo do vídeo. |
| Revisão manual necessária: WCAG 1.2.3 | É fornecida uma alternativa para mídia baseada em tempo ou audiodescrição do conteúdo de vídeo pré-gravado para mídia sincronizada, exceto quando a mídia serve como alternativa para texto e está claramente identificada como tal. | Os vídeos incluem uma alternativa em texto, e é confirmado que ela reflete com precisão o conteúdo. |
| Revisão manual necessária: WCAG 1.2.5 | É fornecida audiodescrição para todo o conteúdo de vídeo pré-gravado em mídia sincronizada. | Os vídeos incluem uma audiodescrição, e ela reflete com precisão o conteúdo. |
| Revisão manual necessária: WCAG 1.2.6 | É fornecida interpretação em língua de sinais para todo o conteúdo de áudio pré-gravado em mídia sincronizada. | Os áudios incluem uma alternativa em língua de sinais, e é confirmado que ela reflete com precisão o conteúdo. |
| Revisão manual necessária: WCAG 1.2.7 | Quando as pausas no áudio em primeiro plano são insuficientes para que as audiodescrições transmitam o sentido do vídeo, é fornecida audiodescrição estendida para todo o conteúdo de vídeo pré-gravado em mídia sincronizada. | Os vídeos incluem audiodescrições estendidas e refletem com precisão o conteúdo deles. |
| Revisão manual necessária: WCAG 1.2.8 | Uma alternativa em texto completo (como uma transcrição) deve ser fornecida para toda mídia sincronizada pré-gravada e toda mídia somente de vídeo pré-gravada. Essa alternativa deve incluir todo o conteúdo visual e de áudio em um único formato legível para usuários que não conseguem acessar o vídeo ou o áudio. | A mídia pré-gravada inclui uma alternativa em texto completo que transmite tanto o conteúdo visual quanto o de áudio. |
| Revisão manual necessária: WCAG 1.3.1 | As informações, a estrutura e as relações transmitidas pela apresentação podem ser determinadas programaticamente ou estão disponíveis em texto. | Há uso apropriado de semântica, rótulos e tabelas de layout. |
| Revisão manual necessária: WCAG 1.3.4 | O conteúdo não restringe a visualização e a operação a uma única orientação de exibição, como retrato ou paisagem, a menos que uma orientação de exibição específica seja essencial. | Qualquer orientação imposta é essencial para o conteúdo ou a funcionalidade. |
| Revisão manual necessária: WCAG 1.3.5 | Em conteúdo implementado com linguagens de marcação, a finalidade dos componentes da interface do usuário e dos mecanismos de navegação pode ser determinada programaticamente. | Os atributos autocomplete identificam corretamente a finalidade dos campos de entrada. |
| Revisão manual necessária: WCAG 1.4.1 | A cor não é usada como único meio visual de transmitir informações, indicar uma ação, solicitar uma resposta ou distinguir um elemento visual. | N/A |
| Revisão manual necessária: WCAG 1.4.2 | Se qualquer áudio em uma página web for reproduzido automaticamente por mais de 3 segundos, deve haver um mecanismo para pausar ou interromper o áudio, ou um mecanismo para controlar o volume do áudio independentemente do nível de volume geral do sistema. | O áudio reproduzido automaticamente pode ser pausado, interrompido ou silenciado. |
| Revisão manual necessária: WCAG 1.4.3 | A apresentação visual de texto e de imagens de texto tem uma taxa de contraste de pelo menos 4,5:1, exceto para texto grande, que deve ter uma taxa de contraste de pelo menos 3:1. | O texto atende aos requisitos de contraste aprimorado de acordo com o tamanho dele. |
| Revisão manual necessária: WCAG 1.4.4 | Exceto para legendas e imagens de texto, o texto pode ser redimensionado sem tecnologia assistiva até 200% sem perda de conteúdo ou funcionalidade. | O conteúdo continua legível e funcional com zoom de 200%. |
| Revisão manual necessária: WCAG 1.4.5 | Se as tecnologias utilizadas permitirem obter a apresentação visual, o texto é usado para transmitir informações em vez de imagens de texto, exceto quando a imagem de texto puder ser personalizada. | O texto não é apresentado por meio de imagens, a menos que seja essencial. |
| Revisão manual necessária: WCAG 1.4.6 | A apresentação visual de texto e de imagens de texto tem uma taxa de contraste de pelo menos 7:1, exceto para texto grande, que deve ter uma taxa de contraste de pelo menos 4,5:1. | O texto atende aos requisitos de contraste aprimorado de acordo com o tamanho dele. |
| Revisão manual necessária: WCAG 1.4.7 | Para conteúdo somente de áudio pré-gravado com fala em primeiro plano, o áudio de fundo não está presente ou é baixo o suficiente para não interferir na compreensão da fala. | O áudio de fundo não interfere na fala, a menos que seja intencional. |
| Revisão manual necessária: WCAG 1.4.8 | Há um mecanismo para personalizar a apresentação visual de blocos de texto, como alterar as cores de primeiro plano e de fundo. | O estilo do texto pode ser alterado. |
| Revisão manual necessária: WCAG 1.4.9 | Imagens de texto são usadas apenas para decoração pura ou quando uma apresentação específica do texto é essencial para as informações transmitidas. | Imagens de texto são usadas apenas para decoração ou quando uma apresentação visual específica é essencial. |
| Revisão manual necessária: WCAG 1.4.10 | O conteúdo pode ser apresentado sem perda de informações ou funcionalidade, e sem exigir rolagem horizontal, em uma largura equivalente a 320 pixels CSS. | O conteúdo continua legível e funcional com zoom de 400%. |
| Revisão manual necessária: WCAG 1.4.11 | A apresentação visual dos componentes da interface do usuário e dos objetos gráficos necessários para identificar estados da interface deve ter uma taxa de contraste de pelo menos 3:1, a menos que haja isenção. | Componentes inativos ou apresentações gráficas são isentos das taxas de contraste de cores. |
| Revisão manual necessária: WCAG 1.4.12 | Quando os usuários substituem propriedades de espaçamento do texto (como altura da linha, espaçamento entre letras, espaçamento entre palavras ou espaçamento entre parágrafos) por valores mínimos especificados, o conteúdo deve continuar legível e funcional, sem perda de informações ou funcionalidade. | O conteúdo continua legível e funcional quando o espaçamento do texto é ajustado para os valores mínimos. |
| Revisão manual necessária: WCAG 2.1.1 | Toda a funcionalidade do conteúdo pode ser operada por meio de uma interface de teclado, sem exigir tempos específicos para cada pressionamento de tecla, a menos que a entrada por movimento seja essencial. | Os elementos interativos são acessíveis por meio de uma interface de teclado. |
| Revisão manual necessária: WCAG 2.1.2 | Se o foco puder ser movido para um componente usando o teclado, também deve ser possível tirá-lo dali usando apenas o teclado. Se um método de saída fora do padrão for necessário, o usuário deve ser informado. | Os elementos interativos são acessíveis por meio de uma interface de teclado. |
| Revisão manual necessária: WCAG 2.1.3 | Se um atalho de teclado for implementado com caracteres imprimíveis, os usuários devem poder desativá-lo, remapeá-lo ou restringi-lo a componentes com foco. | Os elementos interativos são acessíveis por meio de uma interface de teclado. |
| Revisão manual necessária: WCAG 2.2.1 | Para cada limite de tempo definido pelo conteúdo, os usuários devem poder desativar, ajustar ou estender o limite, a menos que ele seja essencial ou faça parte de um evento em tempo real. | Os limites de tempo podem ser desativados, ajustados ou estendidos. |
| Revisão manual necessária: WCAG 2.2.2 | Para conteúdo que se move, pisca, rola ou é atualizado automaticamente e dura mais de cinco segundos, os usuários devem poder pausá-lo, interrompê-lo ou ocultá-lo, a menos que isso seja essencial. | Os controles de qualquer conteúdo em movimento (carrosséis, banners, apresentações de slides) podem receber foco pelo teclado e podem interromper o movimento. |
| Revisão manual necessária: WCAG 2.2.3` | N/A | N/A |
| Revisão manual necessária: WCAG 2.2.6` | N/A | N/A |
| Revisão manual necessária: WCAG 2.3.1 | O conteúdo não deve piscar mais de três vezes por segundo, a menos que o flash esteja abaixo do limite conhecido por causar convulsões. | As animações não piscam mais de três vezes por segundo nem excedem os limites de intensidade e de área do flash. |
| Revisão manual necessária: WCAG 2.3.2 | O conteúdo não deve piscar mais de três vezes por segundo. | As animações não piscam mais de três vezes por segundo. |
| Revisão manual necessária: WCAG 2.3.3 | A animação de movimento acionada por interação do usuário deve poder ser desativada, a menos que a animação seja essencial para a funcionalidade. | As animações acionadas por interação do usuário podem ser desativadas. |
| Revisão manual necessária: WCAG 2.4.1 | Oferecer uma forma de os usuários ignorarem blocos de conteúdo repetido. | Os links de salto estão presentes e funcionam como esperado. |
| Revisão manual necessária: WCAG 2.4.2 | As páginas web devem ter títulos descritivos que indiquem o assunto ou a finalidade. | Os títulos resumem com precisão o conteúdo da página. |
| Revisão manual necessária: WCAG 2.4.3 | Os componentes focalizáveis devem receber foco em uma ordem que preserve o significado e a operabilidade. | As ordens de foco seguem uma sequência lógica que preserva o significado e a funcionalidade. |
| Revisão manual necessária: WCAG 2.4.4 | A descrição do link não é clara sem contexto adicional, e links adjacentes não devem apontar para a mesma URL. | Os links indicam claramente a finalidade deles. |
| Revisão manual necessária: WCAG 2.4.5 | Oferecer pelo menos duas formas de localizar cada página web, a menos que ela faça parte de um processo. | Há pelo menos dois métodos para localizar cada página web. |
| Revisão manual necessária: WCAG 2.4.6 | Os títulos e rótulos devem descrever o assunto ou a finalidade do conteúdo associado a eles. | Os títulos e rótulos descrevem claramente a finalidade do conteúdo deles. |
| Revisão manual necessária: WCAG 2.4.7 | Um indicador de foco visível deve estar presente em qualquer componente da interface do usuário operável pelo teclado. | Os componentes interativos têm foco de teclado visível. |
| Revisão manual necessária: WCAG 2.4.8 | Informações sobre a localização do usuário dentro de um conjunto de páginas web devem estar disponíveis para apoiar a orientação e a navegação. | A localização das páginas é indicada claramente dentro do site. |
| Revisão manual necessária: WCAG 2.4.9 | A finalidade de cada link deve ser identificável apenas pelo texto do link, exceto quando a finalidade do link for ambígua para a maioria dos usuários. | Os links contêm contexto ou descrição suficientes para cumprir a finalidade deles. |
| Revisão manual necessária: WCAG 2.4.10 | Usar títulos de seção para organizar o conteúdo e auxiliar a navegação, mesmo que os títulos não sejam exigidos pela estrutura. | Os títulos de seção são lógicos e distintos. |
| Revisão manual necessária: WCAG 2.5.2 | A funcionalidade que pode ser operada com um único ponteiro não deve ser acionada no evento de pressionar (down-event), a menos que seja essencial, ou deve permitir que a ação seja cancelada ou revertida. | As ações não são acionadas ao pressionar o ponteiro, a menos que seja essencial. |
| Revisão manual necessária: WCAG 2.5.3 | O rótulo de texto visível de um componente da interface do usuário deve estar incluído no nome acessível dele, para apoiar as tecnologias assistivas. | Os rótulos visíveis correspondem aos nomes acessíveis dos componentes da interface. |
| Revisão manual necessária: WCAG 2.5.5 | Os elementos clicáveis devem ter pelo menos 44 por 44 pixels CSS, a menos que atendam a exceções, como estar em linha com o texto ou ter espaçamento suficiente. | Os alvos interativos menores são isentos do requisito de tamanho. |
| Revisão manual necessária: WCAG 2.5.7 | Toda funcionalidade que usa um movimento de arrastar deve poder ser operada sem arrastar, a menos que seja essencial ou controlada pelo agente do usuário. | As ações de arrastar e soltar têm alternativas, a menos que sejam essenciais. |
| Revisão manual necessária: WCAG 2.5.8 | Os alvos clicáveis devem atender aos requisitos de tamanho mínimo para apoiar usuários com destreza limitada. | Os alvos interativos menores são isentos do requisito de tamanho. |
| Revisão manual necessária: WCAG 3.1.1 | O idioma humano padrão de cada página web deve ser identificável programaticamente para apoiar leitores de tela e outras tecnologias assistivas. | Os atributos de idioma especificados são precisos. |
| Revisão manual necessária: WCAG 3.1.2 | Quando partes de uma página usam um idioma diferente do padrão, a mudança deve ser identificada programaticamente para apoiar a pronúncia e a tradução corretas. | As mudanças de idioma dentro do conteúdo são identificadas corretamente com atributos de idioma. |
| Revisão manual necessária: WCAG 3.2.1 | Quando um elemento recebe foco, ele não deve causar uma grande mudança de contexto, a menos que o usuário a espere. | Dar foco a elementos não causa mudanças de contexto inesperadas, a menos que sejam esperadas. |
| Revisão manual necessária: WCAG 3.2.2 | Alterar a configuração de um controle de formulário não deve causar automaticamente uma mudança de contexto, a menos que o usuário seja avisado antes de interagir com o controle. | Alterar valores de formulário não causa mudanças de contexto inesperadas. |
| Revisão manual necessária: WCAG 3.2.4 | Componentes com a mesma funcionalidade dentro de um conjunto de páginas web são identificados de forma consistente. | N/A |
| Revisão manual necessária: WCAG 3.3.1 | Se um erro de entrada for detectado, o erro deve ser identificado e descrito ao usuário em texto. | Os erros de entrada são identificados e descritos automaticamente. |
| Revisão manual necessária: WCAG 3.3.2 | Rótulos ou instruções devem ser fornecidos quando a entrada do usuário for necessária, para que os usuários saibam o que é esperado. | Os campos ou controles de formulário têm instruções ou texto de espaço reservado precisos. |
| Revisão manual necessária: WCAG 4.1.2 | Os componentes da interface do usuário devem expor nome, função, estado e valor programaticamente, para que as tecnologias assistivas possam interpretá-los e interagir com eles. | Os componentes da interface do usuário têm nomes, funções e estados precisos e acessíveis. |
| Revisão manual necessária: WCAG 4.1.3 | As mensagens de status devem ser transmitidas programaticamente às tecnologias assistivas, sem exigir foco do usuário. | As mensagens de status são anunciadas às tecnologias assistivas sem mover o foco. |