Skip to content

Latest commit

 

History

History
102 lines (57 loc) · 6.87 KB

lista-bronze.md

File metadata and controls

102 lines (57 loc) · 6.87 KB

Lista de verificação de Usabilidade para sítios web: conteúdos

Lista de verificação para atribuição do selo bronze

1. Clareza de conteúdo

1_resumo_visivel

O site apresenta um resumo breve do seu propósito, visível sem se fazer scroll

  • Num primeiro vislumbre do site deve ser visível uma breve definição do seu propósito que dê a indicação ao utilizador de que site se trata e quais as tarefas que poderá desempenhar.

2_data_atualizacao

Cada bloco de conteúdo contém a sua data de atualização

  • Cada bloco de conteúdo isolado ou conjunto de blocos de conteúdo relacionado deverá ter a data da sua actualização associada.

3_entidade_responsavel

Informação sobre a entidade responsável pelo conteúdo está em todas as páginas

  • A identificação da entidade responsável pelos conteúdos produzidos, incluindo um link para a página de contactos deverá constar do rodapé de todas as páginas.

4_termos_complexos

Os termos mais complexos têm uma definição agregada

  • Quando são usados termos complexos ou técnicos que não sejam de uso corrente, estes devem ter uma definição agregada. Todos os termos definidos desta forma devem fazer parte de um glossário disponível no site.

2. Usabilidade do Conteúdo

5_100_caracteres

Blocos e Linhas de texto com largura não superior a 100 caracteres

  • Para manter o conforto de leitura, os blocos ou linhas de texto não deverão ter mais de 100 carateres de largura. Os 80 carateres é a dimensão que se apresenta de a mais confortável para os utilizadores.

6_espaco_linhas

Espaço entre linhas não inferior a 1.5x o tamanho da letra

  • Para assegurar a leitura confortável de blocos de texto deve ser empregue o rácio de 1.5x o tamanho de letra.

14_12pontos

O tipo de letra do corpo do texto é adequado e tem no mínimo 12 pontos

  • De forma a assegurar a boa legibilidade do texto para todos os utilizadores, o tamanho mínimo do corpo do texto deverá ser de 12 pontos, assegurando-se a escalabilidade para tamanhos superiores para o caso em que o utilizador sinta necessidade de o fazer.

15_10pontos

A informação secundária (datas, autores) tem no mínimo 10 pontos

  • A informação secundária, como o nome do autor de textos ou de imagens, as datas de publicação ou outros tipos de meta-informação, podem usar tamanhos de letra mais pequenos, mas, no mínimo, com 10 pontos, assegurando sempre a sua escalabilidade para tamanhos superiores.

3. Estrutura da navegação

17_principal_visivel

A navegação principal é sempre visível e está sempre no mesmo local

  • As opções de primeiro nível da navegação principal estão sempre visíveis e encontram-se sempre no mesmo local em todas as páginas.

11_9_opcoes

Nenhum nível de navegação tem mais de 9 opções

  • A navegação principal deve ser equilibrada. Deve evitar-se demasiadas opções de topo sem opções secundárias ou poucas opções de topo e muitas opções secundárias. Nenhum nível de navegação deve ter mais de 9 opções.

12_links_cor

Links de texto não devem ser diferenciados apenas com base na cor

  • As hiperligações textuais devem apresentar um contraste mínimo de 3:1 com o texto envolvente e uma representação visual complementar da cor - idealmente as hiperligações devem apresentar-se sublinhadas. As hiperligações textuais deverão apresentar-se da mesma forma em todo o site.

4. Estrutura da informação

13_docs_longos

Documentos longos têm um índice com links internos no topo

  • Documentos com mais de três ecrãs de altura deverão ter a hierarquia de cabeçalhos espelhada num índice no topo da página com hiperligações internas para as respectivas secções e subsecções.

16_scroll_moveis

O layout do sitio Web é adaptável a plataformas móveis sem scroll horizontal

  • O layout do sitio Web deve ser adaptável aos tamanhos mais comuns de visualização, adaptando-se a várias larguras de ecrã sem que surjam barras de scroll horizontais.

5. Elementos Interativos

7_passagem_rato

Não existem elementos interativos acionados apenas com a passagem do rato (hover)

  • Não devem existir elementos de interação, como hiperligações ou botões, que apareçam apenas quando se passa por cima com um dispositivo apontador. Este método de interação não existe em aparelhos com interação por toque.

8_interactivos_25px

Os elementos interativos têm uma dimensão mínima de 25px (vertical e horizontal)

  • De forma a assegurar que todos os elementos interativos são facilmente acionáveis por qualquer tipo de dispositivo apontador ou toque, estes devem ter a dimensão mínima de 25 pixeis de altura e de largura (medida relativa a ecrãs de resolução padrão, que deve ser proporcionalmente adaptada a ecrãs de maior resolução.

9_botao_acao

Há apenas um botão de ação principal por página e o mesmo encontra-se destacado

  • Deve existir apenas um botão de ação principal por página e deve possuir uma cor contrastante. Todos os outros botões devem ser considerados como secundários.

10_elementos_clicaveis

Elementos gráficos interativos têm de aparentar ser clicáveis