Projetar um site de carreiras com acessibilidade em mente adiciona a garantia de acesso igual, promove a diversidade e aprimora a experiência geral do candidato. Esta inclusão é essencial para atrair um conjunto diversificado de talentos. Ao incorporar práticas principais de acessibilidade e usabilidade ao design do site de carreiras, também conhecido como Design universal, você pode melhorar a experiência do usuário para todos os candidatos potenciais, facilitando a localização de informações relevantes, a inscrição em vagas e o engajamento com os recursos do site de carreiras sem exigir adaptação especial.
Criação do site de carreiras usando as diretrizes de acessibilidade
Objective
After completing this lesson, you will be able to crie o site usando diretrizes de acessibilidade.
Design de sites de carreira acessíveis
Diretrizes globais de acessibilidade
Muitos países seguem diretrizes gerais de acessibilidade para garantir que seus sites visem criar um ambiente online mais inclusivo para todos. As considerações incluem:
Leis de acessibilidade: Muitas partes do mundo aderem às leis de acessibilidade. Por exemplo, no Canadá, organizações privadas, públicas e sem fins lucrativos com mais de 50 funcionários devem garantir que seus sites sejam acessíveis.
Princípios de acessibilidade: As diretrizes de acessibilidade são organizadas em torno de quatro princípios: perceptível, operável, compreensível e robusto. Cada diretriz tem três níveis de acessibilidade: A, AA e AAA. Visite a Visão geral das diretrizes para saber mais: https://www.w3.org/WAI/standards-guidelines/wcag/
Diretrizes de Acessibilidade para Conteúdo da Web (WCAG): As WCAG são desenvolvidas por meio do processo W3C em cooperação com indivíduos e organizações em todo o mundo, com o objetivo de fornecer um único padrão compartilhado de acessibilidade de conteúdo web que atenda às necessidades de indivíduos, organizações e governos internacionalmente. Os documentos das WCAG explicam como tornar o conteúdo da Web mais acessível às pessoas com deficiência. A acessibilidade envolve uma ampla gama de deficiências, incluindo deficiências visuais, auditivas, físicas, de fala, cognitivas, de linguagem, de aprendizagem e neurológicas.
Verificador de acessibilidade online: Você pode usar uma ferramenta on-line para verificar se seu site está acessível. O uso de um verificador de acessibilidade online não garante que você encontrará todos os problemas de acessibilidade em seu site. É importante ter uma pessoa que revise o site também.
Aplicativos de software de acessibilidade: WAVE
O aplicativo de suporte de software como o WAVE pode ser usado para testar problemas e requisitos de acessibilidade dentro de um site. Para acessar mais informações sobre WAVE, use o seguinte link: https://wave.webaim.org/.
Ao usar WAVE, considere o seguinte:
A WAVE não pode dizer-lhe se o conteúdo web é acessível. Somente um ser humano pode determinar a verdadeira acessibilidade. Mas a WAVE pode ajudar a avaliar a acessibilidade do conteúdo web.
A WAVE inclui muitas verificações de problemas de acessibilidade encontrados nas diretrizes das Cláusulas 508 e WCAG 2.1. Mas a WAVE não pode verificar todos os problemas nessas diretrizes; nenhuma ferramenta automatizada pode.
Para usar o WAVE, acesse o formulário em https://wave.webaim.org/, insira o endereço de página da sua página e envie o formulário. Existem ferramentas WAVE em todo o site (https://wave.webaim.org/sitewide) para avaliar facilmente várias páginas.
Aplicativos de software de acessibilidade: leitores de tela
Para suportar aplicativos de software, como leitores de tela, inclua as seguintes considerações:
Leitores de tela são programas de software que convertem texto digital em fala sintetizada. Eles permitem que os usuários que trabalham com um leitor de tela leiam o texto exibido na tela do computador.
Os leitores de tela anunciam o título da página (o elemento <title> na marcação HTML) ao carregar pela primeira vez uma página da Web.
Os leitores de tela anunciam cabeçalhos e identificam o nível do cabeçalho. NVDA e JAWS, por exemplo, precedem os títulos <h1> com "nível de cabeçalho 1".
Os leitores de tela geralmente informam os usuários de que um pedaço de texto (ou um gráfico) é um link. A maioria dos leitores de tela diz "link" antes de cada link. Por exemplo, um link "produtos" seria lido como "produtos de link" pelo JAWS.
Texto alternativo é um atributo adicionado a uma tag de imagem em HTML. Esse texto aparece dentro do contêiner de imagem quando a imagem não pode ser exibida e ajuda os mecanismos de pesquisa a entender o que é uma imagem.
Se o texto alt estiver presente, os leitores de tela lerão o texto alternativo das imagens. JAWS precede o texto alternativo com a palavra "gráfico". Se a imagem for um link, o JAWS precede o texto alternativo com "link gráfico".
Os leitores de tela ignoram imagens sem texto alternativo e não dizem nada, mas os usuários podem definir suas preferências para ler o nome do arquivo.
Navegação em leitores de tela
A navegação em leitores de tela inclui as seguintes considerações:
As interfaces de áudio apresentam conteúdo linearmente aos usuários, um item de cada vez. Apesar da natureza linear das interfaces de áudio, os leitores de tela fornecem maneiras para os usuários navegarem no conteúdo rapidamente.
Uma maneira é usar a tecla Tab para saltar do link para o link. Isso dá ao usuário uma ideia de onde a página se vincula e pode ser uma maneira útil de percorrer o conteúdo se o usuário estiver procurando um link específico. Uma técnica relacionada é obter uma lista dos links na página, organizados alfabeticamente. A desvantagem desses métodos é que o usuário não ouve nenhum conteúdo sem link e pode perder informações importantes dessa forma.
Outra maneira de obter uma impressão geral do conteúdo de uma página é saltar do cabeçalho para o cabeçalho. Os usuários podem ouvir um esboço das ideias principais da página e, em seguida, voltar atrás para ler as partes em que estão mais interessados. A principal desvantagem desta técnica é que ela depende de títulos, por isso é importante que eles estejam incluídos. Na medida do possível, os títulos devem representar um esboço preciso do conteúdo.
Os usuários podem navegar por meio de marcos ARIA e elementos de seção HTML5, como <main>, <nav>, <header>, etc.
Os usuários podem saltar de parágrafo para parágrafo, ouvindo a primeira ou duas frases antes de passar para o parágrafo seguinte. Quando possível, coloque as informações de distinção de um parágrafo na primeira frase.
Ignorar links na parte superior da página permite que os usuários ignorem a navegação principal e acessem diretamente o conteúdo principal. Eles aceleram o processo de leitura e ajudam os usuários a distinguir entre a navegação principal e o conteúdo principal.
Diretrizes de acessibilidade para o Gerador de sites de carreiras
Para garantir que um site do Gerador de sites de carreiras esteja acessível, considere os seguintes pontos:
- Certifique-se de que os metadados sejam criados para permitir que os leitores de tela acessem e leiam o conteúdo do site de carreiras.
- Preste atenção à estrutura do conteúdo, incluindo cabeçalhos de página e navegação.
- Projetar imagens, formulários e meios de comunicação com a acessibilidade em mente, garantindo a inclusão do texto alt.
Síntese
- Crie sites de carreira com recursos de acessibilidade para promover a inclusão, experiências fáceis de usar e atrair talentos diversificados.
- Siga os princípios de acessibilidade (perceptível, operável, compreensível, robusto) e siga as diretrizes das WCAG para compliance.
- Crie conteúdo estruturado e suportado por metadados para melhorar a acessibilidade e a usabilidade para todos os candidatos.