Boas práticas
Conceito
O design acessível permite que pessoas de todas as habilidades interajam, entendam e naveguem em nossos produtos.
Estrutura e hierarquia
Crie e mantenha uma hierarquia consistente para que as pessoas possam navegar com facilidade pela página. Os títulos devem estar em ordem, sem pular níveis.
h1,h2,h3,h4
Hierarquia de títulos consistente.
h2,h2,h1,h3
Hierarquia de títulos inconsistente.
Use rótulos consistentes
Rotule de forma consistente os elementos e componentes que possuem a mesma funcionalidade. Quando as pessoas encontram esses elementos em contextos diferentes, elas devem ser capazes de reconhecer e compreender a função ou ações de um elemento. Por exemplo, uma caixa de diálogo com a página de título Copiar possui um botão denominado Copiar.
DTVM - Escriturador
Consistência entre o título e o botão.
DTVM - Escriturador
Inconsistência entre o título e o botão.
Abreviações
A VERT usa abreviações monetárias para reduzir o tamanho dos números.
- R$ 1.2b
- R$ 1.0b
- R$ 1.2k
- R$ 1.0k
Abreviar usando “k” para mil e “b” para bilhão.
- R$ 1.255b
- R$ 1.002b
- R$ 1.255k
- R$ 1.002k
Evitar usar muitos digitos.
Tamanho e resolução da imagem
Uma tela de resolução padrão tem densidade de pixel 1:1 (ou @ 1x), onde um pixel é igual a um ponto. Monitores de alta resolução têm uma densidade de pixels mais alta e um fator de escala de 2,0 (referido como @ 2x). Como resultado, a alta resolução exibe imagens de demanda com mais pixels.
@1x (10px × 10px)
@2x (20px × 20px)