Relatório Avaliação de Candidatura
Abrigo Municipal de Machico

Introdução

O website https://abrigomunicipal.cm-machico.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 aspetos26.1% (6/23)etiqueta: Não passa
Conteúdo29.4% (5/17)etiqueta: Não passa
Transação11.1% (1/9)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.

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: 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: 26.1% (6/23)
    • Requisitos avaliados: 27 (4 N/A excluídos, 23 aplicáveis)
    • Requisitos OK: 6
    • Requisitos NOK: 17
    • Requisitos N/A: 4

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 #41 O menu e o rodapé não estão estruturados como lista ul li

    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:

  • evidência: issue #45 Não é possível identificar qual opção contém subopções com o leitor de ecrã e visualmente

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 1.2
  • evidência: issue #43 Os menus de navegação estão incorretamente estruturados como área de navegação

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 1.2
  • evidência: issue #42 O menu está construído de forma inapropriada

    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 #44 As imagens do menu principal não têm texto alternativo

    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 #63 Utilização de um título h1 genérico nas páginas do portal Abrigo Municipal | Machico

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 2.1
  • evidência: issue #57 Utilização de dois elementos h1 na mesma página

    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 #59 Não foram identificadas tabelas

    etiqueta: chk 10 webetiqueta: N/Aetiqueta: 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 #60 Não foram identificadas tabelas

    etiqueta: chk 10 webetiqueta: N/Aetiqueta: 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 #66 Existem campos sem etiquetas associadas

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 4.1
  • evidência: issue #65 Existem etiquetas associadas a controlos escondidos das tecnologias de apoio

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 4.1

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:

  • evidência: issue #68 Campos obrigatórios não reconhecidos por leitores de ecrã

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

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 4.2

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 #70 existem campos sem mensagens de erro na vizinhança

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 4.3
  • evidência: issue #69 Existem mensagens de erro apresentadas entre a etiqueta e o campo

    etiqueta: chk 10 webetiqueta: NOKetiqueta: 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 #15 Imagem não decorativa com texto alternativo incorreto ou insuficiente

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

    etiqueta: chk 10 webetiqueta: melhoriaetiqueta: R 5.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #9 Imagem link com texto alternativo incorreto

    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 #22 Texto normal não tem contraste suficiente

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

Lista de evidências recolhidas:

  • evidência: issue #23 Textos grandes não têm contraste suficiente

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

Lista de evidências recolhidas:

  • evidência: issue #61 Não foram encontrados players no website

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

Lista de evidências recolhidas:

  • evidência: issue #62 Não foram encontrados players no website

    etiqueta: chk 10 webetiqueta: N/Aetiqueta: 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 #8 Filtros de pesquisa expostos ao leitor de ecrã antes de estarem visíveis

    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 #33 Slider estruturado semanticamente como lista sem representar uma coleção de conteúdos

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.3
  • evidência: issue #32 Card com duplicação de links para o mesmo conteúdo

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.3
  • evidência: issue #31 Seletor de idioma com estrutura semântica inadequada e controlos redundantes

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.3
  • evidência: issue #28 Modal sem papel semântico de diálogo e sem nome acessível

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.3
  • evidência: issue #11 Ausência de landmarks semânticos

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

    etiqueta: chk 10 webetiqueta: NOKetiqueta: R 8.3

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

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

Lista de evidências recolhidas:

  • evidência: issue #19 O foco não fica limitado a caixa de diálogo

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

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: 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 #21 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

Checklist Conteúdo

etiqueta: NOK

Nível de conformidade:

  • Checklist Conteúdo: 29.4% (5/17)
    • Requisitos avaliados: 17 (17 aplicáveis)
    • Requisitos OK: 5
    • Requisitos NOK: 12

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 #13 Falta de resumo na página inicial do website

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 1.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #16 Falta de 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 #17 Páginas de adoção sem indicação da data de atualização do conteúdo

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

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 2.1
  • evidência: issue #24 O conteúdo do site fica desformatado em resoluções mais pequenas

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 2.1

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #26 Existem blocos de textos com mais de 100 caracteres por linha

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 2.3

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:

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

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

  • evidência: issue #47 A navegação principal do site está colapsada em desktop

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 3.2

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:

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

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 3.3

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 #36 Páginas extensas sem índice de navegação interna entre secções

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 4.1

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 #35 Elementos interativos com área clicável inferior à dimensão mínima recomendada de 44px CSS

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

    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 #39 Elementos interativos sem diferenciação visual clara ou comportamento consistente de interação

    etiqueta: NOKetiqueta: chk conteúdoetiqueta: R 5.4
  • evidência: issue #38 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: 11.1% (1/9)
    • Requisitos avaliados: 13 (4 N/A excluídos, 9 aplicáveis)
    • Requisitos OK: 1
    • Requisitos NOK: 8
    • Requisitos N/A: 4

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #49 Há campos que são ignorados quando se navega pelo teclado

    etiqueta: NOKetiqueta: R 1.1etiqueta: chk transação

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 #50 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:

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

    etiqueta: N/Aetiqueta: chk transaçãoetiqueta: 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 #52 O tamanho do campo “Nome do animal” não reflete o tamanho previsível dos dados

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #53 Campo principal (“Concelho”) está inativo

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #54 O texto placeholder está a substituir a label

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

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

etiqueta: NOK

Lista de evidências recolhidas:

  • evidência: issue #56 Campos obrigatórios não reconhecidos por leitores de ecrã

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

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

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

Lista de evidências recolhidas:

  • evidência: issue #4 Feedback após submissão não acessível

    etiqueta: NOKetiqueta: chk transaçãoetiqueta: 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 #72 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: NOK

Lista de evidências recolhidas:

  • evidência: issue #74 existem campos sem mensagens de erro na vizinhança

    etiqueta: NOKetiqueta: chk transaçãoetiqueta: R 4.3
  • evidência: issue #73 Existem mensagens de erro apresentadas entre a etiqueta e o campo

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

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 #75 Existem mensagens de erro que não ajudam na resolução do problema

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

Significado das etiquetas utilizadas