freeCodeCamp/give-links-meaning-by-using-descriptive-link-text.spanish.md at da38c969b2c4da34ebb7a5047c7c088150a33322

Files

Sebastián da38c969b2 Fix(curriculum): Added Spanish translations and corrected grammar issues (#37799 )

* Fix(curriculum): Added Spanish translations and corrected grammar issues

* Fixed typos and added Spanish translations

Co-authored-by: sebastiansaenz <52339334+sebastiansaenz@users.noreply.github.com>
Co-authored-by: Randell Dawson <5313213+RandellDawson@users.noreply.github.com>

2019-12-22 11:49:25 -08:00

2.6 KiB

Raw Blame History

id, title, challengeType, videoUrl, localeTitle

id	title	challengeType	videoUrl	localeTitle
587d778f367417b2b2512aae	Give Links Meaning by Using Descriptive Link Text	0		Darle Significado a los Enlaces Usando Texto Descriptivo

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 solo escuchar 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 de "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

// solución requerida

2.6 KiB Raw Blame History