Abordagem de correção aos problemas de acessibilidade

Um relatório de acessibilidade. principalmente os produzidos por validadores automáticos - como é o caso do AccessMonitor -, facilmente chegam às centenas de erros encontrados. A sua leitura facilmente se transforma numa tarefa assustadora.

Há alguma forma de facilitar o processo de análise e correção das questões de acessibilidade usabilidade? Bom, tenho feito várias tentativas e serei um dos principais responsáveis por ter tentado pôr em prática a metodologia, não só nas análises periciais como também na forma como o AccessMonitor debita os seus resultados. Neste último tenho sempre orientado as equipas de desenvolvimento para um débito de erros agrupada por elementos HTML. Responder rapidamente a questões como: quando coloco imagens, que cuidados devo ter? quando coloco formulários, que cuidados devo ter? Quando coloco tabelas de dados, que cuidados devo ter? Ou seja, à medida que vou inserindo novos elementos HTML na minha página para dar significado ao meu documento, que cuidados devo ter com esse mesmo elemento? Por incrível que pareça, a generalidade dos validadores de práticas de acessibilidade Web existentes no mercado, não se arrumam desta forma.

Mas, a literacia digital em matéria de práticas de acessibilidade é tão fraquinha, que me vejo na necessidade de pegar na mão dos novos aderentes à causa e começar pelo princípio. Qual é o princípio? 3 passos para começar de forma transversal ao website.

A abordagem que se apresenta a seguir usa a metodologia dedutiva, partindo do geral para o particular em termos de marcação dos conteúdos numa página digital.

1. As 3 Landmarks principais + 1

Verificar se existe uma estrutura de landmarks nas várias páginas do site:

• 1 banner (<header>)
• 1 main (<main>)
• 1 contentinfo (<footer>)
• 1 search (role="search")

Verificar se todo o conteúdo existente na página está dentro de um dos 3 landmarks principais: <header>, <main>, <footer>.

Verificar que não existe mais do que 1 dos 3 landmarks por página: 1 <header>, 1 <main>, 1 <footer>

Atribuir um nome a cada um dos landmarks, de preferência não genérico. Deve-se evitar o uso de nomes genéricos como: "menu principal", "menu secundário", "corpo da página". Deve-se privilegiar nomes que reflitam o conteúdo existente na landmark. Caso não se consiga fazer este último exercício poderemos recorrer às fórmulas genéricas até se encontrar nomes que reflitam o propósito dos conteúdos.

2. Estrutura de títulos e subtítulos existentes na página

• 1 H1 que marca o conteúdo que corresponde ao título principal da página
• H2 que marca cada secção existente na página
• H3 que marca cada subsecção existente na página
• Não deverá existir uma subsecção que não tenha a correspondente secção

3. Identificação dos menus existentes na página - a landmark <nav>

• todos os menus devem ser marcados como <nav>
• todos os menus devem ter um nome (p.e <nav ... aria-label="categorias principais do Gov.pt">)
• identificar os <nav> que correspondem a menus (<nav ... aria-roledescription="menu">)
• verificar que os menus estão marcados como estruturas de lista (i.e <ul><li>)
• verificar que é possível alcançar as opções e as subopções usando rato e teclado