Saltar para o conteúdo principal da página
Usabilidade Acessibilidade

Requisitos do Selo de bronze

Recolha de evidências para o Selo Bronze

Utilize a lista de verificação para recolher evidências e confirmar se o sítio Web cumpre os requisitos de Acessibilidade e Usabilidade para obtenção do Selo Bronze.

Kit do Selo de Usabilidade e Acessibilidade

Última atualização: 04-03-2020

Checklist "Conteúdo"

Conformidade para com a checklist "Conteúdo"

1 · Clareza do Conteúdo

1.1 O sítio Web apresenta um resumo breve do seu propósito, visível sem se fazer scroll

Num primeiro vislumbre do sítio Web deve ser visível uma breve definição do seu propósito que dê a indicação ao utilizador de que sítio Web se trata e quais são as tarefas que se podem levar a efeito.

1.2 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 agregada uma definição. Todos os termos definidos desta forma devem fazer parte de um glossário disponível no sítio Web.

1.3 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 atualização associada, expressa num tamanho de letra 2 pontos abaixo ao do corpo do texto, com contraste mais reduzido mas nunca inferior a 4,5:1.

1.4 A 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 uma hiperligação para a página de contactos deverá constar do rodapé de todas as páginas.

2 · Usabilidade do Conteúdo

2.1 O tipo de letra do corpo do documento é adequado e o tamanho da letra é, no mínimo, de 12 pontos

De forma a assegurar a boa legibilidade do texto para todos os utilizadores, o tamanho de letra do texto que compõe o corpo do documento deverá ser, no mínimo, de 12 pontos, assegurando sempre que os mesmos são escaláveis para tamanhos superiores, sempre que o utilizador considere necessário.

2.2 A informação secundária (datas, autores) utiliza, no mínimo, um tamanho de letra de 10 pontos

A informação secundária, como os autores 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 que os mesmos são escaláveis para tamanhos superiores, sempre que o utilizador considere necessário.

2.3 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 caracteres de largura. Os 80 caracteres correspondem à dimensão que se apresenta nos estudos como a mais confortável para os utilizadores.

2.4 O espaçamento entre linhas não é inferior a 1.5x o tamanho da letra

Para assegurar a leitura confortável de blocos de texto deve ser usado um espaçamento entre linhas de 1.5x o tamanho da letra.

3 · Estrutura da Navegação

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

A navegação principal deve ser equilibrada, nem com demasiadas opções de topo sem opções secundárias, nem com poucas opções de topo e muitas opções secundarias. Nenhum nível de navegação deve ter mais de 9 opções.

3.2 A navegação principal está sempre visível e 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. A posição atual do utilizador na estrutura de navegação deve ser evidenciada.

3.3 As hiperligações de texto não devem ser diferenciadas apenas com base na cor

As hiperligações de texto devem apresentar um contraste mínimo de 4,5:1 com a envolvente e uma representação visual complementar à cor - idealmente as hiperligações devem apresentar-se sublinhadas. As hiperligações em texto devem apresentar-se da mesma forma em todo o sítio Web.

4 · Estrutura da Informação

4.1 Os documentos longos têm um índice no topo com hiperligações internas para o mesmo

Os 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 respetivas secções e subsecções.

4.2 O layout do sítio Web é adaptável a plataformas móveis sem necessidade de efetuar varrimento horizontal

O layout do sítio 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 varrimento horizontais.

5 · Elementos Interativos

5.1 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 aparecem apenas quando se passa por cima com um dispositivo apontador. Este método de interação não está disponível em aparelhos com interação por toque.

5.2 Os elementos interativos têm uma dimensão mínima de 44px CSS (44 pontos) (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 44px CSS de altura e de largura.

5.3 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 o mesmo deve apresentar-se numa cor contrastante. Todos os outros botões devem ser considerados como secundários.

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

Os elementos gráficos clicáveis devem ser percecionáveis como tal, através da forma, da cor ou do aparente volume.

Acessibilidade

O sítio Web tem de passar a bateria de testes de um validador automático de Acessibilidade Web para a conformidade ‘AA’ das Diretrizes de Acessibilidade para Conteúdo Web (WCAG 2.1), de acordo com a metodologia constante no artigo 9.º, n.º 1, alínea a) do Decreto-Lei n.º 83/2018, de 19 de outubro:

  • "1. Para os sítios Web, as entidades referidas no artigo 2.º devem adotar os seguintes procedimentos de monitorização:
    • a) Procedimento simplificado automático ou semiautomático, correspondente a uma avaliação automática a uma amostra de páginas do sítio Web composta, no mínimo, pela página de entrada e por todas as páginas hiperligadas à página de entrada e contemplando, sempre que possível, os vários tipos de templates utilizados, recorrendo a um validador automático ou semiautomático de Acessibilidade Web comummente utilizado no mercado;"

Apresentam-se a seguir algumas das ferramentas de validação automática que podem ser usadas para proceder à análise da conformidade 'AA' das WCAG 2.1. Fazemos notar que a grande maioria das ferramentas atualmente existentes no mercado têm como referência a versão 2.0 das WCAG, o que é aceitável para a determinação da conformidade.