O que são as WCAG?
WCAG, ou Diretrizes de Acessibilidade para o Conteúdo da Web, é uma norma internacional desenvolvida pelo W3C (World Wide Web Consortium). O seu objetivo é garantir que os sítios Web e os conteúdos digitais são acessíveis a todos os utilizadores, incluindo pessoas com deficiência.
A versão atual, WCAG 2.1, baseia-se nas versões anteriores e inclui recomendações adicionais para dispositivos móveis e utilizadores com deficiências cognitivas ou de baixa visão.
Quatro princípios das WCAG
As WCAG assentam em quatro princípios fundamentais, frequentemente recordados através do acrónimo POUR:
Percetível
As informações devem ser apresentadas de forma a que os utilizadores as possam perceber, independentemente das suas capacidades sensoriais. Isto inclui fornecer texto alternativo para imagens e garantir que o conteúdo é acessível com leitores de ecrã.
Exemplos:
- Apresenta alternativas de texto para qualquer conteúdo não textual;
- Fornecer uma forma alternativa de CAPTCHA que produza o código CAPTCHA como áudio;
- Fornecer legendas e transcrições que possam ser lidas por um leitor de ecrã e um leitor de braille para áudio e vídeo;
- Fornece descrições áudio adicionais quando o áudio do vídeo é insuficiente para descrever o que está a acontecer no ecrã;
- Utiliza etiquetas de cabeçalho para estabelecer a hierarquia do conteúdo;
- Criar conteúdos responsivos: os utilizadores não devem ficar presos a uma visualização específica, devem poder rodar o seu dispositivo entre paisagem e retrato;
- Utiliza um contraste suficiente entre a cor do texto e os fundos;
- Utiliza cores e ícones para mostrar mensagens de erro e de sucesso;
- O áudio de fundo deve ser 20 decibéis mais baixo do que as vozes faladas para não interferir com o diálogo;
Operável
Os componentes da interface do utilizador e a navegação devem ser utilizáveis. Por exemplo, todas as funcionalidades devem ser acessíveis através de um teclado e os conteúdos devem evitar desenhos que possam provocar convulsões.
Exemplos:
- Disponibiliza todas as funcionalidades a partir de um teclado;
- Os utilizadores podem abrir e fechar modais e pop-ups sem a utilização de um rato ou touchpad;
- Todos os visitantes do sítio Web devem ter tempo suficiente para ler e utilizar o conteúdo da página;
- Emite uma mensagem de aviso antes de um utilizador ser desligado devido a inatividade;
- Dá a opção de adicionar mais tempo ao executar acções sensíveis ao tempo;
- Adiciona ícones de pausa/paragem a um carrossel que se reproduz automaticamente;
- Não conceba conteúdos que possam causar convulsões, evite animações que pisquem mais de 3 vezes por segundo;
- Fornece formas de ajudar os utilizadores a navegar, encontrar conteúdos e determinar quando estão;
- Todas as páginas devem ter um título relativo ao conteúdo da página;
- Utiliza a navegação por “breadcrumb” quando existem vários níveis de páginas aninhadas;
- Evitar texto de ligação ambíguo, como “clica aqui” ou “sabe mais”;
Compreensível
O comportamento do conteúdo e da interface deve ser claro e previsível. Isto significa utilizar uma linguagem simples e garantir que os utilizadores possam compreender e utilizar facilmente o sítio Web.
Exemplos:
- Torna o conteúdo do texto legível e compreensível;
- Evita o jargão técnico;
- Define o atributo lang na etiqueta html ( <html lang=”en”>);
- Os elementos globais, como o cabeçalho, a navegação e o rodapé, são os mesmos em todas as páginas;
- Os links de navegação são os mesmos em todas as páginas e sempre na mesma ordem;
- Utiliza uma linguagem consistente ao rotular as coisas;
- Fornece etiquetas para todas as entradas e exemplos (espaços reservados) se os dados tiverem de ser formatados de uma determinada forma;
- Quando um formulário é preenchido incorretamente, fornece instruções sobre como corrigir o erro;
- Dá mensagens de sucesso/erro quando um formulário é submetido;
- Dá aos utilizadores uma segunda oportunidade para confirmar ou cancelar uma ação, especialmente quando essa ação é irreversível;
Robustez
O conteúdo deve ser interpretado de forma fiável por uma vasta gama de dispositivos e tecnologias de apoio, tanto agora como no futuro.
Exemplos:
- Maximiza a compatibilidade com agentes de utilizador actuais e futuros, incluindo tecnologias de assistência;
- Escreve HTML semântico e válido;
- Utilizar ARIA para alargar o HTML quando necessário;
- Incorporar testes de acessibilidade no teu processo de construção;
13 diretrizes e 78 critérios de sucesso
Cada um dos quatro princípios inclui várias diretrizes – 13 no total. Estas diretrizes são apoiadas por critérios de sucesso – requisitos específicos e testáveis que ajudam a determinar se um sítio Web cumpre as normas de acessibilidade.
As WCAG 2.1 incluem 78 critérios de sucesso, organizados em três níveis de conformidade:
Nível A – Requisitos básicos, tem de ser ajustado
Nível AA – Recomendado para a maioria dos sítios Web
Nível AAA – Nível mais elevado, difícil de cumprir em todo o conteúdo
Para a maioria dos sítios Web, o objetivo de conformidade com o nível AA das WCAG 2.1 é um objetivo forte e realista.
Porque é que as WCAG são importantes
As WCAG fornecem um quadro estruturado e reconhecido internacionalmente para a criação de conteúdos digitais acessíveis. Baseado em quatro princípios – Percetível, Operável, Compreensível e Robusto – inclui 13 diretrizes e 78 critérios de sucesso que ajudam a garantir que o teu site é utilizável por todos.
Seguir as WCAG ajuda-te a:
- Tornar os sítios Web utilizáveis por pessoas com várias deficiências (visuais, motoras, cognitivas, etc.)
- Melhorar a experiência geral do utilizador
- Cumpre as leis de acessibilidade em muitos países
- Melhorar o SEO e preparar o teu conteúdo para as novas tecnologias