Introdução à Acessibilidade Web
A acessibilidade web é sobre criar conteúdo web, design e ferramentas que podem ser usados por todos.
O Que É Acessibilidade Web?
Todos nós já passamos pela irritação de sites que carregam devagar, forçar a vista em fontes mal projetadas, ou pelo desespero de tentar navegar em páginas que não funcionam bem no celular. Embora esses problemas possam ser um pequeno inconveniente para nós, para pessoas com deficiência, eles podem ser verdadeiras barreiras que impedem o uso da web.
A acessibilidade web é a necessidade de que os sites utilizem ferramentas e tecnologias desenvolvidas para auxiliar a percepção, compreensão, contribuição, navegação e interação de pessoas com deficiência no site. Integrar a acessibilidade pode parecer intimidador para quem está começando a se familiarizar com o tema, mas é um elemento fundamental da experiência do usuário. A acessibilidade deve ser incorporada nos processos de desenvolvimento e design web, ao invés de tentar adaptá-la posteriormente como uma reflexão tardia.
Tipos de Deficiência
Visual
Deficiências visuais incluem cegueira, baixa visão e daltonismo.
Audição
Deficiências auditivas incluem perda auditiva e surdez.
Neurológicas
Deficiências neurológicas envolvem os sistemas nervosos central e periférico, incluindo epilepsia, doença de Alzheimer, doença de Parkinson, entre outras.
Cognitiva
Deficiências cognitivas incluem deficiências de atenção, lógica e aprendizado.
Motor
Deficiências motoras incluem controle motor fino limitado, lentidão muscular e dificuldade ou incapacidade de usar as mãos.
Por Que a Acessibilidade Web É Importante?
De acordo com o relatório mundial sobre deficiências de 2023 da Organização Mundial da Saúde (OMS), 16% da população mundial apresenta algum tipo de deficiência, que pode ser física, cognitiva ou neurológica. As taxas de deficiência tendem apenas a aumentar devido ao envelhecimento populacional e ao crescimento de condições de saúde crônicas.
1,3 Bilhão
Da população mundial vive com alguma deficiência
Pessoas com deficiência devem ter acesso às mesmas informações que aquelas sem deficiência. Felizmente, existem tecnologias disponíveis para reduzir ou eliminar as barreiras ao acesso digital. A disponibilização desses recursos garante que todos, independentemente da idade, capacidade física ou mental, possam usar a internet e ter uma boa experiência na web.
Além de tornar a internet um lugar mais inclusivo para todos, uma boa estratégia de acessibilidade também traz benefícios comerciais. A acessibilidade é um componente do design e desenvolvimento que abrange quase todos os elementos da criação de um site. Ela se conecta com aspectos como designs responsivos, independência de dispositivos, interação multimodal, usabilidade, SEO, e muito mais. Sites acessíveis podem ter melhores resultados nos mecanismos de busca, custos de manutenção reduzidos, maior alcance de público e demonstram responsabilidade social corporativa. Ter um site bem projetado e acessível não apenas o torna disponível para pessoas com deficiência, mas também pode melhorar significativamente a experiência do usuário para todos os visitantes do seu site.
Alcance Seus Públicos e Melhore o ROI
Marcas americanas que não priorizam acessibilidade estão perdendo até US$ 6,9 bilhões anuais para seus concorrentes. Não é apenas uma questão de conformidade; a acessibilidade é um catalisador para criar experiências digitais mais envolventes e produtivas para TODOS os usuários.
Neste vídeo, a CMO da Acquia, Jennifer Griffin Smith, apresenta estratégias essenciais para expandir sua base de clientes, melhorar a satisfação do cliente e fidelidade à marca, e aumentar a receita.
Padrões de Acessibilidade
As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) foram desenvolvidas pelo World Wide Web Consortium (W3C) com o propósito de estabelecer uma série de diretrizes internacionalmente compartilhadas que regem os padrões de acessibilidade de conteúdo web para tornar sites, dispositivos e conteúdo acessíveis a usuários com deficiências. Conteúdo sob as WCAG refere-se ao conteúdo web, que são as informações em uma página web ou aplicação web, incluindo:
- Informações naturais como texto, imagens e sons
- Código ou marcação que define estrutura, apresentação, etc.
Existem atualmente três versões das WCAG aplicadas: WCAG 2.0, 2.1 e 2.2. A WCAG 2.0 foi publicada em 2008 e tornou-se um padrão ISO em 2012. A WCAG 2.1 foi publicada em 2018, e a WCAG 2.2 foi publicada em 2023. Todos os requisitos ("critérios de sucesso") da 2.0 estão incluídos na 2.1, com alguns critérios de sucesso adicionais na 2.1, e a WCAG 2.2 amplia ainda mais esses critérios com ainda mais critérios de sucesso. No entanto, as diretrizes são retrocompatíveis, o que significa que o conteúdo que está em conformidade com a WCAG 2.2 também está em conformidade com a WCAG 2.1 e WCAG 2.0.
As WCAG formam a base da maior parte da legislação sobre acessibilidade ao redor do mundo. Legislações como o Título III da Lei Americana de Pessoas com Deficiência (ADA) e a Lei de Acessibilidade para Ontarianos com Deficiência (AODA) adotam as WCAG no nível AA como o padrão mínimo de conformidade. Alguns países fazem referências indiretas às WCAG. O Padrão Europeu EN 301 549 para a Diretiva de Acessibilidade Web da UE, por exemplo, não estabelece explicitamente sua adoção das WCAG, mas inclui todos os requisitos das diretrizes.
Os critérios de sucesso das WCAG são categorizados em três níveis de conformidade: Nível A, AA e AAA.
Nível A
Este abrange os requisitos mais básicos de recursos de acessibilidade e é o grau mínimo de acessibilidade que deve ser satisfeito. O não cumprimento deste nível resultará em um site completamente inacessível.
Nível AA
Este nível aborda algumas das barreiras mais comuns de acesso para pessoas com deficiências. Este é o nível mais alto de conformidade exigido pela maioria dos sites, pois garante que as maiores barreiras de acessibilidade sejam removidas.
Nível AAA
Este é o nível mais alto de acessibilidade sob as WCAG e é mais difícil de ser alcançado pela maioria dos sites. Alcançar este nível é desejável, mas geralmente não necessário.
Os Quatro Princípios da Acessibilidade
Os princípios de acessibilidade web são os fundamentos do conteúdo produzido para a web e para qualquer pessoa que deseje usar a web. A ausência de qualquer um desses quatro princípios resulta em experiências web inacessíveis para usuários com deficiência. O acrônimo POUR descreve os princípios da acessibilidade funcional.
Perceptível
As informações e componentes da interface do usuário devem ser apresentados aos usuários de maneiras que eles possam perceber.
Operável
Os componentes da interface do usuário e a navegação devem ser operáveis.
Compreensível
As informações e o funcionamento da interface do usuário devem ser compreensíveis.
Robusto
O conteúdo deve ser robusto o suficiente para que possa ser interpretado de forma confiável por uma ampla variedade de agentes de usuário, incluindo tecnologias assistivas.
Scanner de Acessibilidade para PDFs
Identifique e corrija problemas de acessibilidade em PDFs na plataforma Acquia Web Governance.
Os Componentes da Acessibilidade Web
A acessibilidade web é um aspecto que abrange todos os elementos de um site. Os diferentes componentes do site devem ser interconectados e complementares entre si para criar um site funcional e disponível para o benefício de pessoas com deficiências. Esses componentes incluem:
- Conteúdo
O conteúdo compreende as informações em uma página web ou aplicações web, como texto, imagens e sons; ou o código, script ou marcação que define a estrutura, apresentação, etc. do site. - Agentes de Usuário
Os agentes de usuário são os navegadores web, navegadores de telefones celulares, players de mídia, plug-ins, tecnologia assistiva e outros softwares que atuam em nome de um usuário. - Ferramentas de Autoria
Este é o software que cria sites, como editores de código, sistemas de gerenciamento de conteúdo, blogs, etc. - Ferramentas de Avaliação
Ferramentas para ajudá-lo a revisar a eficácia dos seus atributos de acessibilidade e auxiliar no acompanhamento dos seus esforços de correção.
Exemplos de Acessibilidade Web
Adicionar texto alternativo (alt text) para imagens: Isso pode ser feito adicionando uma descrição do texto na marcação/código. O texto alternativo é usado por leitores de tela e outras tecnologias assistivas para ler as informações das imagens em voz alta para pessoas com deficiências visuais. O texto alternativo também é benéfico para usuários da web que têm suas imagens desligadas devido à baixa largura de banda e é um recurso valioso para otimização de mecanismos de busca. O texto alternativo deve ser conciso e descritivo.
Exemplos de texto alternativo bom e ruim
Ruim: Uma fotografia de filhotes
Bom: Três filhotes de Labrador sentados em uma cesta
Para imagens que são puramente decorativas, use texto alternativo nulo (img alt="").
Garantir funcionalidade do teclado: Para pessoas com deficiências motoras, deficiências motoras finas ou deficiências temporárias como dedos quebrados, usar um mouse para navegar pode ser difícil. As pessoas devem conseguir usar um site através de outros meios, como um teclado. Para sites acessíveis, toda funcionalidade está disponível através do teclado. Os usuários podem navegar pelo conteúdo usando a tecla tab ou usar tecnologia assistiva que imita o padrão de navegação do teclado.
Fornecer transcrições para áudio: Para aqueles com deficiências auditivas, arquivos de áudio como clipes sonoros, podcasts e vídeos são inacessíveis. Ter uma transcrição do conteúdo de áudio permite que pessoas com deficiências auditivas o consumam.
Conformidade e Legislação
Existem diferentes padrões e regulamentações de acessibilidade web em diversos países. Aqui estão alguns exemplos das leis e diretrizes mais relevantes ao redor do mundo.
Global
WCAG
As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) são o padrão internacional de acessibilidade estabelecido pelo World Wide Web Consortium (W3C).
Estados Unidos
ADA
Sob o Título III do Americans with Disabilities Act, todas as áreas de acomodação pública, incluindo websites, devem ser acessíveis para todos os usuários.
Estados Unidos
Seção 508
A Seção 508 da Lei de Reabilitação de 1973 exige que as agências federais dos Estados Unidos garantam que suas tecnologias eletrônicas e da informação sejam acessíveis.
Canadá
AODA
A Lei de Acessibilidade para Ontarianos com Deficiência de 2005 (AODA) é aplicada em Ontário para identificar, remover e prevenir barreiras para pessoas com deficiência e inclui acessibilidade web.
Europa
Diretiva de Acessibilidade Web da UE
A UE publicou a Diretiva de Acessibilidade Web da UE para padronizar e harmonizar a estrutura em torno da acessibilidade web e móvel de organizações do setor público.
Europa
EAA
A Lei de Acessibilidade Europeia (EAA) é uma diretiva da UE que exige que os estados membros da UE legislem sobre acessibilidade tanto online quanto offline, fornecendo uma estrutura de regras de acessibilidade comuns para o mercado.
Austrália
DDA Australiano
A Lei de Discriminação por Deficiência de 1992 (DDA) da Austrália protege pessoas com deficiência contra discriminação em diferentes áreas da vida pública, incluindo o fornecimento de informações e serviços online através da web.
Europa
Regulamentações de Acessibilidade para Órgãos Públicos do Reino Unido
As Regulamentações de Acessibilidade para Órgãos do Setor Público do Reino Unido de 2018 tornam obrigatória a acessibilidade de websites e aplicativos móveis.
Como Criar um Site Acessível
A acessibilidade depende da colaboração dos componentes mencionados. Aqui estão algumas diretrizes básicas sobre como garantir que a interface e o desenvolvimento do seu site sejam criados com foco na acessibilidade.
Os princípios a seguir, que descrevem soluções de acessibilidade, são desenvolvidos e validados pela Iniciativa de Acessibilidade Web (WAI) do W3C, em conformidade com os padrões WCAG.
Alternativas de texto: Use alternativas de texto para transmitir o contexto e a finalidade do conteúdo visual. As alternativas de texto convertem as informações do conteúdo visual em texto eletrônico que pode ser apresentado na forma que melhor atenda às necessidades do usuário. Exemplos incluem gravações de áudio do texto, ampliação do tamanho das fontes ou a opção de o texto ser lido em dispositivos braille.
Fornecendo transcrições e legendas para conteúdo de áudio: Embora a multimídia proporcione aos usuários uma experiência mais rica e diversificada na web, ela pode ser limitante para pessoas com deficiências auditivas ou visuais. Fornecer transcrições em texto e legendas para conteúdo de áudio ou adicionar interpretação em língua de sinais pode ajudar a criar experiências mais acessíveis.
Apresentação do conteúdo: O conteúdo deve ser apresentado em diferentes formatos e os usuários devem poder alterar a apresentação do conteúdo. Exemplos de múltiplas apresentações de conteúdo incluem permitir opções para que o conteúdo seja lido em voz alta, exibir conteúdo em combinações de cores personalizadas, usar contrastes de cores corretos e criar conteúdo compatível com dispositivos móveis.
Evite conteúdo que pisca, é baseado em tempo ou que é reproduzido automaticamente: A percepção e compreensão de conteúdo não são iguais para todos. Alguns usuários podem precisar de mais tempo para ler instruções, digitar ou concluir tarefas em um site. É importante ajustar elementos sensíveis ao tempo em um site e usar conteúdo dinâmico que não interrompa, pause, pisque ou role automaticamente. Conteúdo animado que pisca em certas frequências também pode ser prejudicial a pessoas com fotossensibilidade. É melhor evitar esse tipo de conteúdo ou apresentar um aviso antecipadamente.
Navegação acessível: A navegação é um elemento essencial da experiência do usuário e criar um site com conteúdo bem organizado pode proporcionar aos usuários com deficiência uma oportunidade igual de vivenciar o site completamente de acordo com suas necessidades. Alguns aspectos importantes a considerar em relação à navegação acessível é compreender como os usuários interagem com estruturas do site, como menus hierárquicos, caixas de pesquisa e mapas do site.
Torne o conteúdo de texto legível e compreensível: O conteúdo de texto deve ser legível e compreensível em todos os formatos de apresentação. O nível de compreensão do texto deve ser apresentado para atender ao público mais amplo possível, de forma que seja inclusivo para pessoas com deficiências de aprendizagem e cognitivas. Fornecer medidas para garantir que ajudemos os usuários a evitar e corrigir erros também é essencial. Isso pode ajudar pessoas que não conseguem ver ou ouvir o conteúdo ou que podem não reconhecer relações implícitas, sequências e outras pistas em elementos da web.
Faça o conteúdo aparecer e funcionar de maneira previsível: Certifique-se de que o conteúdo do seu site siga um padrão e interface consistentes e previsíveis. Um design consistente pode ajudar os usuários a aprenderem rapidamente como navegar no site e seguir padrões previsíveis para alcançar determinados objetivos.
Exiba uma declaração de acessibilidade: Demonstre seu compromisso com os esforços de acessibilidade web aos seus clientes e partes interessadas incluindo uma declaração de acessibilidade em seu site. Uma declaração de acessibilidade deve incluir as diretrizes e padrões de acessibilidade que seu site seguirá, incluindo o nível pretendido de acessibilidade, informações de contato caso os visitantes encontrem problemas com a acessibilidade do site, e o reconhecimento de quaisquer exceções aos padrões baseadas nas limitações do site. Você pode usar um gerador de declaração de acessibilidade para criar rapidamente uma declaração completa e compatível.
| Quem se beneficia da acessibilidade web? |
|---|
|
Todos se beneficiam da acessibilidade. Além de permitir que pessoas com deficiência acessem a web, muitos padrões de acessibilidade web se alinham com boas práticas de SEO. Por exemplo, as Diretrizes do Google para Webmasters descrevem práticas como garantir atributos alt e title descritivos, verificar se o HTML está correto e oferecer um mapa do site aos usuários. Todos esses aspectos (e muitos outros) também são importantes para a acessibilidade. A acessibilidade web também melhora a experiência do usuário e o controle de qualidade. Acessibilidade significa criar um site que proporcione uma boa experiência para todos, independentemente de como precisem acessar a internet. Quando você garante uma boa experiência para usuários com deficiência, pode ter certeza de que a experiência geral do seu site e sua qualidade irão melhorar.
|
| A acessibilidade web é uma exigência legal? |
|---|
|
Sim. Muitos países possuem legislação de acessibilidade web em vigor, seja fazendo referência às WCAG ou com padrões baseados nas WCAG, como o padrão europeu de acessibilidade web EN 301 549. Consulte nossa seção de conformidade e legislação para mais informações.
|
| Como saber se meu site está em conformidade com a ADA? |
|---|
|
A acessibilidade web está contemplada no Título III da ADA, que estabelece que o acesso igualitário a informações e serviços deve ser garantido em todas as áreas de acomodação pública (hotéis, escolas, restaurantes, academias, varejistas, bibliotecas, consultórios médicos, etc.). Sites são considerados locais de acomodação pública e qualquer barreira de acesso no site constitui violação desta lei. Embora a ADA não possua seus próprios padrões técnicos para definir a conformidade com acessibilidade web, os muitos casos judiciais resultantes de ações movidas sob a ADA fizeram referência ao WCAG 2.0 nível AA e, posteriormente, ao WCAG 2.1, como parâmetro para padrões de conformidade. Portanto, para que seu site esteja em conformidade com a ADA, ele também deve estar, no mínimo, em conformidade com o WCAG 2.0 nível AA. Para descobrir os níveis de conformidade de acessibilidade web do seu site, você pode solicitar uma verificação gratuita do site da Monsido. Saiba mais sobre conformidade com a ADA
|
| Posso ser processado se meu site não for acessível? |
|---|
|
Sim, você pode. Se o seu país tem diretrizes legais específicas para acessibilidade web, então deixar de fornecer um site acessível pode resultar em processo judicial. Em 2020, mais de 3.000 processos foram movidos nos EUA por violação da ADA. Evite qualquer ação legal contra o seu site implementando acessibilidade web de forma adequada e desde o início. Leia este blog sobre como evitar processos judiciais por acessibilidade web.
|
Identify Your Website’s Biggest Issues
Find out if you're delivering the best possible web experience for your visitors.
