Projeto web desenvolvido pela Superintendência de Ensino a Distância (SEAD).
Problema
O livro possuía algumas limitações e funcionalidades desatualizadas que não atendiam a necessidade de seus usuários. Estes usuários poderiam incluir pessoas com deficiência e/ou pessoas idosas com condições de saúde que tragam dificuldades de leitura.
Minha função
Pesquisadora, responsável por trabalhar em pesquisas sobre os perfis de usuários que seriam atendidos pelas melhorias do web livro acessível, e designer, responsável pelo design de experiência do usuário (UX) e interface de experiência do usuário (UI).
Outros membros da equipe
- Edson Rufino – Coordenador, pesquisador, e designer
- Hellen Rodex – Pesquisador(a) e designer
- Rafael Moraes – Pesquisador(a) e designer
- Semiramis Louzada – Pesquisador(a) e designer
Pesquisa
A fase inicial do projeto envolveu coletar informações sobre pessoas com deficiência e pessoas idosas.
Cada membro da equipe contribuiu pesquisando diferentes perfis, identificando suas necessidades e validando o que o livro atual falhou em atender.
As Diretrizes de Acessibilidade para o Conteúdo da Web (WCAG) foram as nossas principais referências.
Em minha pesquisa, foquei em perfis de pessoas cegas, pessoas com baixa visão, e pessoas com deficiências motoras.
Resultados da pesquisa
Os seguintes aspectos foram identificados:
- Tipografia: Uso de fontes sem serifa
- Text resizing: Habilitar o aumento de texto
- Contraste: Garantir bom contraste, tamanho de fonte apropriada, e adequar o espaçamento entre letras e linhas
- Layout do conteúdo: Trazer mais clareza na estrutura ao aumentar o espaço entre as seções de conteúdos
- Responsividade do conteúdo: Ajustar automaticamente para garantir bom funcionamento entre diferentes dispositivos móveis e desktop
- Tipos de imagens: Evitar usar imagens no lugar de texto
- Descrição de imagem: Fornecer textos alternativos para descrição de imagens e gráficos
- Seleção de foco: Habilitar a tecla TAB para navegar entre elementos interativos
- Estrutura de títulos (h1, h2...): Leitores de tela deveriam facilmente identificar títulos para permitir que os usuários pulem entre as seções usando o teclado
- Títulos de página: Títulos devem ser definidos corretamente, por serem os primeiros elementos lidos por leitores de tela
- Texto de link: Evitar links vagos como "clique aqui"; ao invés disso, usar links descritivos embutidos em textos com significados (ex.: "Leia mais sobre esse tópico")
- Listas de conteúdo: Usar as tags de lista para que leitores de tela possam identificá-las corretamente
- Nomes acessíveis em botões: Use aria-label para trazer nomes claros aos elementos interativos, sendo visíveis ou não
- Elementos labels: Elementos interativos precisam ter labels para er suporte a comandos de voz
- Cores recomendadas: Não usar somente as cores para diferenciar os elementos; use formas também, já que alguns usuários podem ter dificuldade em perceber algumas cores.
Cores
Acessibilidade
Tipografia
