A expressão acessibilidade Web refere-se a prática inclusiva de fazer websites que possam ser utilizados por todas as pessoas, sejam elas portadoras de alguma necessidade especial ou não. Quando os sites são corretamente concebidos, desenvolvidos e editados, todos os usuários podem ter igual acesso à informação e funcionalidade.
As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.0 definem a forma de como tornar o conteúdo da Web mais acessível para pessoas com deficiência. A acessibilidade abrange uma vasta gama de deficiências, incluindo visual, auditiva, física, de fala, intelectual, de linguagem, de aprendizagem e neurológica. Embora estas diretrizes cubram uma ampla diversidade de situações, elas não são capazes de abordar as necessidades das pessoas com todos os tipos, graus e combinações de deficiências. Estas diretrizes tornam também o conteúdo da Web mais acessível por pessoas idosas, cujas habilidades estão em constante mudança devido ao envelhecimento, e muitas vezes melhoram a usabilidade para usuários em geral.
As WCAG 2.0 foram desenvolvidas através do processo WCAG (em inglês) em colaboração com pessoas e organizações em todo o mundo, com o objetivo de fornecer um padrão compartilhado referente à acessibilidade do conteúdo da Web, que vá ao encontro das necessidades das pessoas, das organizações e dos governos em nível internacional. As WCAG 2.0 baseiam-se nas WCAG 1.0 [WCAG10] e foram concebidas para serem largamente aplicadas às diferentes tecnologias atuais e futuras da Web, e para serem testáveis com uma combinação de testes automáticos e avaliação humana. Para uma introdução as WCAG, consulte a Descrição Geral das Diretrizes de Acessibilidade para Conteúdo Web (em inglês).
A acessibilidade na Web depende não só do conteúdo acessível, como também de navegadores web acessíveis e outros agentes de usuário. Ferramentas de autoria também desempenham um papel importante para a acessibilidade na Web. Para uma descrição geral sobre como estes componentes de desenvolvimento web e interação funcionam em conjunto, consulte:
Esta página mostra como a acessibilidade na web depende de vários componentes trabalhando juntos e como melhorias em componentes específicos podem melhorar substancialmente a acessibilidade na web.
Ele fornece a base para a compreensão dos diferentes padrões de acessibilidade desenvolvidos pela W3C Web Accessibility Initiative (WAI).
É essencial que vários componentes diferentes de desenvolvimento e interação web trabalhem juntos para que a web seja acessível a pessoas com deficiência. Esses componentes incluem:
conteúdo - as informações em uma página da Web ou aplicativo da Web, incluindo:
informações naturais, como texto, imagens e sons
código ou marcação que define a estrutura, apresentação, etc.
navegadores da web, players de mídia e outros “agentes de usuário”
tecnologia assistiva , em alguns casos - leitores de tela, teclados alternativos, interruptores, software de digitalização, etc.
conhecimento dos usuários , experiências e, em alguns casos, estratégias adaptativas usando a web
desenvolvedores - designers, codificadores, autores, etc., incluindo desenvolvedores com deficiência e usuários que contribuem com conteúdo
ferramentas de autoria - software que cria sites
ferramentas de avaliação - ferramentas de avaliação de acessibilidade web, validadores de HTML, validadores de CSS, etc.
Os desenvolvedores da Web geralmente usam ferramentas de autoria e ferramentas de avaliação para criar conteúdo da Web .
As pessoas (“ usuários ”) usam navegadores da web, players de mídia, tecnologias assistivas ou outros “ agentes de usuário ” para obter e interagir com o conteúdo .
Imagem de Michael Duffy, de: Essential Components of Web Accessibility. SL Henry, ed. Copyright W3C ® (MIT, ERCIM, Keio, Beihang). w3.org/WAI/fundamentals/components/
Existem interdependências significativas entre os componentes; ou seja, os componentes devem trabalhar juntos para que a web seja acessível. Por exemplo, para texto alternativo em imagens:
especificações técnicas abordam texto alternativo (por exemplo, HTML define o atributo de texto alternativo ( alt) do elemento de imagem ( img))
Diretrizes WAI ( WCAG, ATAG, UAAG descritas abaixo ) - definem como implementar texto alternativo para acessibilidade nos diferentes componentes
os desenvolvedores fornecem o texto alternativo apropriado
ferramentas de autoria permitem, facilitam e promovem o fornecimento de texto alternativo em uma página da web
ferramentas de avaliação são usadas para ajudar a verificar se existe texto alternativo
agentes de usuário fornecem interface humana e máquina para o texto alternativo
tecnologias assistivas fornecem interface humana para o texto alternativo em várias modalidades
os usuários sabem como obter o texto alternativo de seu agente de usuário e/ou tecnologia assistiva conforme necessário
Quando os recursos de acessibilidade são efetivamente implementados em um componente, os outros componentes têm maior probabilidade de implementá-los.
Imagem de Michael Duffy, de: Essential Components of Web Accessibility. SL Henry, ed. Copyright W3C ® (MIT, ERCIM, Keio, Beihang). w3.org/WAI/fundamentals/components/
Quando navegadores da Web, players de mídia, tecnologias assistivas e outros agentes de usuário oferecem suporte a um recurso de acessibilidade, é mais provável que os usuários o solicitem e que os desenvolvedores o implementem em seu conteúdo .
Quando os desenvolvedores desejam implementar um recurso de acessibilidade em seu conteúdo , é mais provável que exijam que sua ferramenta de autoria facilite a implementação.
Quando as ferramentas de autoria facilitam a implementação de um recurso, é mais provável que os desenvolvedores o implementem em seu conteúdo .
Quando um recurso de acessibilidade é implementado na maioria dos conteúdos , é mais provável que desenvolvedores e usuários exijam que os agentes de usuário o suportem.
Se um recurso de acessibilidade não for implementado em um componente, haverá pouca motivação para que os outros componentes o implementem quando isso não resultar em uma experiência de usuário acessível. Por exemplo, é improvável que os desenvolvedores implementem um recurso de acessibilidade que as ferramentas de autoria não suportam e que a maioria dos navegadores ou tecnologias assistivas não implementam de forma consistente.
A acessibilidade da Web depende de vários componentes que funcionam juntos. Alguns deles incluem:
Conteúdo da Web - refere-se a qualquer parte de um site, incluindo texto, imagens, formulários e multimídia, bem como qualquer código de marcação, scripts, aplicativos e outros.
Agentes de usuário - software que as pessoas usam para acessar conteúdo da Web, incluindo navegadores gráficos de desktop, navegadores de voz, navegadores de telefones celulares, players de multimídia, plug-ins e algumas tecnologias assistivas .
Ferramentas de autoria - software ou serviços que as pessoas usam para produzir conteúdo da Web, incluindo editores de código, ferramentas de conversão de documentos, sistemas de gerenciamento de conteúdo, blogs, scripts de banco de dados e outras ferramentas.
As alternativas de texto são equivalentes para conteúdo não textual. Exemplos incluem:
Equivalentes curtos para imagens, incluindo ícones, botões e gráficos
Descrição dos dados representados em gráficos, diagramas e ilustrações
Breves descrições de conteúdo não textual, como arquivos de áudio e vídeo
Rótulos para controles de formulário, entrada e outros componentes da interface do usuário
As alternativas de texto transmitem o propósito de uma imagem ou função para fornecer uma experiência de usuário equivalente. Por exemplo, uma alternativa de texto apropriada para um botão de pesquisa seria “ pesquisar ” em vez de “ lente de aumento ”.
As alternativas de texto podem ser apresentadas de várias maneiras. Por exemplo, eles podem ser lidos em voz alta para pessoas que não podem ver a tela e para pessoas com dificuldades de leitura, ampliados para tamanhos de texto personalizados ou exibidos em dispositivos braille. As alternativas de texto servem como rótulos para controles e funcionalidades para auxiliar a navegação pelo teclado e a navegação por reconhecimento de voz (entrada de fala). Eles também atuam como rótulos para identificar áudio, vídeo e arquivos em outros formatos, bem como aplicativos incorporados como parte de um site.
As pessoas que não podem ouvir áudio ou ver vídeo precisam de alternativas. Exemplos incluem:
Transcrições de texto e legendas para conteúdo de áudio, como gravações de uma entrevista de rádio
Descrições de áudio, que são narrações para descrever detalhes visuais importantes em um vídeo
Interpretação em linguagem de sinais de conteúdo de áudio, incluindo experiências auditivas relevantes
Transcrições de texto bem escritas contendo a sequência correta de qualquer informação auditiva ou visual fornecem um nível básico de acessibilidade e facilitam a produção de legendas e audiodescrições.
Para que os usuários possam alterar a apresentação do conteúdo, é necessário que:
Cabeçalhos, listas, tabelas, campos de entrada e estruturas de conteúdo são marcados corretamente
Sequências de informações ou instruções são independentes de qualquer apresentação
Navegadores e tecnologias assistivas fornecem configurações para personalizar a apresentação
Atender a esse requisito permite que o conteúdo seja lido corretamente em voz alta, ampliado ou adaptado para atender às necessidades e preferências de diferentes pessoas. Por exemplo, ele pode ser apresentado usando combinações de cores personalizadas, tamanho do texto ou outro estilo para facilitar a leitura. Esse requisito também facilita outras formas de adaptação, incluindo a geração automática de esboços de página e resumos para ajudar as pessoas a obter uma visão geral e a se concentrar em partes específicas com mais facilidade.
O conteúdo distinguível é mais fácil de ver e ouvir. Tal conteúdo inclui:
A cor não é usada como a única forma de transmitir informações ou identificar conteúdo
As combinações padrão de cores de primeiro plano e plano de fundo fornecem contraste suficiente
Quando os usuários redimensionam o texto em até 400% ou alteram o espaçamento do texto, nenhuma informação é perdida
O texto reflui em pequenas janelas (“viewports”) e quando os usuários aumentam o texto
Imagens de texto são redimensionáveis, substituídas por texto real ou evitadas sempre que possível
Os usuários podem pausar, parar ou ajustar o volume do áudio reproduzido em um site
O áudio de fundo está baixo ou pode ser desligado para evitar interferência ou distração
Atender a esse requisito ajuda a separar o primeiro plano do plano de fundo, para tornar as informações importantes mais distinguíveis. Isso inclui considerações para pessoas que não usam tecnologias assistivas e para pessoas que usam tecnologias assistivas que podem observar interferência de conteúdo de áudio ou visual proeminente em segundo plano. Por exemplo, muitas pessoas com daltonismo não usam nenhuma ferramenta específica e confiam em um design adequado que forneça contraste de cores suficiente entre o texto e o plano de fundo ao redor. Para outros, o áudio reproduzido automaticamente pode interferir na conversão de texto em fala ou nos dispositivos de escuta assistida (ALDs) .
Muitas pessoas não usam o mouse e dependem do teclado para interagir com a Web. Isso requer acesso por teclado a todas as funcionalidades, incluindo controles de formulário, entrada e outros componentes da interface do usuário.
A acessibilidade do teclado inclui:
Todas as funcionalidades disponíveis pelo mouse também estão disponíveis pelo teclado
O foco do teclado não fica preso em nenhuma parte do conteúdo
Navegadores da Web, ferramentas de autoria e outras ferramentas fornecem suporte ao teclado
Atender a esse requisito ajuda os usuários de teclado, incluindo pessoas que usam teclados alternativos, como teclados com layouts ergonômicos, teclados na tela ou dispositivos de comutação. Também ajuda as pessoas que usam o reconhecimento de voz (entrada de voz) para operar sites e ditar texto por meio da interface do teclado.
Algumas pessoas precisam de mais tempo do que outras para ler e usar o conteúdo. Por exemplo, algumas pessoas precisam de mais tempo para digitar texto, entender instruções, operar controles ou concluir tarefas em um site.
Exemplos de fornecer tempo suficiente incluem fornecer mecanismos para:
Parar, estender ou ajustar os limites de tempo, exceto quando necessário
Pausar, parar ou ocultar conteúdo em movimento, piscando ou rolando
Adiar ou suprimir interrupções, exceto quando necessário
Reautentique quando uma sessão expirar sem perder dados