A seguir encontra-se um exemplo de HTML em que são utilizadas estratégias amigáveis para leitores de tela, recurso usado por pessoas cegas ou com baixa visão:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exemplo de página construída com ênfase em acessibilidade</title>
</head>
<body>
<header role="Informações iniciais">
<h1>Boas vindas ao usuário e titulo do conteúdo</h1>
<nav role="navegação">
<ul>
<li><a href="#sobre o site">Sobre</a></li>
<li><a href="#detalhes">Detalhes</a></li>
</ul>
</nav>
</header>
<main role="main">
<section id="sobre">
<h2>Sobre Nós</h2>
<p>Somos uma empresa dedicada à acessibilidade na web.</p>
</section>
</body>
</html>
Exemplo de código puramente em HTML
Considere o exemplo apresentado e as seguintes afirmações:
I. O uso do recurso “role” não faz parte dos facilitadores acessíveis.
II. Há o uso do HTML semântico, o qual facilita para que os leitores de conteúdo compreendam a importância e ordem de cada elemento.
III. Nos links são utilizados textos descritivos ao invés de termos como “clique aqui”, criando uma navegação por áudio mais agradável.
É correto o que se afirma em:
