---
id: 587d7787367417b2b2512aa1
title: Make Screen Reader Navigation Easier with the header Landmark
challengeType: 0
videoUrl: ''
localeTitle: Haga que la navegación del lector de pantalla sea más fácil con el encabezado
---
## Description
El siguiente elemento HTML5 que agrega un significado semántico y mejora la accesibilidad es la etiqueta del header
. Se usa para envolver información introductoria o enlaces de navegación para su etiqueta principal, y funciona bien con el contenido que se repite en la parte superior de varias páginas. header
comparte la característica de hito incorporada que vio con main
, permitiendo que las tecnologías de asistencia naveguen rápidamente hacia ese contenido. Nota
header
está diseñado para su uso en la etiqueta del body
de su documento HTML. Esto es diferente al elemento de head
, que contiene el título de la página, metainformación, etc.
## Instructions
Camper Cat está escribiendo algunos artículos geniales sobre el entrenamiento de ninja y desea agregar una página para ellos en su sitio. Cambie la div
superior que actualmente contiene el h1
a una etiqueta de header
.
## Tests
```yml
tests:
- text: Su código debe tener una etiqueta de header
.
testString: 'assert($("header").length == 1, "Your code should have one header
tag.");'
- text: Sus etiquetas de header
deben envolver alrededor de la h1
.
testString: 'assert($("header").children("h1").length == 1, "Your header
tags should wrap around the h1
.");'
- text: Su código no debe tener ninguna etiqueta div
.
testString: 'assert($("div").length == 0, "Your code should not have any div
tags.");'
- text: Asegúrese de que su elemento de header
tenga una etiqueta de cierre.
testString: 'assert(code.match(/<\/header>/g) && code.match(/<\/header>/g).length === code.match(//g).length, "Make sure your header
element has a closing tag.");'
```
## Challenge Seed
```html
Training with Camper Cat
Stealth & Agility Training
Climb foliage quickly using a minimum spanning tree approach
No training is NP-complete without parkour
Combat Training
Dispatch multiple enemies with multithreaded tactics
Goodbye world: 5 proven ways to knock out an opponent
Weapons Training
Swords: the best tool to literally divide and conquer
Breadth-first or depth-first in multi-weapon training?
```
## Solution
```js
// solution required
```