voltar ao índice
Procedimento de teste para o
Requisito 1 - Crie designs para ecrãs de dimensão reduzida
Na experiência com dispositivos móveis os ecrãs são, em regra, muito mais pequenos do que nos computadores de secretária ou mesmo nos portáteis. A leitura e a interação num ecrã de dimensões reduzidas obriga a cuidados adicionais no tratamento da apresentação da informação - formas mais concisas de apresentação - e no dimensionamento das áreas de toque - no limite é importante responder aos requisitos mínimos recomendados nas WCAG.
1.1 Quantidade razoável de conteúdo exibida de cada vez
Aspeto A - Tamanho da linha
- Determine o tamanho da linha do corpo de texto em número de caracteres incluindo espaços.
- Verifique se o número de caracteres determinado no passo 1 é inferior ou igual a 70.
Passa, se:
- a condição #2 é verdadeira.
Referências:
Aspeto B - Espaçamento entre linhas
- Determine o espaçamento entre linhas utilizado no corpo do texto. Use como unidade de medida o número de vezes tamanho da fonte (line-height).
- Verifique se o espaçamento determinado no passo anterior é, no mínimo, de 1.5x tamanho da fonte.
Passa, se:
- a condição #2 é verdadeira.
Referências:
Aspeto C - Espaçamento entre parágrafos
- Determine o espaçamento entre parágrafos utilizado no corpo do texto. Use como unidade de medida o número de vezes espaçamento entre linhas.
- Verifique se o espaçamento determinado no passo anterior é, no mínimo, de 1.5x espaçamento entre linhas (i.e. 1.5 x 1.5 x tamanho fonte = 2.25 x tamanho fonte).
Passa, se:
- a condição #2 é verdadeira.
Aspeto D - Agrupar conteúdo de forma lógica
Elementos que formam uma unidade contextual única são agrupados de forma a que possam ser processados pelas tecnologias de apoio como um elemento único.
- Verifique se ao navegar com um leitor de ecrã ou tecnologia de apoio similar, os elementos são agregados de forma a formar uma unidade (e.g., um botão, o seu texto, o seu ícone ou uma imagem e a sua legenda) e são anunciados como uma unidade e que nenhuma das suas partes é anunciada separadamente.
- Verifique que os elementos semânticos (e.g. títulos, parágrafos, listas, elementos de lista, links, botões) são lidos pelos leitores de ecrã de forma separada.
Passa, se:
- as condições #1 e #2 são verdadeiras.
Referências:
1.2 Botões e controlos suficientemente grandes para serem percecionados pela visão e selecionáveis pelo toque
- Identifique na página todos os botões, caixas de seleção, botões de rádio e campos de edição.
- Verifique se as respetivas áreas de toque acionáveis de cada elemento identificado no passo anterior tem, no mínimo, 44 por 44 pixéis CSS.
Passa, se
- a condição #2 é verdadeira.
Nota 1 - estão excepcionadas do cumprimento do CS 2.5.5 das WCAG 2.1 as seguintes situações:
- O alvo faz parte de uma frase ou bloco de texto;
- a dimensão do alvo é determinada pelo agente de utilizador e não pode ser modificada pelo autor do conteúdo/interface.
Para cada campo de formulário na página:
- Verifique se o campo do formulário possui um rótulo visível.
- Se o campo do formulário for uma caixa de seleção ou um botão de rádio, verifique se o rótulo está imediatamente após o campo.
- Se o campo do formulário não for uma caixa de seleção ou botão de rádio, verifique se o rótulo está imediatamente antes do campo.
Passa, se:
- as condições #1, #2 e #3 são verdadeiras.
Referências: