ecossistema
acessibilidade.gov.pt

Os sítios e as ferramentas de apoio à acessibilidade e à usabilidade, para garantir a promoção das boas práticas e melhorar a experiência de utilização dos serviços públicos digitais.

acessibilidade.gov.pt

Divulgação, partilha e promoção das melhores práticas de acessibilidade para conteúdos Web e aplicações móveis.

mosaico.gov.pt

Recursos, ferramentas e boas práticas para melhorar a experiência de utilização dos serviços públicos digitais.

selo.usabilidade.gov.pt

Selo de excelência que premeia as boas práticas de acessibilidade e usabilidade nos sítios Web dos serviços públicos digitais.

selo.usabilidade.gov.pt

Menu

O sítio para a divulgação do Selo de excelência que premeia as boas práticas de acessibilidade e usabilidade nos sítios Web dos serviços públicos.

Nota: Para recolha das evidências relativas a esta lista de verificação utilize o ficheiro Excel: Recolha de evidências da Lista de verificação “10 aspetos críticos de acessibilidade funcional para aplicações móveis” (xlsx, 226KB)

Mesmo que a regra seja a de mostrar quantidades mais pequenas de conteúdo de uma só vez, a organização e a etiquetagem adequada dos conteúdos em dispositivos móveis são tão relevantes quanto na experiência em computador. Todas as páginas e conteúdos precisam de ser intuitivamente navegáveis através da visão ou de qualquer tecnologia de apoio utilizada – um leitor de ecrã, por exemplo. Construir páginas fáceis de pesquisar, com funcionalidades fáceis de compreender e assegurar que a experiência se encontra otimizada para qualquer utilizador independentemente da forma de uso.

7.1 As páginas têm títulos descritivos

  1. Determine quais são os títulos que existem na página Web / ecrã.
  2. Verifique que cada título identifica o propósito da respetiva secção do conteúdo. No caso do título principal (H1) verifique se o mesmo identifica corretamente o propósito da página.

Passa, se:

  • a condição #2 é verdadeira.

Referências:

7.2 Os títulos encontram-se hierarquicamente aninhados, numa ordem de leitura apropriada e ao alcance das tecnologias de apoio

  1. Verifique que é usada marcação semântica sempre que o conteúdo é um título e, sempre que a tecnologia de marcação o permita, que a marcação indica de forma apropriada o nível do título (2 para secção, 3 para subsecção, …).
  2. Verifique que a marcação do título não está a ser usada para conteúdo que não é um título.

Passa, se:

  • as condições #1 e #2 são verdadeiras.

Nota: dependendo da tecnologia utilizada para a construção da aplicação poderá não ser possível identificar o nível de título – geralmente de 1 a 6, como o que encontra disponível no HTML. Nestes casos, no mínimo, deve ser observado se a secção está identificada com um título. Há tecnologias de criação de conteúdos que só permitem identificar o Heading, mas não o seu nível. O procedimento de teste existente no Critério de Sucesso 3.1.6 das MCAG, pensado especificamente para aplicações móveis, induz a isto mesmo.

Referências:

7.3 Menus, controlos e hiperligações funcionam quer através do toque no ecrã quer através do teclado

  1. Identifique todas as funcionalidades (opções e subopções de menus, controlos de formulários, acordeons, carrosséis, sliders, botões, hiperligações, …) existentes no conteúdo.
  2. Verifique que todas as funcionalidades podem ser acedidas usando apenas o teclado.

Passa, se:

  • a condição #2 é verdadeira.

Procedimento baseado na:

7.4 Menus, controlos e hiperligações apresentam-se sempre claramente etiquetados independentemente de se usarem ou não tecnologias de apoio

Para cada componente da interface com uma etiqueta:

  1. Identifique o propósito de cada componente da interface.
  2. Verifique que a etiqueta torna o propósito da componente claro.

Passa, se:

  • a condição #2 é verdadeira.

Nota: o “independentemente de se usarem ou não tecnologias de apoio” quer sublinhar que a identificação das componentes não deve depender apenas do nome acessível da componente, o qual nem sempre está visível ao olho humano. É importante que a etiqueta do componente seja também visível ao olho humano. Por exemplo, um ícone com três traços horizontais apresenta-se com o nome acessível de “menu”. É importante que a etiqueta “menu” seja, de alguma forma, também visível à perceção pela visão.

Referências: