Mais de 96 por cento dos websites mais visitados têm falhas de acessibilidade detetáveis na página inicial. Este número vem do estudo anual de acessibilidade da WebAIM, que testa milhões de páginas todos os anos. O design de websites acessíveis não é o comportamento por defeito. Tem de ser construído de propósito, e na maioria dos websites de empresas não foi.
O design de websites acessíveis significa estruturar e construir um website para que pessoas com deficiência consigam percebê-lo, navegá-lo e interagir com ele de forma eficaz. Isto inclui pessoas com deficiência visual que usam leitores de ecrã, pessoas com deficiência motora que navegam com o teclado em vez do rato, pessoas com perda de audição que precisam de legendas em áudio e vídeo, e pessoas com deficiência cognitiva que beneficiam de esquemas claros e coerentes.
A acessibilidade não é uma funcionalidade acrescentada no fim da construção. É um conjunto de decisões de design e de desenvolvimento, tomadas ao longo de todo o processo, que determinam se todos os visitantes, e não só os que não têm deficiência, conseguem usar o site.
Que visitantes serve o design de websites acessíveis?
A Organização Mundial da Saúde estima que mais de 1,3 mil milhões de pessoas vivem com alguma forma de deficiência. Isso é cerca de 16 por cento da população mundial. Desenhar para a acessibilidade é desenhar para uma parte significativa do teu público potencial.
Os benefícios vão além dos utilizadores com deficiências permanentes. Um visitante que usa o telemóvel sob sol forte tem a visibilidade reduzida. Alguém com uma lesão temporária pode navegar com o teclado. Um utilizador que vê um vídeo num ambiente ruidoso precisa de legendas para acompanhar. As melhorias de acessibilidade servem tanto as limitações temporárias e situacionais como as permanentes. Um website construído para ser acessível funciona melhor para uma gama muito mais ampla de pessoas.
Há também uma dimensão legal. Em muitos países, incluindo os Estados Unidos, as empresas são obrigadas por lei a dar acesso igual aos seus serviços. Os websites já foram alvo de processos por falta de acessibilidade, e o número de ações legais sobre acessibilidade web tem crescido de forma constante todos os anos. O artigo sobre como tornar o teu website conforme com a ADA explica o que os requisitos legais significam na prática para os websites de empresas.
Quais são as normas de acessibilidade WCAG?
As Web Content Accessibility Guidelines, conhecidas como WCAG, são as normas de acessibilidade web reconhecidas internacionalmente. Publicadas pelo World Wide Web Consortium, as WCAG definem três níveis de conformidade. O nível A é o mínimo de base. O nível AA é a norma referida na maioria dos quadros legais e o objetivo prático para os websites de empresas. O nível AAA é o mais completo e raramente é exigido em todo um site.
As WCAG organizam-se em torno de quatro princípios fundamentais, referidos pelo acrónimo POUR (em inglês).
Percetível
Todo o conteúdo deve ser apresentado de forma que os utilizadores o consigam perceber. As alternativas em texto para as imagens permitem que os leitores de ecrã descrevam o conteúdo visual a quem não o consegue ver. As legendas e as transcrições tornam o áudio e o vídeo acessíveis a pessoas com perda de audição. Um contraste de cor suficiente garante que o texto é legível para pessoas com baixa visão ou daltonismo.
Operável
Todas as funcionalidades devem poder ser operadas com o teclado, e não só com o rato ou o ecrã tátil. A navegação deve ser previsível. Os utilizadores devem ter tempo suficiente para ler e interagir com o conteúdo sem pressão de tempo. Deve evitar-se ou controlar-se o conteúdo intermitente que possa desencadear convulsões.
Compreensível
O conteúdo e a navegação devem ser legíveis e compreensíveis. O idioma da página deve ser declarado, para que os leitores de ecrã apliquem as regras de pronúncia corretas. As mensagens de erro nos formulários devem explicar o que correu mal e como corrigir. A navegação deve comportar-se de forma coerente entre páginas, para os utilizadores preverem onde estarão os controlos.
Robusto
O conteúdo deve funcionar de forma fiável com as tecnologias de apoio atuais e futuras. Isto significa usar HTML válido e semântico, para que os leitores de ecrã e outras ferramentas interpretem corretamente a estrutura da página. Os botões devem ser codificados como botões. Os títulos devem seguir uma hierarquia lógica, em vez de serem escolhidos só pelo tamanho visual. O artigo sobre o que é a hierarquia visual explica como a estrutura dos títulos e o peso visual funcionam em conjunto numa página.
Quais são os problemas de acessibilidade mais comuns num website?
A análise de acessibilidade da WebAIM identifica seis tipos de falhas que aparecem na esmagadora maioria das páginas testadas. A falta de texto alternativo nas imagens é a mais frequente. O contraste de cor baixo entre o texto e o fundo é a segunda. A falta de etiquetas nos formulários, as ligações vazias, a falta de declaração do idioma do documento e os botões vazios completam a lista.
Nos websites de empresas, os pontos de partida práticos são os textos alternativos para todas as imagens com significado, contraste suficiente em todos os elementos de texto, etiquetas claras em cada campo de formulário e uma estrutura de títulos lógica em cada página.
A acessibilidade da navegação é outra lacuna comum. Os menus pendentes que só se ativam ao passar o rato falham para os utilizadores de teclado. As ligações que dizem "clica aqui" ou "ler mais" sem contexto à volta falham para os utilizadores de leitores de ecrã que navegam pela lista de ligações. O artigo sobre o que é a navegação de um website explica como construir uma navegação que funcione com todos os métodos de entrada e dispositivos.
Como se testa a acessibilidade de um website?
As ferramentas automáticas conseguem identificar rapidamente uma grande parte das falhas de acessibilidade. As extensões de navegador que analisam as páginas segundo os critérios das WCAG mostram problemas de contraste, texto alternativo em falta e problemas de estrutura, sem qualquer configuração técnica. Fazer uma análise automática é um primeiro passo razoável e apanha os problemas mais comuns na maioria das páginas.
Os testes automáticos têm limites. Não conseguem avaliar de forma fiável se o texto alternativo é descritivo, se a ordem de leitura faz sentido quando o CSS é removido, ou se os elementos interativos funcionam bem com um leitor de ecrã. É necessário fazer testes manuais para uma auditoria completa. Navegar pelas páginas principais de um site usando só o teclado, sem tocar no rato, é uma verificação rápida que revela de imediato problemas de operabilidade.
Para uma auditoria completa, testar com tecnologia de apoio real é a abordagem mais fiável. Os leitores de ecrã estão disponíveis em todos os principais sistemas operativos sem custo, e percorrer as páginas importantes de um site com um deles ativo expõe problemas que as ferramentas automáticas deixam passar por completo.
Como afeta a acessibilidade o SEO?
Muitas práticas de acessibilidade apoiam diretamente o SEO. O texto alternativo nas imagens dá contexto aos motores de busca, que não conseguem interpretar conteúdo visual. Uma estrutura de títulos lógica ajuda os motores de busca a perceber como a página está organizada. Um texto de ligação descritivo dá aos motores de busca um texto âncora com significado, em vez de frases genéricas. As páginas navegáveis por teclado e estruturalmente limpas tendem a ter melhor desempenho nos sinais de experiência do utilizador em geral.
A sobreposição não é acidental. Tanto a acessibilidade como o SEO tratam, no fundo, de tornar o conteúdo disponível e compreensível para uma gama mais ampla de utilizadores e sistemas. As melhorias numa beneficiam muitas vezes o outro. O artigo sobre o que é o SEO explica como os motores de busca avaliam a qualidade das páginas e onde as práticas de acessibilidade se cruzam com os sinais de classificação.
Como trata a WEMASY a acessibilidade
O criador de websites da WEMASY gera HTML semântico e aplica as estruturas de títulos por uma ordem lógica. Há campos de texto alternativo para todas as imagens, para que as descrições possam ser acrescentadas sem editar código. Os modelos são construídos segundo as normas de contraste de cor WCAG AA, por isso o design por defeito passa sem ajustes manuais. A navegação por teclado e as áreas de toque no telemóvel são tratadas pela plataforma, sem exigirem configuração separada.
Vê o que está incluído no criador de websites da WEMASY ou consulta os planos na página de preços.
Perguntas frequentes
A acessibilidade de um website é um requisito legal?
Nos Estados Unidos, o Americans with Disabilities Act exige que as empresas deem acesso igual aos seus serviços, e os tribunais e o Departamento de Justiça confirmaram que isto se estende aos websites. A Diretiva de Acessibilidade Web da União Europeia e o Ato Europeu da Acessibilidade impõem requisitos semelhantes. O panorama legal varia consoante o país e o tipo de negócio, mas, para qualquer empresa que sirva o público, tratar a acessibilidade como opcional traz risco legal. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
Qual é a diferença entre WCAG A, AA e AAA?
As WCAG têm três níveis de conformidade. O nível A cobre os requisitos mínimos que todo o conteúdo web deve cumprir. O nível AA acrescenta critérios mais específicos sobre contraste de cor, acessibilidade por teclado e tratamento de erros nos formulários. É o nível referido na maioria dos quadros legais e o objetivo prático para os websites de empresas. O nível AAA é o mais completo e, em geral, não é exigido como norma obrigatória para tudo, porque alguns critérios não podem ser cumpridos em todos os tipos de conteúdo.
Tornar um website acessível torna-o mais lento?
Não. Acrescentar texto alternativo, melhorar a estrutura dos títulos e aumentar o contraste de cor não têm efeito no tempo de carregamento da página. Algumas adições de acessibilidade, como as transcrições de conteúdo de vídeo, envolvem ficheiros extra, mas as práticas essenciais de acessibilidade que se aplicam à maioria dos websites de empresas são alterações de estrutura e de texto que não custam desempenho.
Que parte de um website tem de ser acessível?
Toda. A acessibilidade aplica-se a todas as páginas a que um visitante possa chegar, incluindo páginas de produto, formulários de contacto, processos de pagamento e quaisquer documentos para descarregar. Uma página inicial que passa nos testes de acessibilidade enquanto um formulário de contacto falha continua a ser uma experiência inacessível para quem precisa dela. As auditorias de acessibilidade devem cobrir todo o percurso do utilizador nas tarefas principais que um visitante possa fazer, e não só a primeira página.
O que é uma declaração de acessibilidade?
Uma declaração de acessibilidade é uma página que descreve o nível atual de conformidade de acessibilidade de um website, identifica as limitações conhecidas e dá um contacto aos utilizadores que encontrem problemas. É uma medida de transparência e não um escudo legal. Muitos regulamentos de acessibilidade exigem ou recomendam uma, e sinaliza aos utilizadores com deficiência que a acessibilidade foi considerada. Uma declaração é mais útil quando se mantém atualizada e reflete o estado real do site.