Relatório Avaliação de Candidatura
Câmara Municipal de Vila Franca do Campo

Introdução

O website https://cmvfc.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 aspetos30.0% (6/20)etiqueta: Não passa
Conteúdo41.2% (7/17)etiqueta: Não passa
Transação25.0% (2/8)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: 30.0% (6/20)
    • Requisitos avaliados: 27 (7 N/A excluídos, 20 aplicáveis)
    • Requisitos OK: 6
    • Requisitos NOK: 14
    • Requisitos N/A: 7

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 #30 Lista construída com atributos inapropriados

    etiqueta: R 1.1etiqueta: chk 10 webetiqueta: NOK
  • evidência: issue #29 As opções do menu principal não estão estruturadas como lista

    etiqueta: R 1.1etiqueta: chk 10 webetiqueta: NOK
  • evidência: issue #28 As opções do rodapé não estão estruturadas como lista

    etiqueta: R 1.1etiqueta: chk 10 webetiqueta: 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 #32 O menu está definido como nav de forma inapropriada

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 1.2
  • evidência: issue #31 Não é possível identificar quando o menu está aberto ou fechado

    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:

  • evidência: issue #33 O texto alternativo do menu está inapropriado

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 1.3

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #64 Ausência de título principal marcado com o elemento h1

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 2.1

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:

  • evidência: issue #66 Não foram identificadas tabelas com necessidade de marcação de cabeçalhos

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

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

etiqueta: N/A

Lista de evidências recolhidas:

  • evidência: issue #67 Não foram identificadas tabelas com necessidade de legenda

    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:

  • evidência: issue #36 A etiqueta não está visível

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 4.1
  • evidência: issue #35 Etiqueta estruturada com link

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 4.1
  • evidência: issue #34 Existem campos que não possuem etiqueta

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 4.1

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:

  • evidência: issue #39 As mensagens de erro são exibidas uma de cada vez

    etiqueta: R 4.3etiqueta: chk 10 webetiqueta: NOK

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 #24 (Melhoria) Imagem decorativa com texto alternativo indevido

    etiqueta: melhoriaetiqueta: R 5.1etiqueta: chk 10 web
  • evidência: issue #23 Imagem não decorativa sem nome acessível

    etiqueta: R 5.1etiqueta: chk 10 webetiqueta: NOK

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #22 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:

  • evidência: issue #17 Imagens-link com textos alternativos incorretos

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

Lista de evidências recolhidas:

  • evidência: issue #25 Contraste insuficiente entre a cor do texto e a cor de fundo

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

  • evidência: issue #71 Ausência de legendas ou disponibilização exclusiva de legendas automáticas

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 7.2

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #42 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:

  • evidência: issue #44 Hiperligações não estão estruturadas como lista

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.3
  • evidência: issue #43 Carossel construído de forma inapropriada

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.3

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #8 Carrossel de notícias desaparece com o CSS desativado

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.4

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

etiqueta: N/A

Lista de evidências recolhidas:

  • evidência: issue #7 Não existem conteúdos com layout organizado em elementos de tabela

    etiqueta: N/Aetiqueta: chk 10 webetiqueta: 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: N/A

Lista de evidências recolhidas:

  • evidência: issue #18 Quando a caixa de diálogo é aberta, o foco move-se para um elemento dentro da caixa de diálogo

    etiqueta: N/Aetiqueta: 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: N/A

Lista de evidências recolhidas:

  • evidência: issue #19 O foco deve ficar limitado a caixa de diálogo.

    etiqueta: N/Aetiqueta: chk 10 webetiqueta: 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: N/A

Lista de evidências recolhidas:

  • evidência: issue #20 A caixa de diálogo tem de ter um mecanismo que permita sair ou fechar a caixa

    etiqueta: N/Aetiqueta: 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: N/A

Lista de evidências recolhidas:

  • evidência: issue #21 Ao fechar a caixa de diálogo, o foco deve retornar ao elemento que o acionou

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

Checklist Conteúdo

etiqueta: NOK

Nível de conformidade:

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

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 #54 Não existe um resumo do propósito do site na homepage

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #45 R 1.2 - Conteúdo -Não existe um glossário para termos complexos

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: 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 #9 Blocos de conteúdo sem data de atualização associada ou com apresentação inadequada

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 1.3

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:

  • evidência: issue #46 O corpo de texto tem um tamanho inferior a 12pt (equivalente a 16px)

    etiqueta: NOKetiqueta: R 2.1etiqueta: chk conteúdo

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 #51 Não é percetível qual a posição atual do utilizador através do menu

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 3.2

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:

  • evidência: issue #11 Páginas com conteúdo extenso sem índice de hiperligações

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

Lista de evidências recolhidas:

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

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 4.2

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:

  • evidência: issue #15 Elementos interativos com área clicável inferior à dimensão mínima recomendada de 44px CSS (44 pontos), vertical e horizontal

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

Lista de evidências recolhidas:

  • evidência: issue #14 Botões de ação principal sem destaque visual adequado

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: 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 #16 Elementos interativos com contraste insuficiente relativamente ao fundo

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 5.4

Checklist Transação

etiqueta: NOK

Nível de conformidade:

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

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:

  • evidência: issue #56 Não foram encontrados formulários com mais de 2 ecrãs no website

    etiqueta: chk transaçãoetiqueta: N/Aetiqueta: 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:

  • evidência: issue #57 Não foram encontrados formulários com mais de uma página

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #58 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: N/A

Lista de evidências recolhidas:

  • evidência: issue #59 Não foram identificados formulários que utilizem revelação progressiva

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #61 Há campos com a legenda em inglês

    etiqueta: chk transaçãoetiqueta: R 2.3etiqueta: melhoria
  • evidência: issue #60 Existem campos do formulário sem legenda

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #63 Uso incorreto do atributo required

    etiqueta: chk transaçãoetiqueta: melhoriaetiqueta: R 2.4
  • evidência: issue #62 Não há informação clara sobre o que é o asterisco nos campos de preenchimento obrigatório

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

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

etiqueta: N/A

Lista de evidências recolhidas:

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

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #2 Impossibilidade de avaliar o feedback após submissão devido a erro no processamento do formulário

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

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:

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

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #5 Mensagem de erro apresentada em tooltip sem associação ao campo

    etiqueta: chk transaçãoetiqueta: R 4.3etiqueta: 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:

  • evidência: issue #6 Mensagens de erro sem o formato esperado e validação que aceita formatos inválidos

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

Outras violações

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

Lista de evidências recolhidas:

  • evidência: issue #53 Outras violações - Elementos em inglês numa página em português e botão não visível

    etiqueta: melhoriaetiqueta: outras violações
  • evidência: issue #38 Outras Violações - URL apresentada por extenso no conteúdo da página

    etiqueta: melhoriaetiqueta: outras violações
  • evidência: issue #37 Outras violações - A página "Áreas de atuação" não tem conteúdo útil

    etiqueta: melhoriaetiqueta: outras violações

Significado das etiquetas utilizadas