2.7 KiB

Raw Blame History

id	title	challengeType	videoUrl	forumTopicId	dashedName
587d778f367417b2b2512aae	Da significado a los enlaces agregando un texto descriptivo	0	https://scrimba.com/c/c437DcV	301013	give-links-meaning-by-using-descriptive-link-text

--description--

Los lectores de pantalla tienen diferentes opciones según el tipo de contenido que lea el dispositivo del usuario. Esto incluye saltar a (o pasar por alto) elementos importantes, saltar al contenido principal u obtener un resumen de la página a partir de los títulos. Otra opción es escuchar la narración de los enlaces disponibles en una página.

Los lectores de pantalla hacen esto leyendo el texto del enlace, o lo que haya entre las etiquetas anchor (a). Tener una lista de enlaces que solo digan "clic aquí" o "leer más" no ayuda. En lugar de eso, debes utilizar un texto breve pero descriptivo dentro de las etiquetas a para proporcionar más significado a estos usuarios.

--instructions--

El texto de los enlaces que utiliza el Camper Cat no es muy descriptivo si se lo toma fuera de su contexto. Mueve las etiquetas anchor (a) para que envuelvan el texto information about batteries en lugar de Click here.

--hints--

Tu código debe mover las etiquetas anchor a de las palabras Click here para envolver las palabras information about batteries.

assert(
  $('a')
    .text()
    .match(/^(information about batteries)$/g)
);

El elemento a debe tener un atributo href con un valor de cadena vacía "".

assert($('a').attr('href') === '');

Tu elemento a debe tener una etiqueta de cierre.

assert(
  code.match(/<\/a>/g) &&
    code.match(/<\/a>/g).length === code.match(/<a href=(''|"")>/g).length
);

--seed--

--seed-contents--

<body>
  <header>
    <h1>Deep Thoughts with Master Camper Cat</h1>
  </header>
  <article>
    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightning speed. But chin up, fellow fighters, our time for victory may soon be near. <a href="">Click here</a> for information about batteries</p>
  </article>
</body>

--solutions--

<body>
  <header>
    <h1>Deep Thoughts with Master Camper Cat</h1>
  </header>
  <article>
    <h2>Defeating your Foe: the Red Dot is Ours!</h2>
    <p>Felines the world over have been waging war on the most persistent of foes. This red nemesis combines both cunning stealth and lightning speed. But chin up, fellow fighters, our time for victory may soon be near. Click here for <a href="">information about batteries</a></p>
  </article>
</body>

2.7 KiB Raw Blame History