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

Introdução

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

Estado das avaliações efetuadas
Tipo de avaliaçãoEstado
Avaliação Automáticaetiqueta: OK
Avaliação Manualetiqueta: OK

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

Níveis de conformidade das avaliações manuais
ChecklistConformidade alcançadaResultado
10 aspetos77.8% (21/27)etiqueta: Passa
Conteúdo82.4% (14/17)etiqueta: Passa

Nota: para passar os requisitos do Selo é necessário alcançar um nível de conformidade superior ou igual a 75% em cada uma das 3 checklists.

Declaração de Acessibilidade

etiqueta: OK

De acordo com o artigo 8º do DL n.º 83/2018, todos os sítios web e todas as aplicações móveis têm de ostentar uma Declaração de Acessibilidade. A Declaração é o documento na qual a organização evidencia o trabalho levado a efeito para tornar os seus conteúdos e serviços digitais mais acessíveis, disponibilizando ainda contactos para ajuda adicional.

Lista de evidências recolhidas:

Avaliação automática

etiqueta: OK

Para a produção das evidências do presente capítulo, foram utilizadas ferramentas automatizadas de avaliação de requisitos de acessibilidade de acordo com a norma WCAG 2.1 'AA'. A amostra em análise pelas ferramentas é composta pela Homepage mais todas as páginas diretamente hiperligadas por ela, pertencentes ao domínio.

Lista de evidências recolhidas:

Avaliação manual

etiqueta: OK

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

Sempre que os auditores localizam uma falha grave de um requisito de acessibilidade que, embora não faça parte do esquema de requisitos do Selo, se enquadre no âmbito das violações das WCAG 2.1 'AA' do W3C, tal referência é anotada em "Outras violações" do presente capítulo. Apesar destas violações não se apresentarem com carácter vinculativo no esquema de requisitos do Selo, recomenda-se que as mesmas sejam corrigidas.

Checklist 10 aspetos

etiqueta: NOK

Nível de conformidade:

  • Checklist 10 aspetos: 77.8% (21/27)
    • Requisitos avaliados: 27 (27 aplicáveis)
    • Requisitos OK: 21
    • Requisitos NOK: 6

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #1 Há opções do menu que não estão estruturadas como lista (elementos "ul" e "li")

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 1.1

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #4 Impossibilidade de aceder à página destino dos links de itens de menu que contenham subopções

    etiqueta: chk 10 webetiqueta: R 1.2etiqueta: corrigido

  • issue #2 Teclas de navegação não correspondem ao mapa mental estabelecido

    etiqueta: chk 10 webetiqueta: R 1.2etiqueta: corrigido

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #15 O requisito foi avaliado como “Sim”, mas é “Não Aplicável”

    etiqueta: chk 10 webetiqueta: R 1.3etiqueta: corrigido

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #16 Ok

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 2.1

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #19 Existem cabeçalhos mal atribuídos

    etiqueta: chk 10 webetiqueta: R 2.2etiqueta: corrigido

  • issue #18 Existe salto na hierarquia de cabeçalhos

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 2.2

  • issue #17 Existem cabeçalhos em branco

    etiqueta: chk 10 webetiqueta: R 2.2etiqueta: corrigido

  • issue #5 Existem títulos que não estão estruturados como cabeçalhos

    etiqueta: chk 10 webetiqueta: R 2.2etiqueta: corrigido

  • issue #3 Texto de cabeçalho incorretamente definido

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 2.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #20 Ok

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 3.1

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #21 Ok

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 3.2

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #22 O campo não está associado corretamente

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 4.1

  • issue #11 Atributos de campos de formulário de uso dispensável

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 4.1

  • issue #10 Campos sem etiquetas

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 4.1

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #23 Existe um campo que não está estruturado como obrigatório

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 4.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #27 Ok

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 4.3

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #6 Imagens com descrição textual incorreta

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 5.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #25 Existe um infográfico sem descrição do conteúdo

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 5.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #26 Imagens link sem texto alternativo

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 5.3

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #29 Existem textos com contraste abaixo do recomendado no estado hover

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 6.1

  • issue #28 O texto não tem contraste suficiente

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 6.1

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #40 OK

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 6.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #30 Ok

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 7.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #8 vídeos com mensagens eminentemente visuais sem audiodescrição ou transcrição descritiva

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 7.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #31 Ok

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 8.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #32 R 8.2 - 10 Aspetos- Existem conteúdos que estão visíveis apenas para tecnologias de apoio

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.2

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #75 Existem elementos com a semântica incorreta

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.3

  • issue #44 As legendas estão sendo utilizadas de forma inapropriada

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 8.3

  • issue #33 Uso de listas de forma inapropriada

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 8.3

  • issue #14 Acordeons implementados com atributos inadequados

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.3

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #34 Ok

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 8.4

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #35 Ok

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 8.5

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #36 O foco não é direcionado para dentro da modal

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 9.1

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #37 O foco não está limitado à modal do player de vídeo

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 9.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #38 Botões de fecho das modais não estão acessíveis com leitor de ecrã e teclado

    etiqueta: chk 10 webetiqueta: R 9.3etiqueta: corrigido

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #39 O foco é perdido quando a janela modal é fechada

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 9.4

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #13 Não é possível extrair o texto de ficheiros PDF para outro processador de texto

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 10.1

Checklist Conteúdo

etiqueta: NOK

Nível de conformidade:

  • Checklist Conteúdo: 82.4% (14/17)
    • Requisitos avaliados: 17 (17 aplicáveis)
    • Requisitos OK: 14
    • Requisitos NOK: 3

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #45 Resumo do propósito do site na homepage não visível em todas as resoluções, sem fazer scroll

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 1.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #46 Não está explícito onde é possível localizar o glossário

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: R 1.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #47 Ok

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 1.3

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #48 Ok

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 1.4

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #49 O corpo de texto tem um tamanho inferior ao recomendado (16 pixeis)

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 2.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #50 Existem conteúdos secundários com tamanho de fonte abaixo do recomendado

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: R 2.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #51 Existem blocos de texto com mais de 100 caracteres por linha

    etiqueta: chk conteúdoetiqueta: R 2.3etiqueta: corrigido

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #52 OK

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 2.4

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #53 Ok

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 3.1

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #55 OK

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 3.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #57 OK

    etiqueta: chk conteúdoetiqueta: R 3.3etiqueta: corrigido

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #76 Não está claro o significado da opção "Consulte aqui" no índice

    etiqueta: chk conteúdoetiqueta: R 4.1etiqueta: corrigido

  • issue #74 O índice está a ser substituído por acordeões que não estão estruturados corretamente

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: R 4.1

  • issue #58 Não existe um índice no topo de páginas longas

    etiqueta: chk conteúdoetiqueta: R 4.1etiqueta: corrigido

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #59 OK

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 4.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #60 OK

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 5.1

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #64 Existem elementos interativos com tamanho abaixo do recomendado (44 x 44 pixels)

    etiqueta: chk conteúdoetiqueta: R 5.2etiqueta: corrigido

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #62 OK

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 5.3

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #63 OK

    etiqueta: chk conteúdoetiqueta: OKetiqueta: R 5.4

Outras violações

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #54 Outras violações - Existem duas navegações com a mesma informação

    etiqueta: outras violações

  • issue #41 Outras violações - Idioma dos elementos interativos dos carrosséis diferente do idioma do site

    etiqueta: outras violações

Significado das etiquetas utilizadas