Controlos móveis pequenos
A Silktide carrega cada página num dispositivo móvel simulado e comunica ligações, botões e controlos de formulário demasiado pequenos para serem tocados com fiabilidade. Os controlos devem ter pelo menos 12 pixels de largura e 12 pixels de altura para passar.
Porque é que isto é importante
Os dedos são menos precisos do que os ponteiros do rato. Um controlo fácil de clicar no computador pode ser quase impossível de tocar num telemóvel — os visitantes falham, tocam na ligação adjacente e acabam num local onde não pretendiam ir. As pessoas com limitações motoras, tremores ou dedos maiores são as mais afetadas, mas toda a gente toca acidentalmente em alvos minúsculos.
O limiar de 12 pixels deteta apenas os controlos gravemente subdimensionados; os alvos confortáveis para tocar são consideravelmente maiores (as orientações comuns sugerem cerca de 44 pixels).
Como corrigir
- Aumente o tamanho do controlo assinalado — texto maior, mais preenchimento ou um tamanho mínimo explícito em :
\/* Dê aos alvos de toque um tamanho mínimo confortável *\/
a.icon-button {
min-width: 44px;
min-height: 44px;
}
- Para ligações apenas com ícones, torne a área tocável maior do que o próprio ícone adicionando preenchimento, em vez de aumentar o ícone.
- Se um elemento não dever ser interativo — como uma ligação vazia que tenha ficado para trás — remova-o em vez de o redimensionar.
Como a Silktide faz os testes
- Carrega a página num dispositivo móvel simulado.
- Encontra todos os controlos interativos: ligações, áreas de mapas de imagens, campos de formulário, menus pendentes, áreas de texto e botões.
- Ignora os controlos ocultos quando a página é carregada, sem tamanho ou totalmente fora do ecrã.
- Mede cada controlo restante e comunica os que têm menos de 12 pixels de largura ou de altura.
Resolução de problemas
O elemento só aparece depois de uma interação
A Silktide mede a página à medida que esta é carregada. Os controlos dentro de menus ou painéis que abrem mais tarde são medidos no estado inicial, o que pode ocasionalmente assinalar um elemento a meio de uma animação. Se o controlo tiver um tamanho confortável quando estiver efetivamente utilizável, o resultado.
Como é que isto se relaciona com as regras de tamanho dos alvos da WCAG?
Esta verificação é uma verificação de usabilidade móvel com um limiar deliberadamente permissivo. As verificações relacionadas da — Tamanho do alvo no Nível AA e Tamanho razoável do alvo no — aplicam requisitos de tamanho mais rigorosos, com exceções mais diferenciadas.