Relatório Avaliação da Candidatura da Câmara Municipal do Barreiro

Introdução

O website https://www.cm-barreiro.pt não passa nos requisitos mínimos do Selo de Usabilidade e Acessibilidade.

Estado das avaliações efetuadas

Estado das avaliações efetuadas
Tipo de avaliação Estado
Avaliação Automática N/A
Avaliação Manual NOK

Das avaliações periciais manuais efetuadas obtiveram-se os resultados que se sintetizam na tabela seguinte.

Níveis de conformidade das avaliações periciais efetuadas

Níveis de conformidade das avaliações periciais efetuadas
Checklist Conformidade alcançada Resultado
10 aspetos 34.6% (9/26) não passa
Conteúdo 58.8% (10/17) não passa

Nota: Para que uma checklist passe tem de ter uma conformidade superior a 75%.

Avaliação manual

NOK

A avaliação manual é feita por inspeção perícial dos diversos requisitos constantes da:

Checklist 10 aspetos

NOK

Nível de conformidade:

  • Checklist 10 aspetos: 34.6% (9/26)
    • Requisitos avaliados: 27 (1 N/A excluído, 26 aplicáveis)
    • Requisitos OK: 9
    • Requisitos NOK: 17
    • Requisitos N/A: 1

Requisito 1.1 - O menu de navegação deve estar estruturado como uma lista de opções

NOK

Lista de evidências recolhidas:

  • R 1.1 - 10 Aspetos - Há opções do menu que não estão estruturadas como lista (elementos "ul" e "li")
    etiqueta:
    chk 10 webNOKR 1.1

    Ver detalhes no GitHub

Requisito 1.2 - É possível selecionar as opções e as subopções do menu quer com rato quer com teclado

NOK

Lista de evidências recolhidas:

  • R 1.2 - 10 Aspetos - Impossibilidade de aceder à página destino dos links de itens de menu que contenham subopções
    etiqueta:
    chk 10 webNOKR 1.2

    Ver detalhes no GitHub
  • R 1.2 - 10 Aspetos - Teclas de navegação não correspondem ao mapa mental estabelecido
    etiqueta:
    chk 10 webNOKR 1.2

    Ver detalhes no GitHub

Requisito 1.3 - As imagens-link, caso existam no menu, devem ter o correspondente equivalente alternativo em texto

N/A

Lista de evidências recolhidas:

  • R 1.3 - 10 Aspetos - O requisito foi avaliado como “Sim”, mas é “Não Aplicável”
    etiqueta:
    chk 10 webN/AR 1.3

    Ver detalhes no GitHub

Requisito 2.1 - Existe um título <h1> marcado na página

OK

Lista de evidências recolhidas:

Requisito 2.2 - Existe uma marcação hierarquizada de títulos e subtítulos na página (<h1>...<h6>)

NOK

Lista de evidências recolhidas:

  • R 2.2 - 10 Aspetos - Existem cabeçalhos mal atribuídos
    etiqueta:
    chk 10 webNOKR 2.2

    Ver detalhes no GitHub
  • R 2.2 - 10 Aspetos - Existe salto na hierarquia de cabeçalhos
    etiqueta:
    chk 10 webNOKR 2.2

    Ver detalhes no GitHub
  • R 2.2 - 10 Aspetos - Existem cabeçalhos em branco
    etiqueta:
    chk 10 webNOKR 2.2

    Ver detalhes no GitHub
  • R 2.2 - 10 Aspetos - Existem títulos que não estão estruturados como cabeçalhos
    etiqueta:
    chk 10 webNOKR 2.2

    Ver detalhes no GitHub
  • R 2.2 - 10 Aspetos - Texto de cabeçalho incorretamente definido
    etiqueta:
    chk 10 webNOKR 2.2

    Ver detalhes no GitHub

Requisito 3.1 - As células que constituem os cabeçalhos da tabela estão marcadas com o elemento <th>

OK

Lista de evidências recolhidas:

Requisito 3.2 - A legenda da tabela está marcada com o elemento <caption>

OK

Lista de evidências recolhidas:

Requisito 4.1 - Ao clicar com o rato na etiqueta, o cursor surge no respetivo campo de edição

NOK

Lista de evidências recolhidas:

Requisito 4.2 - É possível identificar os campos de preenchimento obrigatório quando se usa apenas um leitor de ecrã

NOK

Lista de evidências recolhidas:

  • R 4.2 - 10 Aspetos - Existe um campo que não está estruturado como obrigatório
    etiqueta:
    chk 10 webNOKR 4.2

    Ver detalhes no GitHub

Requisito 4.3 - É possível localizar e ler as mensagens de erro usando apenas um leitor de ecrã

OK

Lista de evidências recolhidas:

Requisito 5.1 - A imagem ou gráfico tem um equivalente alternativo em texto curto e correto

NOK

Lista de evidências recolhidas:

  • R 5.1 - 10 Aspetos - Imagens com descrição textual incorreta
    etiqueta:
    chk 10 webNOKR 5.1

    Ver detalhes no GitHub

Requisito 5.2 - O gráfico é acompanhado de uma descrição longa

NOK

Lista de evidências recolhidas:

  • R 5.2 - 10 Aspetos - Existe um infográfico sem descrição do conteúdo
    etiqueta:
    chk 10 webNOKR 5.2

    Ver detalhes no GitHub

Requisito 5.3 - As imagens-link têm um equivalente alternativo correto

NOK

Lista de evidências recolhidas:

Requisito 6.1 - No corpo de um documento, o rácio de contraste entre a cor do texto normal (menor que 18 pontos ou menor que 14 pontos negrito) e a cor do fundo é superior a 4,5:1

NOK

Lista de evidências recolhidas:

  • R 6.1 - 10 Aspetos - Existem textos com contraste abaixo do recomendado no estado hover
    etiqueta:
    chk 10 webNOKR 6.1

    Ver detalhes no GitHub
  • R 6.1 - 10 Aspetos - O texto não tem contraste suficiente
    etiqueta:
    chk 10 webNOKR 6.1

    Ver detalhes no GitHub

Requisito 6.2 - O rácio de contraste entre a cor do texto de tamanho grande (maior ou igual que 18 pontos ou maior ou igual que 14 pontos negrito) e a cor do fundo é superior a 3:1

OK

Lista de evidências recolhidas:

Requisito 7.1 - Deve ser possível ativar os botões de controlo do leitor quer com o rato quer com o teclado

OK

Lista de evidências recolhidas:

Requisito 7.2 - O vídeo ou o áudio deve conter preferencialmente legendas fechadas sincronizadas. Caso não seja possível, no mínimo, deve disponibilizar-se uma transcrição textual

NOK

Lista de evidências recolhidas:

  • R 7.2 - 10 Aspetos - vídeos com mensagens eminentemente visuais sem audiodescrição ou transcrição descritiva
    etiqueta:
    chk 10 webNOKR 7.2

    Ver detalhes no GitHub

Requisito 8.1 - Quando se retira a CSS, todos os elementos HTML devem alinhar à esquerda

OK

Lista de evidências recolhidas:

Requisito 8.2 - Quando se retira a CSS, a informação aparece numa ordem lógica

NOK

Lista de evidências recolhidas:

  • R 8.2 - 10 Aspetos- Existem conteúdos que estão visíveis apenas para tecnologias de apoio
    etiqueta:
    chk 10 webNOKR 8.2

    Ver detalhes no GitHub
  • R 8.2 - 10 Aspetos - Existem conteúdos que estão visíveis apenas para tecnologias de apoio
    etiqueta:
    chk 10 webNOKR 8.2

    Ver detalhes no GitHub

Requisito 8.3 - Quando se retira a CSS, deve ser possível reconhecer a semântica dos diversos elementos

NOK

Lista de evidências recolhidas:

  • R 8.3 - 10 Aspetos - As legendas estão sendo utilizadas de forma inapropriada
    etiqueta:
    chk 10 webNOKR 8.3

    Ver detalhes no GitHub
  • R 8.3 - 10 Aspetos - Uso de listas de forma inapropriada
    etiqueta:
    chk 10 webNOKR 8.3

    Ver detalhes no GitHub
  • R 8.3 - 10 Aspetos - Acordeons implementados com atributos inadequados
    etiqueta:
    chk 10 webNOKR 8.3

    Ver detalhes no GitHub

Requisito 8.4 - Quando se retira a CSS, a informação relevante permanece visível

OK

Lista de evidências recolhidas:

Requisito 8.5 - A maquetização da página é feita sem recorrer ao elemento <table>

OK

Lista de evidências recolhidas:

Requisito 9.1 - Quando a caixa de diálogo é aberta, o foco (cursor do Browser) move-se para um elemento dentro da caixa de diálogo

NOK

Lista de evidências recolhidas:

  • R 9.1 - 10 Aspetos - O foco não é direcionado para dentro da modal
    etiqueta:
    chk 10 webNOKR 9.1

    Ver detalhes no GitHub

Requisito 9.2 - Quando uma caixa de diálogo está aberta, a navegação com teclado (Browser ou Tecnologia de apoio) tem de ficar circunscrita aos elementos que compõem a caixa de diálogo

NOK

Lista de evidências recolhidas:

  • R 9.2 - 10 Aspetos - O foco não está limitado à modal do player de vídeo
    etiqueta:
    chk 10 webNOKR 9.2

    Ver detalhes no GitHub

Requisito 9.3 - A caixa de diálogo tem de ter um mecanismo que permita sair ou fechar a caixa, quer através de teclado quer através de um dispositivo apontador

NOK

Lista de evidências recolhidas:

  • R 9.3 - 10 Aspetos - Botões de fecho das modais não estão acessíveis com leitor de ecrã e teclado
    etiqueta:
    chk 10 webNOKR 9.3

    Ver detalhes no GitHub

Requisito 9.4 - Quando a caixa de diálogo fecha, o foco (cursor do Browser) deve voltar ao elemento interativo que a invocou

NOK

Lista de evidências recolhidas:

  • R 9.4 - 10 Aspetos - O foco é perdido quando a janela modal é fechada
    etiqueta:
    chk 10 webNOKR 9.4

    Ver detalhes no GitHub

Requisito 10.1 - Nos ficheiros PDF é possível, no mínimo, extrair o conteúdo textual para formato TXT

NOK

Lista de evidências recolhidas:

  • R 10.1 - 10 Aspetos - Não é possível extrair o texto de ficheiros PDF para outro processador de texto
    etiqueta:
    chk 10 webNOKR 10.1

    Ver detalhes no GitHub

Checklist Conteúdo

NOK

Nível de conformidade:

  • Checklist Conteúdo: 58.8% (10/17)
    • Requisitos avaliados: 17 (17 aplicáveis)
    • Requisitos OK: 10
    • Requisitos NOK: 7

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

NOK

Lista de evidências recolhidas:

  • R 1.1 - Conteúdo - Resumo do propósito do site na homepage não visível em todas as resoluções, sem fazer scroll
    etiqueta:
    chk conteúdoNOKR 1.1

    Ver detalhes no GitHub

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

NOK

Lista de evidências recolhidas:

  • R 1.2 - Conteúdo - Inexistência de termos complexos
    etiqueta:
    chk conteúdoNOKR 1.2

    Ver detalhes no GitHub

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

OK

Lista de evidências recolhidas:

Requisito 1.4 - A informação sobre a entidade responsável pelo conteúdo está em todas as páginas

OK

Lista de evidências recolhidas:

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

NOK

Lista de evidências recolhidas:

  • R 2.1 - Conteúdo - O corpo de texto tem um tamanho inferior ao recomendado (16 pixeis)
    etiqueta:
    chk conteúdoNOKR 2.1

    Ver detalhes no GitHub

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

NOK

Lista de evidências recolhidas:

  • R 2.2 - Conteúdo - Existem conteúdos secundários com tamanho de fonte abaixo do recomendado
    etiqueta:
    chk conteúdoNOKR 2.2

    Ver detalhes no GitHub

Requisito 2.3 - Blocos e linhas de texto com largura não superior a 100 caracteres

NOK

Lista de evidências recolhidas:

  • R 2.3 - Conteúdo - Existem blocos de texto com mais de 100 caracteres por linha
    etiqueta:
    chk conteúdoNOKR 2.3

    Ver detalhes no GitHub

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

OK

Lista de evidências recolhidas:

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

OK

Lista de evidências recolhidas:

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

OK

Lista de evidências recolhidas:

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

OK

Lista de evidências recolhidas:

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

NOK

Lista de evidências recolhidas:

  • R 4.1 - Conteúdo - Não existe um índice no topo de páginas longas
    etiqueta:
    chk conteúdoNOKR 4.1

    Ver detalhes no GitHub

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

OK

Lista de evidências recolhidas:

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

OK

Lista de evidências recolhidas:

Requisito 5.2 - Os elementos interativos têm uma dimensão mínima de 44px CSS (44 pontos) (vertical e horizontal)

NOK

Lista de evidências recolhidas:

  • R 5.2 - Conteúdo - Existem elementos interativos com tamanho abaixo do recomendado (44 x 44 pixels)
    etiqueta:
    chk conteúdoNOKR 5.2

    Ver detalhes no GitHub

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

OK

Lista de evidências recolhidas:

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

OK

Lista de evidências recolhidas:

Outras violações

Outras violações

NOK

Lista de evidências recolhidas:

  • Avaliação automática Rocket Validator
    etiqueta:
    av autoNOK

    Ver detalhes no GitHub
  • Outras violações - Existem duas navegações com a mesma informação
    etiqueta:
    outras violações

    Ver detalhes no GitHub
  • Idioma dos elementos interativos dos carrosséis diferente do idioma do site
    etiqueta:
    outras violações

    Ver detalhes no GitHub

Significado das etiquetas utilizadas