Início › Recursos › Critério WCAG

Foco visível segundo WCAG 2.4.7

Quem navega com o teclado tem de ver a todo o momento que elemento tem o foco. Um outline: none sem substituto viola o critério 2.4.7.

Erros frequentes

*:focus { outline: none } no CSS de reinício sem substituto, um estilo de foco com pouco contraste, ou um anel de foco tapado pelo elemento vizinho.

Como fazer bem

Usar :focus-visible (mostra o anel só com a utilização do teclado), no mín. 2 px, contraste nítido, algum afastamento (outline-offset). O anel pode continuar visível mesmo que incomode — a única coisa que não pode é faltar.

Como o a11yglass ajuda

A análise gratuita verifica o HTML e o CSS fornecidos à procura de infrações às WCAG detetáveis automaticamente e indica em cada constatação o critério de sucesso e uma medida concreta. Deteta cerca de 20–35 % dos problemas e não substitui uma auditoria completa.

Continuar a ler

• Navegação por teclado segundo WCAG 2.1.1
• Contraste de cor segundo WCAG 1.4.3

Informação geral prestada de boa-fé, sem valor de aconselhamento jurídico. Para o caso concreto, recorrer a um escritório especializado em direito das tecnologias de informação.