Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Responsive
Como se verifica um elemento individual em todos os tamanhos de ecrã?
Um elemento individual verifica-se abordando-o de forma segmentada e medindo-o isoladamente em cada tamanho de dispositivo. O serviço de verificação faz precisamente isto: localiza o elemento nomeado — por exemplo, uma tabela de preços, um formulário de inscrição ou um calendário incorporado — em smartphone, tablet e desktop, e verifica se está presente e visível, se se ajusta completamente à largura do dispositivo e se é fácil de utilizar.
Estas questões a verificação de elemento responde
Por cada tamanho de dispositivo a verificação responde cinco perguntas. O elemento está presente? Alguns blocos desaparecem completamente em ecrãs pequenos. Está visível, com largura e altura mensuráveis? Cabe na largura do dispositivo, ou transpõe a margem lateral do ecrã? Todas as superfícies de operação nele — botões, ligações, campos de entrada — têm pelo menos 24 por 24 pixels, como exige a regra de acessibilidade WCAG 2.5.8? E permanece cada texto nele completamente legível, em vez de truncado? Para cada perfil de dispositivo o relatório anexa uma captura de ecrã marcada, na qual o elemento verificado está em realce — o estado está assim documentado, não apenas afirmado.
Então vale realmente a pena uma análise mais pormenorizada de um elemento individual
A verificação focada é a ferramenta certa quando um lugar específico preocupa ou foi exatamente reparado. Casos típicos: uma tabela de preços transpõe no telemóvel a margem, e após a correção deve documentar-se que cabe agora em todos os quatro tamanhos de dispositivo. Um novo formulário de contacto deve ser verificado quanto à operabilidade antes da ativação. Ou um conteúdo incorporado estrangeiro — um mapa, uma janela de reserva, um bloco de avaliação — comporta-se diferentemente do resto da página, porque vem de outro fornecedor. Em vez de verificar a página inteira novamente, a verificação de elemento fornece uma resposta clara a exatamente este lugar.
- Denomine o elemento que lhe preocupa tão concretamente quanto possível — por exemplo, «a tabela de preços na página de orçamento».
- Após cada correção, verifique especificamente o elemento afetado em todos os quatro tamanhos de dispositivo, em vez de se fiar na impressão do desktop.
- Consulte as imagens de ecrã marcadas no relatório — mostram o elemento no estado de cada tamanho de dispositivo.
- Deixe que conteúdos de terceiros incorporados como mapas ou janelas de reserva sejam verificados separadamente, pois seguem regras próprias.