Aprende accesibilidad construyendo un cuestionario - Paso 12

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

Tu código hasta el momento

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="freeCodeCamp Accessibility Quiz practice project" />
    <title>Accessibility Quiz</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header>
      <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
      <h1>HTML/CSS Quiz</h1>

<!-- User Editable Region -->

<nav>
       <ul>
           <li><a/>INFO</li>
           <li><a/>HTML</li>
           <li><a/>CSS</li>
       </ul>
     </nav>

<!-- User Editable Region -->

    </header>
    <main></main>
  </body>
</html>

/* file: styles.css */
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

header {
  width: 100%;
  height: 50px;
  background-color: #1b1b32;
  display: flex;
}

#logo {
  width: max(100px, 18vw);
  background-color: #0a0a23;
  aspect-ratio: 35 / 4;
  padding: 0.4rem;
}

h1 {
  color: #f1be32;
  font-size: min(5vw, 1.2em);
}

Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Challenge: Aprende accesibilidad construyendo un cuestionario - Paso 12

Enlaza al desafío:

1 Like

Hola @leosuarez545

Te has olvidado de esta parte del paso,

El texto de los elementos de la lista debe estar envuelto en etiquetas de anclaje.

o simplemente aún no dominas la sintaxis, practicando lo conseguirás.

Los elementos anclaje (anchor en inglés), a, constan de una etiqueta de apertura y otra de cierre; de esta manera lo que queda entre ambas etiquetas se convierte en un enlace. Un ejemplo:

<p>Hola soy un párrafo con <a>un enlace dentro</a>.</p>

Vuelvo a escribir el código de arriba, pero esta vez tal como se vería en la página:

El texto de los elementos de la lista debe estar envuelto en etiquetas de anclaje.

Hola soy un párrafo con un enlace dentro.

Como podrás comprobar, el texto un enlace dentro se ha convertido en un enlace, de momento a ningún sitio web, pero espero que se entienda.

Sigue trabajando y disfruta aprendiendo