Relatório Avaliação de Candidatura
STCP - Sociedade de Transportes Colectivos do Porto E.I.M. S.A.

Introdução

O website https://stcp.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: NOK
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 aspetos24.0% (6/25)etiqueta: Não passa
Conteúdo23.5% (4/17)etiqueta: Não passa
Transação20.0% (2/10)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.

Avaliação automática

etiqueta: NOK

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: 24.0% (6/25)
    • Requisitos avaliados: 27 (2 N/A excluídos, 25 aplicáveis)
    • Requisitos OK: 6
    • Requisitos NOK: 19
    • Requisitos N/A: 2

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #55 As opções do rodapé não estão estruturadas como lista

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

Lista de evidências recolhidas:

  • issue #54 As opções do menu não apresentam uma indicação visual de que contêm subopções

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 1.2

  • issue #53 Não é possível navegar para a opção seguinte do menu sem percorrer as subopções (melhoria)

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 1.2

  • issue #52 O menu mobile não está acessível pelo teclado e leitor de ecrã

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 1.2

  • issue #51 O menu mobile não está definido como nav

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

Lista de evidências recolhidas:

  • issue #50 O texto alternativo do menu está inapropriado

    etiqueta: chk 10 webetiqueta: R 1.3etiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #81 Múltiplos cabeçalhos h1 com conteúdo repetido

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 2.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #80 Cabeçalhos vazios e hierarquia inadequada

    etiqueta: R 2.2etiqueta: chk 10 webetiqueta: NOK

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 #82 Não foram identificadas tabelas abrangidas pelo requisito

    etiqueta: R 3.1etiqueta: N/Aetiqueta: 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 #83 Não foram identificadas tabelas abrangidas pelo requisito

    etiqueta: N/Aetiqueta: chk 10 webetiqueta: 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 #49 A etiqueta visível não corresponde ao nome acessível

    etiqueta: chk 10 webetiqueta: R 4.1etiqueta: NOK

  • issue #48 As checkboxes não estão agrupadas por fieldset

    etiqueta: chk 10 webetiqueta: R 4.1etiqueta: NOK

  • issue #47 Existem campos que não possuem etiqueta associada

    etiqueta: chk 10 webetiqueta: R 4.1etiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #46 Não é possível identificar campos obrigatórios com o leitor de ecrã

    etiqueta: chk 10 webetiqueta: R 4.2etiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #45 As mensagens de erro são exibidas uma de cada vez

    etiqueta: R 4.3etiqueta: chk 10 webetiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #36 Imagem/gráfico não é acompanhado de uma descrição longa

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 5.2

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #26 Imagens-link com textos alternativos incorretos

    etiqueta: chk 10 webetiqueta: R 5.3etiqueta: NOK

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

Lista de evidências recolhidas:

  • issue #41 O texto dos elementos interativos possui contraste abaixo do recomendado

    etiqueta: melhoriaetiqueta: chk 10 webetiqueta: R 6.1

  • issue #39 Contraste insuficiente entre a cor do texto e a cor de fundo

    etiqueta: chk 10 webetiqueta: R 6.1etiqueta: NOK

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

Lista de evidências recolhidas:

  • issue #87 Contraste insuficiente entre o texto de tamanho grande e a cor de fundo

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

Lista de evidências recolhidas:

  • issue #85 Controlos dos leitores multimédia inacessíveis após o início da reprodução

    etiqueta: chk 10 webetiqueta: R 7.1etiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #58 Existem conteúdos que estão visíveis apenas para tecnologias de apoio

    etiqueta: chk 10 webetiqueta: R 8.2etiqueta: NOK

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 #63 Modal não está estruturada apropriadamente

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: NOK

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

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: NOK

  • issue #61 Faixa que exibe conteúdos automaticamente e não permite pausar

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: NOK

  • issue #60 Existem elementos que estão fora de landmarks

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: NOK

  • issue #59 Acordeões não estão construídos de forma apropriada

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: NOK

  • issue #40 A estrutura dos filtros das notícias não transmite a semântica de separadores com que são apresentados

    etiqueta: chk 10 webetiqueta: R 8.3etiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #13 Carrossel de notícias em destaque desaparece com o CSS desativado

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.4

  • issue #14 Ao retirar o CSS, não é possível identificar o significado dos elementos interativos

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.4

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:

  • issue #23 O foco não fica limitado a caixa de diálogo

    etiqueta: R 9.2etiqueta: chk 10 webetiqueta: NOK

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:

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

    etiqueta: chk 10 webetiqueta: R 9.4etiqueta: NOK

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 #86 Conteúdo textual não extraível dos ficheiros PDF

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 10.1

Outras violações (sem requisito especificado)

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

Lista de evidências recolhidas:

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

    etiqueta: melhoriaetiqueta: chk 10 webetiqueta: NOK

Checklist Conteúdo

etiqueta: NOK

Nível de conformidade:

  • Checklist Conteúdo: 23.5% (4/17)
    • Requisitos avaliados: 17 (17 aplicáveis)
    • Requisitos OK: 4
    • Requisitos NOK: 13

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:

  • issue #72 Não existe um resumo do propósito do site na homepage

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: R 1.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #64 Não existe um 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:

  • issue #33 Blocos de conteúdo sem data de atualização associada ou com apresentação inadequada

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #65 O corpo de texto tem um tamanho inferior a 12pt (equivalente a 16px)

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: 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 #66 A informação secundária têm um tamanho de letra inferior a 10pt (equivalente a 13px)

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #67 Existem blocos de textos com mais de 100 caracteres por linha

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #68 O espaçamento entre linhas está abaixo do recomendado

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: R 2.4

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #70 O menu de navegação não está disponível na versão mobile

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #71 As hiperligações não se diferenciam do texto envolvente

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

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 #37 Páginas com conteúdo extenso sem índice de hiperligações

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #29 Elementos interativos com dimensões inferiores ao mínimo recomendado de 44 × 44 px CSS.

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

Lista de evidências recolhidas:

  • issue #31 Botões de ação principal sem destaque visual adequado

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #30 Elementos gráficos interativos sem indicação visual clara de clicabilidade.

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: R 5.4

  • issue #28 Elementos interativos com contraste insuficiente relativamente ao fundo

    etiqueta: chk conteúdoetiqueta: NOKetiqueta: R 5.4

Checklist Transação

etiqueta: NOK

Nível de conformidade:

  • Checklist Transação: 20.0% (2/10)
    • Requisitos avaliados: 13 (3 N/A excluídos, 10 aplicáveis)
    • Requisitos OK: 2
    • Requisitos NOK: 8
    • Requisitos N/A: 3

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #73 Existem campos e elementos dos formulários que são ignorados quando se navega com o teclado (Tab e Shift+Tab)

    etiqueta: chk transaçãoetiqueta: NOKetiqueta: 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 #74 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 #75 Não foram encontrados formulários com mais de uma página

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

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

etiqueta: NOK

Lista de evidências recolhidas:

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

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #77 Há campos dependentes de outros campos que estão imediatamente visíveis, mas estão inativos

    etiqueta: R 2.2etiqueta: chk transaçãoetiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #78 Existem campos do formulário cuja legenda não é clara

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

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

etiqueta: NOK

Lista de evidências recolhidas:

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

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #21 Ao calcular o percurso, o indicador de carregamento não é comunicado aos leitores de ecrã

    etiqueta: R 3.1etiqueta: chk transaçãoetiqueta: NOK

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

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

Lista de evidências recolhidas:

  • issue #15 Mensagem de sucesso apresentada e anunciada após submissão

    etiqueta: melhoriaetiqueta: R 3.2etiqueta: chk transação

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 #19 Não existem formulários que permitam ações destrutivas pelo utilizador

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #17 Mensagens de erro não associadas aos respetivos campos

    etiqueta: R 4.3etiqueta: chk transaçãoetiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • issue #16 Mensagens de erro sem indicação dos passos para resolução

    etiqueta: chk transaçãoetiqueta: NOKetiqueta: R 4.4

Outras violações

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

Lista de evidências recolhidas:

  • issue #56 Outras violações - Na página de notícias, ao selecionar uma tag os cartões de notícias desconfigura o CSS

    etiqueta: melhoriaetiqueta: outras violações

  • issue #44 Outras violações - O link "Saltar para o conteúdo principal" não fica visível quando recebe foco

    etiqueta: melhoriaetiqueta: outras violações

  • issue #43 Outras Violações - Uso inadequado de overlays de acessibilidade

    etiqueta: melhoriaetiqueta: outras violações

  • issue #42 Outras violações - O botão "Voltar ao topo" apresenta-se junto a um elemento que não tem relação com ele e só tem uma seta como identificação

    etiqueta: melhoriaetiqueta: outras violações

  • issue #35 Outras violações - O nome do link não informa que vai ser direcionado para uma nova página

    etiqueta: melhoriaetiqueta: outras violações

Significado das etiquetas utilizadas