Coder Social home page Coder Social logo

kit-selo's Introduction

Selo de Usabilidade e Acessibilidade

Nota prévia: caso encontre algum problema com o presente documento que nos queira reportar, use, por favor, o endereço de correio eletrónico: [email protected].

Índice

Introdução

O Selo de Usabilidade e Acessibilidade destina-se principalmente às entidades que estão obrigadas ao cumprimento da Lei n.º 36/2011, de 21 de junho, a qual estabelece a adoção de normas abertas nos sistemas informáticos do Estado. Na sequência desta legislação surgiu o Regulamento Nacional de Interoperabilidade Digital (RNID). O último diploma que alterou a legislação que estabelece o RNID (Lei n.º 36/2011, de 21 de junho e Resolução do Conselho de Ministros n.º 2/2018, de 5 de janeiro) foi o Decreto-Lei n.º 83/2018, de 19 de outubro. Neste diploma estabelecem-se os requisitos de acessibilidade dos sítios web e das aplicações móveis de organismos públicos de todos os Estados-Membros da União Europeia. Os requisitos de acessibilidade encontram-se na Norma Europeia EN301549. O grupo-alvo do RNID está definido como:

«Artigo 2.º
Âmbito de aplicação

  1. A presente lei aplica-se às seguintes entidades:
    1. a) Estado;
    2. b) Regiões Autónomas;
    3. c) Institutos públicos;
    4. d) Entidades administrativas independentes;
    5. e) Fundações públicas;
    6. f) Associações públicas;
    7. g) Entidades do setor público empresarial.
  2. No que se refere à acessibilidade dos sítios web e das aplicações móveis, a presente lei aplica-se igualmente às seguintes entidades:
    1. a) Autarquias locais;
    2. b) Organizações Não Governamentais que prestam serviços essenciais ao público ou que prestam serviços que visam especificamente responder às necessidades das pessoas com deficiência ou que lhes são diretamente dirigidos;
    3. c) Instituições de ensino superior, estabelecimentos de educação pré-escolar e de educação escolar, públicos e privados com financiamento público, no que se refere ao conteúdo relativo a funções administrativas essenciais por via eletrónica.»
Redação introduzida na Lei n.º 36/2011 pelo DL n.º 83/2018, de 19 de outubro

Como se observa da enumeração anterior, para além do setor público, há um alargamento a alguns setores privados. O cumprimento dos requisitos prescritos pelo Selo de Usabilidade e Acessibilidade é fator de qualidade dos conteúdos e dos serviços disponibilizados em linha, pelo que todos os setores estão convidados à sua adoção.

O Selo está estruturado em três níveis, correspondendo a 3 etapas de esforço diferenciadas. Cada uma destas etapas é chancelada por um Selo. O Selo Bronze chancela a conformidade para com os requisitos de nível básico. Ao nível intermédio corresponde o Selo Prata e ao nível mais elevado corresponde o Selo Ouro. Os requisitos aplicáveis a cada nível são cumulativos com os requisitos dos níveis que o antecedem - por exemplo, para obter o Selo Ouro, é necessário adicionar ao relatório com os testes com utilizadores, os requisitos definidos para o Selo Bronze e para o Selo Prata.

O Selo de Usabilidade e Acessibilidade é também ele um instrumento pedagógico. A lista de requisitos não é exaustiva e dela fazem parte aspetos que os estudos têm relevado serem críticos e que respondem a preocupações funcionais práticas dos utilizadores. Para o caso das pessoas com deficiências ou incapacidades a seleção dos requisitos levou em conta o princípio básico de "antes de usar é preciso aceder", significando isto que é importante eliminar todo o tipo de barreiras que impedem estes utilizadores - utilizadores de tecnologias de apoio - de aceder aos serviços e à informação disponibilizada na Internet. Só depois de aceder podemos falar de usabilidade.

Processo de Candidatura

A AMA elaborou os requisitos a observar para a obtenção de cada um dos Selos - Bronze, Prata, Ouro - numa lógica de prática corrente, diária, a usar pelas equipas de desenvolvimento e de edição de conteúdos. As checklists não são para serem usadas apenas no momento da candidatura ao Selo. As listas de requisitos e todo o trabalho efetuado para a sua verificação - ferramentas utilizadas, estudos efetuados, etc. -, devem ir engrossando a compilação de evidências anexas à Declaração de Acessibilidade. São as evidências que sustentam a declaração - conforme, parcialmente conforme, não conforme - tornada pública na Declaração de Acessibilidade.

Para preencher a Declaração de Acessibilidade, a AMA criou uma ferramenta que permite gerar a Declaração de acordo com o modelo definido na legislação - use o gerador da Declaração de Acessibilidade e Usabilidade. A Declaração deve ficar publicada na pasta /acessibilidade do sítio web (i.e. www.dominio_do_site.pt/acessibilidade).

A Declaração de Acessibilidade e Usabilidade é, ela própria, o formulário de candidatura. Ela é tudo o que precisa para se candidatar ao Selo. Basta ir à página de Candidatura do sitio web do Selo e dizer-nos em que endereço se encontra a Declaração e qual é o Selo a que pretende candidatar-se: bronze. prata ou ouro. A equipa da AMA dará início á validação da informação constante da Declaração e dar-lhe-á retorno via correio eletrónico.

Níveis de Classificação

O Selo de Usabilidade e Acessibilidade está estruturado em 3 níveis de classificação, correspondendo a 3 níveis de esforço distintos:

  • O nível 1, o mais básico, corresponde ao Selo Bronze;
  • O nível 2, o intermédio, corresponde ao Selo Prata;
  • O nível 3, o mais exigente em termos de esforço, corresponde ao Selo Ouro.

Requisitos Selo Bronze

Para a atribuição do Selo Bronze, a Declaração de Acessibilidade e Usabilidade deve declarar que o sítio web está "plenamente conforme" para com os requisitos de acessibilidade constantes do DL n.º 83/2018 e anexar evidências que comprovem, no mínimo:

  1. A existência de uma avaliação automática às práticas de acessibilidade de uma amostra de páginas feita por um validador de acessibilidade que comprove a inexistência de violações de conformidade nível 'AA' das WCAG 2.1 do W3C. A amostra deve, no mínimo, contemplar a primeira página e todas as páginas, pertencentes ao domínio, diretamente hiperligadas a esta, e;
  2. A existência da checklist "10 aspetos críticos de acessibilidade funcional", com evidências compiladas que demonstrem a satisfação dos requisitos constantes da checklist, e;
  3. A existência da checklist "Conteúdo", com evidências compiladas que demonstrem a satisfação dos requisitos constantes da checklist.

Aviso: para o primeiro ano de operação do Selo de Usabilidade e Acessibilidade considera-se "plenamente conforme" se, no mínimo:

  • da avaliação automática recolhida no AccessMonitor resultar nota 9 em todas as páginas da amostra, e;
  • da avaliação manual efetuada às duas checklists resultar um grau de satisfação de 75% dos requisitos existentes em cada uma delas.

Requisitos Selo Prata

Para a atribuição do Selo Prata, a Declaração de Acessibilidade e Usabilidade deve declarar que o sítio web está "plenamente conforme" para com os requisitos de acessibilidade constantes do DL n.º 83/2018 e anexar evidências que comprovem, no mínimo:

  1. Responder ao esquema de conformidade do Selo Bronze, e;
  2. A existência da checklist "Transação", com evidências compiladas que demonstrem a satisfação dos requisitos constantes da checklist.

Aviso: para o primeiro ano de operação do Selo de Usabilidade e Acessibilidade considera-se "plenamente conforme" se, no mínimo:

  • da avaliação automática recolhida no AccessMonitor resultar nota 9 em todas as páginas da amostra, e;
  • da avaliação manual efetuada às três checklists resultar um grau de satisfação de 75% dos requisitos existentes em cada uma delas.

Requisitos Selo Ouro

Para a atribuição do Selo Ouro, a Declaração de Acessibilidade e Usabilidade deve declarar que o sítio web está "plenamente conforme" para com os requisitos de acessibilidade constantes do DL n.º 83/2018 e anexar evidências que comprovem, no mínimo:

  1. Responder ao esquema de conformidade do Selo Prata, e;
  2. A existência de um relatório dos testes levados a efeito com utilizadores - testes de usabilidade.

Os testes de usabilidade devem contemplar uma amostra de, no mínimo, 6 participantes, com um grupo composto por 2 pessoas com deficiência, de uma das tipologias constante da EN301549, e 4 pessoas sem deficiência.

Algumas notas a observar na realização dos testes de usabilidade

1. Protocolo de testes adequado

O teste deve focar-se nas principais funções do sítio web e ser comum a todos os utilizadores. No caso de utilizadores com deficiência ou incapacidades, o protocolo deve ser aplicado no seu local habitual de utilização, usando as suas tecnologias de apoio com as configurações personalizadas pelo próprio participante.

2. Protocolo de testes sem viés

O teste procurará não influenciar as opções do utilizador e não deverá fornecer pistas sobre a realização das tarefas. Sempre que apropriado deve ser solicitado aos participantes que verbalizem o que estão a pensar enquanto desempenham a sua tarefa no sítio web.

Sugere-se a criação de um número reduzido de tarefas, na ordem das 3 a 4 tarefas, que permita a realização expectável da sessão não superior a 1 hora.

3. Autorizações e registos das sessões

A entidade deve solicitar autorização por escrito aos participantes e, sempre que apropriado, deve efetuar registos vídeo ou áudio das sessões.

4. Relatório final com observações e recomendações

O relatório final a incluir na Declaração de Acessibilidade deve conter:

  • Caracterização dos participantes, incluindo as pessoas com deficiência (experiência de uso, faixas etárias, tipologias de incapacidades, tecnologias de apoio utilizadas, ...).
  • Metodologia e material de registo utilizado.
  • Guião das tarefas realizadas.
  • Resultados obtidos:
    • taxas de sucesso na execução das tarefas;
    • tempos de execução das tarefas (eficiência);
    • barreiras encontradas;
    • estratégias de navegação;
    • grau de satisfação dos utilizadores para com o sítio web;
  • Principais recomendações e lições aprendidas.
  • Correções efetuadas à luz das recomendações e lições aprendidas.

Condições de atribuição e afixação do Selo

Período de Atribuição

A atribuição do Selo é válida por um período de 12 meses. Contudo, se se verificar que o sítio web sofreu uma alteração profunda o Selo será revogado.

Método de Aplicação

Após a atribuição do Selo, pode afixar o mesmo usando o seguinte código HTML:

<a href="https://selo.usabilidade.gov.pt">
   <img alt="Selo Ouro de Usabilidade e Acessibilidade"
        src="/caminho-para-a-imagem/ouro.svg">
</a>

A entidade tem completa liberdade para afixar o Selo de Usabilidade e Acessibilidade em qualquer página ou páginas do sítio Web e nestas selecionar a posição que considerar mais apropriada. A única obrigatoriedade é que o Selo surja, pelo menos, na página de entrada do sítio Web.

Caducidade do Selo

As entidades podem renovar o Selo por igual período de 12 meses remetendo à AMA um processo composto de evidências atualizadas à data da renovação. Caso a entidade opte por não renovar o Selo, o mesmo caduca e será solicitado à entidade que retire o código que o afixa no respetivo sítio web.

Anexos

Formato SVG do Selo Usabilidade e Acessibilidade

Todos os selos que se encontram abaixo estão em formato SVG, o formato vetorial gráfico do W3C. Na prática, é possível escalar qualquer um destes gráficos sem perda de resolução - pode ter um pequeno ícone ou um gráfico do tamanho de um múpi. Para os descarregar, basta selecionar a imagem e com o menu contextual (botão direito do rato) selecionar "guardar como".

Para cada nível existem 4 versões do selo. Pode optar por afixar aquela que melhor se adequa ao seu design.

Versões do Selo Ouro

selo vertical com fundo dourado e letra a branco com a expressão Selo Ouro
selo vertical com fundo dourado e letra a branco com a expressão Selo Ouro, Usabilidade & Acessibilidade
selo horizontal com fundo dourado e letra a branco com a expressão Selo Ouro e, com fundo branco e letra cinzenta a expressão Selo de Usabilidade & Acessibilidade
selo horizontal com fundo dourado e letra a branco com a expressão Selo Ouro, Selo de Usabilidade & Acessibilidade

Versoões do Selo Prata

selo vertical com fundo prata e letra a branco com a expressão Selo Prata, Usabilidade & Acessibilidade
selo vertical com fundo prata e letra a branco com a expressão Selo Prata
selo horizontal com fundo dourado e letra a branco com a expressão Selo Prata e, com fundo branco e letra cinzenta a expressão Selo de Usabilidade & Acessibilidade
selo horizontal com fundo prata e letra a branco com a expressão Selo Prata, Selo de Usabilidade & Acessibilidade

Versões do Selo Bronze

selo vertical com fundo bronze e letra a branco com a expressão Selo Bronze, Usabilidade & Acessibilidade
selo vertical com fundo bronze e letra a branco com a expressão Selo Bronze
selo horizontal com fundo bronze e letra a branco com a expressão Selo bronze e, com fundo branco e letra cinzenta a expressão Selo de Usabilidade & Acessibilidade
selo horizontal com fundo bronze e letra a branco com a expressão Selo Bronze, Selo de Usabilidade & Acessibilidade

kit-selo's People

Contributors

cmccardoso avatar eupsama avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

kit-selo's Issues

Refererência desnecessária a software específico

Ao especificar o Adobe Reader, em particular, na checklist de acessibilidade:

Usando a aplicação Adobe Reader, é possível, no mínimo, efetuar uma cópia do texto do documento PDF e passar o respetivo conteúdo para um processador de texto sem perda de informação?

O texto leva a crer que o uso específico dessa aplicação é necessário para cumprir aquele requisito. Sendo o PDF uma norma aberta, o teste para a sua acessibilidade, por um lado, não depende do uso de um software em específico, e, por outro lado, não se cinge ao funcionamento da função de cópia nesse mesmo software.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.