Relatório Avaliação de Candidatura
Lisboa Cidade Com Vida Para Todas as Idades

Introdução

O website https://lisboacomvida.scml.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 (no entanto contém 6 melhorias que se recomenda efetuar)

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 aspetos100.0% (22/22)etiqueta: Passa
Conteúdo100.0% (17/17)etiqueta: Passa
Transação100.0% (5/5)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.

Verificámos também que a Declaração de Acessibilidade não se encontra corretamente afixada. Consulte o capítulo "Declaração de acessibilidade" para saber o que tem de corrigir.

Declaração de Acessibilidade

etiqueta: NOK

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 (no entanto contém 6 melhorias que se recomenda efetuar)

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: OK (no entanto contém 1 melhoria que se recomenda efetuar)

Nível de conformidade:

  • Checklist 10 aspetos: 100.0% (22/22)
    • Requisitos avaliados: 27 (5 N/A excluídos, 22 aplicáveis)
    • Requisitos OK: 22
    • Requisitos NOK: 0
    • Requisitos N/A: 5

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 #10 As opções do rodapé não estão estruturadas como lista

    etiqueta: R 1.1etiqueta: corrigidoetiqueta: chk 10 web

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 #24 O menu mobile está sendo anunciado na resolução desktop

    etiqueta: corrigidoetiqueta: R 1.2etiqueta: chk 10 web

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 #25 As imagens-link do menu principal estão com texto alternativo apropriado

    etiqueta: OKetiqueta: R 1.3etiqueta: chk 10 web

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #49 Título h1 vazio

    etiqueta: corrigidoetiqueta: chk 10 webetiqueta: 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 #50 Hierarquia correta de cabeçalhos

    etiqueta: OKetiqueta: chk 10 webetiqueta: R 2.2

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

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #47 Não foram identificadas tabelas

    etiqueta: N/Aetiqueta: R 3.1etiqueta: chk 10 web

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

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #48 Não foram identificadas tabelas

    etiqueta: N/Aetiqueta: R 3.2etiqueta: chk 10 web

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:

  • issue #26 A etiqueta não está visível

    etiqueta: corrigidoetiqueta: R 4.1etiqueta: chk 10 web

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

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #63 Não foi identificado campos obrigatórios no website

    etiqueta: N/Aetiqueta: chk 10 webetiqueta: R 4.2

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

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #28 Não foi identificado campos obrigatórios no website

    etiqueta: N/Aetiqueta: R 4.3etiqueta: chk 10 web

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 #9 Imagem não decorativa com nome acessível incorreto

    etiqueta: corrigidoetiqueta: R 5.1etiqueta: chk 10 web

  • issue #7 (Melhoria) Imagem decorativa com texto alternativo indevido

    etiqueta: corrigidoetiqueta: R 5.1etiqueta: chk 10 web

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

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #12 Não foram identificados imagens/gráficos no website

    etiqueta: N/Aetiqueta: R 5.2etiqueta: chk 10 web

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #17 Imagens-link com textos alternativos incorretos

    etiqueta: R 5.3etiqueta: corrigidoetiqueta: chk 10 web

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 #22 O texto normal apresenta contraste suficiente

    etiqueta: OKetiqueta: R 6.1etiqueta: chk 10 web

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 #23 Textos grandes tem contraste suficiente no website

    etiqueta: OKetiqueta: R 6.2etiqueta: chk 10 web

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 #52 Players não disponibilizam todos os controlos

    etiqueta: R 7.1etiqueta: corrigidoetiqueta: chk 10 web

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: OK (no entanto contém 1 melhoria que se recomenda efetuar)

Lista de evidências recolhidas:

  • issue #53 Apenas legendas automáticas disponibilizadas

    etiqueta: melhoriaetiqueta: chk 10 webetiqueta: 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 #29 Ao desligar o CSS, os elementos se alinham à esquerda

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

  • issue #30 Ao desligar o CSS, a informação apresentada segue a mesma ordem de leitura

    etiqueta: OKetiqueta: R 8.2etiqueta: chk 10 web

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #46 Hiperligações não estão estruturadas como lista

    etiqueta: R 8.3etiqueta: corrigidoetiqueta: chk 10 web

  • issue #38 O card não está construído de forma apropriada

    etiqueta: R 8.3etiqueta: corrigidoetiqueta: chk 10 web

  • issue #31 Existem conteúdos que não estão dentro em landmarks

    etiqueta: R 8.3etiqueta: corrigidoetiqueta: chk 10 web

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #8 Quando se retira a CSS, a informação relevante permanece visível

    etiqueta: OKetiqueta: R 8.4etiqueta: chk 10 web

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #11 Não existem conteúdos com layout organizado em elementos de tabela

    etiqueta: OKetiqueta: R 8.5etiqueta: chk 10 web

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 #13 Quando a caixa de diálogo é aberta, o foco não move-se para um elemento dentro da caixa de diálogo

    etiqueta: corrigidoetiqueta: chk 10 webetiqueta: 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 #14 O foco não fica limitado a caixa de diálogo

    etiqueta: R 9.2etiqueta: corrigidoetiqueta: chk 10 web

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 #15 A caixa de diálogo tem um mecanismo que permita sair ou fechar a caixa

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

Lista de evidências recolhidas:

  • issue #16 Ao fechar a caixa de diálogo o cursor não retorna ao elemento que o acionou

    etiqueta: corrigidoetiqueta: chk 10 webetiqueta: R 9.4

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #51 Extração correta do conteúdo textual dos ficheiros PDF

    etiqueta: R 10.1etiqueta: OKetiqueta: chk 10 web

Checklist Conteúdo

etiqueta: OK

Nível de conformidade:

  • Checklist Conteúdo: 100.0% (17/17)
    • Requisitos avaliados: 17 (17 aplicáveis)
    • Requisitos OK: 17
    • Requisitos NOK: 0

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 #39 O website apresenta um resumo na página inicial

    etiqueta: OKetiqueta: R 1.1etiqueta: chk conteúdo

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #42 Falta de glossário para termos complexos

    etiqueta: corrigidoetiqueta: R 1.2etiqueta: chk conteúdo

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #41 Todos os blocos de conteudo apresentam data de atualização

    etiqueta: OKetiqueta: R 1.3etiqueta: chk conteúdo

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 #40 O rodapé apresenta a entidade responsável

    etiqueta: OKetiqueta: R 1.4etiqueta: chk conteúdo

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 #18 O corpo de texto tem um tamanho inferior a 12pt (equivalente a 16px)

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

Lista de evidências recolhidas:

  • issue #19 Informações secundárias apresentam tamanho mínimo recomendado

    etiqueta: OKetiqueta: chk conteúdoetiqueta: 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 #20 Blocos de textos com largura e quantidade caracteres recomendada

    etiqueta: OKetiqueta: R 2.3etiqueta: chk conteúdo

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 #21 O espaçamento entre linhas está abaixo do recomendado

    etiqueta: corrigidoetiqueta: R 2.4etiqueta: chk conteúdo

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #44 Número elevado de opções no menu mobile

    etiqueta: corrigidoetiqueta: chk conteúdoetiqueta: 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 #45 Menu principal não permanece visível durante o scroll

    etiqueta: corrigidoetiqueta: R 3.2etiqueta: chk conteúdo

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 #43 Ausência de identificação complementar nas hiperligações do rodapé

    etiqueta: R 3.3etiqueta: corrigidoetiqueta: chk conteúdo

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:

  • issue #35 Páginas extensas sem índice de navegação interna entre secções

    etiqueta: corrigidoetiqueta: R 4.1etiqueta: chk conteúdo

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 #32 O layout do sítio Web é adaptável a plataformas móveis sem necessidade de efetuar varrimento horizontal

    etiqueta: OKetiqueta: chk conteúdoetiqueta: 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 #36 Não existem elementos interativos acionados apenas com a passagem do rato (hover)

    etiqueta: OKetiqueta: R 5.1etiqueta: chk conteúdo

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 #34 Elementos interativos com dimensão inferior ao mínimo recomendado (44px)

    etiqueta: corrigidoetiqueta: chk conteúdoetiqueta: R 5.2

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 #33 Hierarquia visual insuficiente entre ações principais e elementos informativos

    etiqueta: R 5.3etiqueta: corrigidoetiqueta: chk conteúdo

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

etiqueta: OK

Lista de evidências recolhidas:

  • issue #37 Elementos gráficos interativos têm de aparentar ser clicáveis

    etiqueta: OKetiqueta: chk conteúdoetiqueta: R 5.4

Checklist Transação

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

Nível de conformidade:

  • Checklist Transação: 100.0% (5/5)
    • Requisitos avaliados: 13 (8 N/A excluídos, 5 aplicáveis)
    • Requisitos OK: 5
    • Requisitos NOK: 0
    • Requisitos N/A: 8

Requisito 1.1 - A sequência de tabulação entre campos segue a sequência de preenchimento

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

Lista de evidências recolhidas:

  • issue #54 A ordem de tabulação do formulário não segue a ordem lógica de preenchimento

    etiqueta: chk transaçãoetiqueta: melhoriaetiqueta: R 1.1

Requisito 1.2 - Os formulários com mais de 2 ecrãs de altura devem ser distribuídos por várias páginas

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #55 Não foram encontrados formulários com mais de 2 ecrãs no website

    etiqueta: N/Aetiqueta: chk transaçãoetiqueta: R 1.2

Requisito 1.3 - Os formulários com mais de uma página têm a sequência de passos ilustrada

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #56 Não foram encontrados formulários com mais de uma página

    etiqueta: R 1.3etiqueta: N/Aetiqueta: chk transação

Requisito 2.1 - O tamanho dos campos deve refletir o tamanho previsível dos dados

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

Lista de evidências recolhidas:

  • issue #57 O tamanho dos campos não reflete o tamanho previsível dos dados

    etiqueta: chk transaçãoetiqueta: melhoriaetiqueta: R 2.1

Requisito 2.2 - É usada revelação progressiva em vez de campos inativos

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #58 Não foram identificados formulários que utilizem revelação progressiva

    etiqueta: N/Aetiqueta: chk transaçãoetiqueta: R 2.2

Requisito 2.3 - As legendas dos campos são breves e claras

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

Lista de evidências recolhidas:

  • issue #60 Existem campos do formulário sem legenda

    etiqueta: chk transaçãoetiqueta: melhoriaetiqueta: R 2.3

  • issue #59 A interação com o campo faz a legenda desaparecer

    etiqueta: chk transaçãoetiqueta: corrigidoetiqueta: R 2.3

Requisito 2.4 - Campos obrigatórios devem ser claramente indicados como tal

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

Lista de evidências recolhidas:

  • issue #62 Há campos obrigatórios que não estão identificados programaticamente

    etiqueta: chk transaçãoetiqueta: melhoriaetiqueta: R 2.4

  • issue #61 Não há informação clara sobre o que é o asterisco nos campos de preenchimento obrigatório

    etiqueta: chk transaçãoetiqueta: melhoriaetiqueta: R 2.4

Requisito 3.1 - Em ações longas, o sistema deve indicar o que está a acontecer

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #1 Inexistência de ações longas

    etiqueta: N/Aetiqueta: chk transaçãoetiqueta: R 3.1

Requisito 3.2 - Deve ser confirmado o sucesso da transação/envio de informação

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #2 Inexistência de formulários com submissão de informação

    etiqueta: N/Aetiqueta: chk transaçãoetiqueta: R 3.2

Requisito 4.1 - A informação já introduzida deve poder ser corrigida a qualquer momento

etiqueta: OK

Lista de evidências recolhidas:

  • issue #3 A informação já introduzida pode ser corrigida a qualquer momento

    etiqueta: OKetiqueta: chk transaçãoetiqueta: R 4.1

Requisito 4.2 - As ações destrutivas nunca devem ser permanentes; deve ser sempre possível desfazer a operação

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #4 Não existem formulários que permitam ações destrutivas pelo utilizador

    etiqueta: N/Aetiqueta: chk transaçãoetiqueta: R 4.2

Requisito 4.3 - As mensagens de erro são claramente identificadas junto aos campos de origem

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #5 Inexistência de formulários que precisem de apresentar mensagens de erro

    etiqueta: N/Aetiqueta: R 4.3etiqueta: chk transação

Requisito 4.4 - As mensagens de erro devem mostrar os passos concretos para a resolução dos mesmos

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #6 Inexistência de formulários que precisem de apresentar mensagens de erro

    etiqueta: N/Aetiqueta: chk transaçãoetiqueta: R 4.4

Outras violações

etiqueta: N/A

Lista de evidências recolhidas:

  • issue #27 Não foi identificado campos obrigatórios no website

    etiqueta: N/A

Significado das etiquetas utilizadas