1.6 KiB
| id | title | challengeType | dashedName |
|---|---|---|---|
| 5dc24165f86c76b9248c6ebc | Paso 9 | 0 | step-9 |
--description--
Todos los elementos img deben tener un atributo alt. El texto del atributo alt es utilizado por lectores de pantalla para mejora la accesibilidad y es mostrado en caso de que la imagen falle en cargar. Por ejemplo, <img src="cat.jpg" alt="A cat"> tiene un atributo alt con el texto A cat.
Dentro del elemento img, añade un atributo alt con este texto:
A cute orange cat lying on its back
--hints--
Tu código debe tener un elemento img. Eliminaste el elemento img de uno de los pasos anteriores.
assert(document.querySelector('img'));
Tu elemento img no tiene un atributo alt. Comprueba que hay un espacio después del nombre de la etiqueta de apertura y/o que hay espacios antes de todos los nombres de los atributos.
assert(document.querySelector('img').hasAttribute('alt'));
El atributo alt del elemento img tiene un valor diferente a 'A cute orange cat lying on its back'. Asegúrate de que el valor del atributo alt esté entre comillas.
const altText = document
.querySelector('img')
.alt.toLowerCase()
.replace(/\s+/g, ' ');
assert(altText.match(/A cute orange cat lying on its back\.?$/i));
--seed--
--seed-contents--
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>
--fcc-editable-region--
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">
--fcc-editable-region--
</main>
</body>
</html>