Relatório Avaliação de Candidatura
Portal Institucional do Município de Oeiras

Introdução

O website https://www.oeiras.pt/ etiqueta: não 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: NOK

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 aspetos63.0% (17/27)etiqueta: Não passa
Conteúdo52.9% (9/17)etiqueta: Não 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: NOK

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: 63.0% (17/27)
    • Requisitos avaliados: 27 (27 aplicáveis)
    • Requisitos OK: 17
    • Requisitos NOK: 10

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #52 O menu do rodapé não está estruturado como uma lista

    etiqueta: chk 10 webetiqueta: R 1.1etiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #53 O menu não está construído de forma apropriada

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 1.2

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

etiqueta: OK (no entanto contém 1 melhoria que se recomenda efetuar)

Lista de evidências recolhidas:

  • evidência: issue #55 O menu mobile está com texto alternativo inapropriado

    etiqueta: chk 10 webetiqueta: melhoriaetiqueta: R 1.3

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

etiqueta: OK

Lista de evidências recolhidas:

  • evidência: issue #41 Existência de multiplos h1 na página web

    etiqueta: chk 10 webetiqueta: R 2.1etiqueta: corrigido
  • evidência: issue #40 Cabeçalho h1 genérico em todas as páginas

    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:

  • evidência: issue #39 Incorreta marcação de títulos e subtítulos

    etiqueta: chk 10 webetiqueta: R 2.2etiqueta: corrigido
  • evidência: issue #34 Saltos na hierarquia de cabeçalhos

    etiqueta: chk 10 webetiqueta: R 2.2etiqueta: corrigido

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:

  • evidência: issue #43 Elemento th em falta nos cabeçalhos da tabela

    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:

  • evidência: issue #57 Elemento caption em falta na legenda da tabela

    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: OK

Lista de evidências recolhidas:

  • evidência: issue #59 Campos de filtro da Agenda com labels não visíveis

    etiqueta: chk 10 webetiqueta: R 4.1etiqueta: corrigido
  • evidência: issue #30 Campo de pesquisa com ausência de etiqueta acessível e dependência de placeholder

    etiqueta: chk 10 webetiqueta: R 4.1etiqueta: corrigido

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

etiqueta: OK (no entanto contém 2 melhorias que se recomenda efetuar)

Lista de evidências recolhidas:

  • evidência: issue #51 Identificação de campos obrigatórios em formulários

    etiqueta: chk 10 webetiqueta: melhoriaetiqueta: R 4.2
  • evidência: issue #50 Não há informação clara sobre o que é o asterisco nos campos de preenchimento obrigatório

    etiqueta: chk 10 webetiqueta: melhoriaetiqueta: R 4.2

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

etiqueta: OK (no entanto contém 1 melhoria que se recomenda efetuar)

Lista de evidências recolhidas:

  • evidência: issue #56 Feedback de erro inconsistente e não acessível em formulário

    etiqueta: chk 10 webetiqueta: melhoriaetiqueta: R 4.3

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #35 Imagens decorativas sem atributo alt=""

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 5.1
  • evidência: issue #2 (Melhoria) Imagem decorativa com texto alternativo indevido

    etiqueta: chk 10 webetiqueta: melhoriaetiqueta: R 5.1

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

etiqueta: OK

Lista de evidências recolhidas:

  • evidência: issue #16 Imagem/gráfico é acompanhado de uma descrição longa.

    etiqueta: chk 10 webetiqueta: OKetiqueta: R 5.2

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

etiqueta: OK

Lista de evidências recolhidas:

  • evidência: issue #20 Nome acessível pouco descritivo em botões de navegação temporal

    etiqueta: chk 10 webetiqueta: R 5.3etiqueta: corrigido
  • evidência: issue #7 Imagem link têm um equivalente alternativo incorreto

    etiqueta: chk 10 webetiqueta: R 5.3etiqueta: corrigido

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:

  • evidência: issue #28 Texto normal não tem contraste suficiente

    etiqueta: chk 10 webetiqueta: R 6.1etiqueta: corrigido

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:

  • evidência: issue #29 Texto grande não têm contraste suficiente em certos estados

    etiqueta: chk 10 webetiqueta: R 6.2etiqueta: corrigido

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:

  • evidência: issue #64 Possível ativar os botões de controlo do leitor quer com o rato quer com o teclado.

    etiqueta: chk 10 webetiqueta: R 7.1etiqueta: OK

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:

  • evidência: issue #60 Players sem legendas audiodescritivas

    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:

  • evidência: issue #1 Ao desligar o CSS o conteúdo alinha-se à esquerda

    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: OK

Lista de evidências recolhidas:

  • evidência: issue #3 Quando se retira a CSS, a informação aparece numa ordem lógica

    etiqueta: chk 10 webetiqueta: OKetiqueta: 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:

  • evidência: issue #58 Estrutura semântica incorreta na navegação de salto para conteúdo

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: corrigido
  • evidência: issue #49 Breadcrumb sem estrutura semântica adequada

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: corrigido
  • evidência: issue #48 Controlos do banner de cookies implementados com semântica incorreta

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: corrigido
  • evidência: issue #33 Ausência de região principal semântica (`<main>`) na estrutura da página

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: corrigido
  • evidência: issue #18 Falta de identificação programática do estado selecionado nos controlos de seleção

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: NOK
  • evidência: issue #15 Identificação pouco clara da opção inicial dos filtros de seleção

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: corrigido
  • evidência: issue #12 Duplicação de links para o mesmo conteúdo

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: corrigido
  • evidência: issue #6 Listagem de conteúdos sem estrutura semântica adequada

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: corrigido

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

etiqueta: OK

Lista de evidências recolhidas:

  • evidência: issue #5 Ao retirar o CSS, não há perda de conteúdo

    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:

  • evidência: issue #4 A maquetização da página recorre indevidamente ao elemento `<table>` para estruturação visual

    etiqueta: chk 10 webetiqueta: R 8.5etiqueta: corrigido

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: NOK

Lista de evidências recolhidas:

  • evidência: issue #32 Modal inacessível para tecnologias de apoio

    etiqueta: chk 10 webetiqueta: R 9.1etiqueta: NOK

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: NOK

Lista de evidências recolhidas:

  • evidência: issue #36 Foco não fica limitado a caixa de diálogo

    etiqueta: chk 10 webetiqueta: R 9.2etiqueta: NOK

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: NOK

Lista de evidências recolhidas:

  • evidência: issue #37 A caixa dialogo não pode ser encerrada através da tecla ESC ou fechar

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 9.3

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #38 Ao fechar a caixa de diálogo o cursor não retorna ao elemento que o acionou

    etiqueta: chk 10 webetiqueta: NOKetiqueta: 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:

  • evidência: issue #67 Nos ficheiros PDF não é possível, extrair o conteúdo textual para formato TXT

    etiqueta: chk 10 webetiqueta: R 10.1etiqueta: NOK

Checklist Conteúdo

etiqueta: NOK

Nível de conformidade:

  • Checklist Conteúdo: 52.9% (9/17)
    • Requisitos avaliados: 17 (17 aplicáveis)
    • Requisitos OK: 9
    • Requisitos NOK: 8

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #21 Falta de resumo visível na página principal

    etiqueta: chk conteúdoetiqueta: R 1.1etiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #22 Falta de glossário para termos complexos

    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: NOK

Lista de evidências recolhidas:

  • evidência: issue #23 Falta de datas de atualização em blocos de conteúdo

    etiqueta: R 1.3etiqueta: chk conteúdoetiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #24 Informação da Entidade Responsável Não Apresentada por Extenso

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: 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:

  • evidência: issue #17 O conteúdo do site fica desformatado em resoluções mais pequenas

    etiqueta: chk conteúdoetiqueta: R 2.1etiqueta: corrigido
  • evidência: issue #10 O corpo de texto tem um tamanho inferior a 12pt (equivalente a 16px)

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

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

etiqueta: OK

Lista de evidências recolhidas:

  • evidência: issue #11 A informação secundária têm um tamanho de letra inferior a 10pt (equivalente a 13px)

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

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

etiqueta: OK

Lista de evidências recolhidas:

  • evidência: issue #13 Existem blocos de textos 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:

  • evidência: issue #14 O espaçamento entre linhas está abaixo do recomendado

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #27 Excesso de opções no subnível do menu de navegação

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: R 3.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #31 Posicionamento inconsistente do menu principal entre páginas

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: 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:

  • evidência: issue #26 Falta de identificação complementar nas hiperligações

    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: OK

Lista de evidências recolhidas:

  • evidência: issue #8 Páginas extensas sem índice de navegação interna entre secções

    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:

  • evidência: issue #9 Inconsistências de adaptação responsiva e apresentação de conteúdos em dispositivos móveis

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

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

etiqueta: OK

Lista de evidências recolhidas:

  • evidência: issue #47 Elementos interativos dependentes de interação por hover para visualização

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

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:

  • evidência: issue #42 Elementos interativos com área clicável inferior à dimensão mínima recomendada

    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: NOK

Lista de evidências recolhidas:

  • evidência: issue #44 Hierarquia visual insuficiente entre ações principais e elementos informativos

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: R 5.3

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #46 Elementos interativos sem diferenciação visual clara ou comportamento consistente de interação

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: R 5.4
  • evidência: issue #45 Elementos interativos com contraste insuficiente relativamente ao fundo

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

Outras violações

etiqueta: OK (no entanto contém 4 melhorias que se recomenda efetuar)

Lista de evidências recolhidas:

  • evidência: issue #66 Outras violações - Website em baixa repetidamente

    etiqueta: melhoriaetiqueta: outras violações
  • evidência: issue #65 Outras violações - Há conteúdos em inglês na versão portuguesa do website

    etiqueta: melhoriaetiqueta: outras violações
  • evidência: issue #63 Outras violações -Foco não está visível na navegação por teclado e leitor de ecrã

    etiqueta: outras violaçõesetiqueta: corrigido
  • evidência: issue #62 Outras violações - Existem páginas que apresentam quebra de layout

    etiqueta: melhoriaetiqueta: outras violações
  • evidência: issue #61 Outras violações - Duplicação de informação e inconsistências visuais na componente de acordeão

    etiqueta: melhoriaetiqueta: outras violações

Significado das etiquetas utilizadas