O site tem o objetivo de fornecer instruções claras para designers e desenvolvedores web, visando tornar os sites acessíveis para o maior número possível de pessoas.

A designer chamada Alaïs de Saint Louvent, apoiada pela consultoria de design com sede em Edimburgo, Studio Lutalica, e pelo estúdio de design web Lattimore + Friends, desenvolveu um site gratuito com o objetivo de desmistificar as Diretrizes de Acessibilidade de Conteúdo da Web (WCAG) e ajudar os designers a tornarem os sites mais acessíveis.

O “Understanding Accessibility” foi criado como um guia simples passo a passo para web designers, auxiliando-os na criação de sites para pessoas com deficiências. Um relatório da WebAIM de 2023 constatou que foram detectados 49.991.225 erros de acessibilidade distintos em um milhão de páginas iniciais de websites, com uma média de 50,0 erros por página.

Alaïs de Saint Louvent, designer da Lattimore + Friends e líder de design do Studio Lutalica, é a criadora do Understanding Accessibility. Cecilia Righini, fundadora do Studio Lutalica, foi responsável pela direção criativa, enquanto Lily Hannigan, gerente de comunicação do Studio Lutalica, realizou a edição de texto.

Uma ferramenta feita para quem cria sites na internet.

Embora possa ser utilizado por qualquer pessoa, o Understanding Accessibility é principalmente para web designers e desenvolvedores que desejam melhorar a acessibilidade de seus sites. A equipe prevê que os designers utilizarão o site de duas maneiras: ‘primeiramente, para ter uma visão geral sobre acessibilidade e design web e, em segundo lugar, para verificar conformidades específicas enquanto trabalham em um projeto’.

“Righini afirma que ‘A acessibilidade deve ser considerada desde o início, continuando até o desenvolvimento’, acrescentando que uma ‘abordagem única para todos’ não é prática. Eles observam como existem diferentes aspectos a considerar, ‘desde o espectro da neurodiversidade até pessoas de diferentes idades’.

Recursos claros e abrangentes.

Embora as diretrizes oficiais da WCAG estejam disponíveis online, de Saint Louvent afirma que elas são ‘complexas, extensas e famosamente difíceis de seguir’. Righini diz que se estivessem treinando um designer, ‘pedir que lessem todas as WCAG seria uma tarefa praticamente impossível’.

“A ideia para o site começou quando de Saint Louvent estava pesquisando sobre acessibilidade na web para o próprio trabalho e queria criar uma ferramenta útil com o que estava aprendendo. Ela estava frustrada com os constantes problemas de acessibilidade que encontrava, ‘tanto na sociedade em geral quanto particularmente no campo do design’, razão pela qual de Saint Louvent diz que queria oferecer aos web designers ‘um lugar conveniente para acessar recursos claros e abrangentes’.

“Apesar de existirem ‘muitos artigos de blog e guias de como fazer para acessibilidade na web’, Hannigan diz que geralmente são ‘incompletos e repetem orientações muito superficiais’.

Evitando sobrecarga.

Um dos principais desafios foi ‘encontrar um equilíbrio entre criar um site muito acessível e um site informativo’, diz de Saint Louvent. Inicialmente, haveria ilustrações decorativas e funcionais, mas isso complicou questões de acessibilidade.

“Optando apenas por ilustrações decorativas, de Saint Louvent escolheu a ilustradora de Glasgow, Emily Peat, pela ‘natureza lúdica e direta’ de seu trabalho.

“O Understanding Accessibility está em conformidade com os princípios gerais estabelecidos pelo WCAG 2.1, e o layout foi projetado para ‘comunicação clara e equilíbrio na diferenciação das letras’, enquanto as cores estão todas em conformidade com os padrões de contraste triplo AAA, ‘garantindo uma visibilidade ótima’, diz Righini.

De Saint Louvent explica que a fonte Castledown, da Colophon Foundry, é considerada “uma das tipografias mais acessíveis disponíveis”, já que as formas das letras são “claramente diferenciadas umas das outras” com “um design arredondado” que aumenta a legibilidade para usuários com dificuldades de aprendizado. Ela explica como a paleta de cores é “composta por cores suaves com alto contraste” e como muita pesquisa foi feita para encontrar combinações de cores “que não fossem problemáticas para usuários específicos”, incluindo pessoas com TDAH e autismo.

A equipe também buscou evitar combinações de cores que “não fossem diferenciáveis para usuários com mais de 60 anos, assim como pessoas com daltonismo”, acrescenta de Saint Louvent. O logo procura evocar um olho, o que ela descreve como “uma pequena referência à forma como a maioria dos usuários experimenta a web”.

Como diferentes usuários podem ter necessidades diferentes, o Understanding Accessibility é “mais complicado do que um guia passo a passo”, diz de Saint Louvent. Para tornar “o mais fácil possível para os usuários filtrarem e encontrarem informações”, diz Righini, tudo é subdividido por tópico, especialização e área de foco dentro do WCAG 2.1.