Ver índice de contenidos del libro

1.8. Accesibilidad

Bootstrap 3 utiliza los estándares web de tal forma que con muy poco esfuerzo se pueden crear sitios web accesibles para personas que utilizan tecnologías de apoyo para navegar.

1.8.1. Saltándose el menú de navegación

Si tu menú de navegación tiene muchos elementos y se muestra justo antes del contenido principal, deberías incluir después de la etiqueta <body> un enlace que permita saltarse ese menú.

<body>
    <a href="#contenido" class="sr-only">Saltar al contenido</a>
    <div class="container" id="contenido">
        El contenido de la página
    </div>
</body>

1.8.2. Cabeceras anidadas

Otro posible problema con la accesibilidad se produce al anidar elementos <header> para crear cabeceras. Las recomendaciones de accesibilidad indican que el título principal debe ser de tipo <h1>, los siguientes títulos de tipo <h2>, etc. En la práctica no es fácil conseguir siempre esta jerarquía de títulos. Si tu título principal es menor que los 38px que aplica por defecto Bootstrap, deberías modificar tus estilos CSS antes que utilizar unos títulos de menor importancia.