📄 OBSERVAR LA SIGUIENTE ESTRUCTURA HTML:


<body>
  <header>
    <h1>Mi Pagina Web</h1>
    <nav>
      <ul>
        <li><a href="#inicio">Inicio</a></li>
        <li><a href="#contacto">Contacto</a></li>
      </ul>
    </nav>
  </header>

  <main>
    <section id="inicio">
      <h2>Bienvenido a Mi Pagina</h2>
      <p>Explora y descubre contenido emocionante!</p>
      <img src="imagen-ejemplo.jpg" alt="Imagen ejemplo">
    </section>
  </main>

  <footer>
    <p>&copy; 2024 Mi Pagina Web. Derechos reservados.</p>
  </footer>
</body>

🎨 ¿Qué controla el CSS?

Colores
Tamaños
Distribución en pantalla

✅ Recomendaciones de Accesibilidad:

Contraste adecuado: texto claro sobre fondo oscuro o viceversa.
Evitar usar solo color para transmitir información.
Tamaño de fuente legible y adaptable.

🛠️ Ejemplo simple de cómo se escribe CSS:


p {
  color: #ffffff;
  background-color: #333333;
  padding: 10px;
  border-radius: 4px;
}

🌐 ¿Qué es el W3C y qué son las WCAG?

El W3C (World Wide Web Consortium) es una organización internacional que crea las reglas para que la web funcione correctamente para todas las personas, sin importar su tecnología o discapacidad.

Dentro de esas reglas, están las WCAG —las Pautas de Accesibilidad para el Contenido Web— que nos indican cómo diseñar sitios accesibles.

Son un conjunto de buenas prácticas que buscan eliminar barreras para todos los usuarios.

🧭 Principios de las WCAG:

Perceptible: el contenido debe poder percibirse con los sentidos disponibles (vista, oído, tacto).
Operable: la interfaz debe poder manejarse de distintas maneras (teclado, mouse, lector de pantalla).
Comprensible: la información y navegación deben ser claras y simples.
Robusto: debe funcionar bien en diferentes dispositivos y navegadores, ahora y en el futuro.

📌 Más info: w3.org/WAI/standards-guidelines/wcag/ - goo.su/ODtHk