freeCodeCamp

2.6 KiB

Raw Blame History

id	title	challengeType	videoUrl	localeTitle
587d778f367417b2b2512aae	Give Links Meaning by Using Descriptive Link Text	0		Dar Significado a Enlaces Usando Texto Descriptivo en el Enlace

Descripción

Los usuarios de lectores de pantalla tienen diferentes opciones para el tipo de contenido que lee su dispositivo. Esto incluye saltar a (o sobre) elementos de hito, saltar al contenido principal u obtener un resumen de la página de los encabezados. Otra opción es escuchar solo los enlaces disponibles en una página. Los lectores de pantalla hacen esto leyendo el texto del enlace, o lo que hay entre las etiquetas ancla ( a ). Tener una lista de enlaces "haga clic aquí" o "leer más" no es útil. En su lugar, debemos utilizar un texto breve pero descriptivo dentro de las etiquetas a para proporcionar más contexto a estos usuarios.

Instrucciones

El texto del enlace que está utilizando Camper Cat no es muy descriptivo sin el contexto que lo rodea. Mueve las etiquetas de anclaje ( a ) para que envuelvan el texto "información sobre baterías" en lugar de "Haga clic aquí".

Tests

tests:
  - text: Tu código debe mover las etiquetas ancla <code>a</code> de las palabras &quot;Clic Aquí&quot; para envolver las palabras &quot;para información sobre baterías&quot;.
    testString: 'assert($("a").text().match(/^(information about batteries)$/g), "Your code should move the anchor <code>a</code> tags from around the words "Click here" to wrap around the words "information about batteries".");'
  - text: Asegúrate de que el elemento <code>a</code> tenga una etiqueta de cierre.
    testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(/<a href=(""|"")>/g).length, "Make sure your <code>a</code> element has a closing tag.");'

Challenge Seed

<body>
  <header>
    <h1>Pensamientos Profundos con Master Camper Cat</h1>
  </header>
  <article>
    <h2>Derrotando a tu Enemigo: el Punto Rojo es Nuestro!</h2>
    <p>Felinos en todo el mundo han estado librando una guerra con el más persistente de los enemigos. Este nemesis rojo combina su astuto sigilo y su velocidad de rayo. Pero animos, compañeros de bbatalla, nuestro tiempo de vistoria está cerca. <a href="">Clic Aquí</a> para información sobre baterías</p>
  </article>
</body>

Solución

// solution required

2.6 KiB Raw Blame History