💬 Actividad rápida (10 min) – Accesibilidad web

  1. Copiá el siguiente código en https://codepen.io/pen.
  2. Realizá estas mejoras:
    • Agregá un texto alternativo descriptivo a la imagen.
    • El botĂłn tiene bajo contraste. Usá esta herramienta para elegir colores con buen contraste: WebAIM Contrast Checker.
  3. Visualizá el cambio en vivo y comentálo.

đź”§ CĂłdigo a copiar en CodePen:

<img src="https://i.postimg.cc/50w0kpDq/9bd5012d-160b-48e8-9ec9-f690a15a6cff.jpg" alt="">
<button style="color: #f9e79f; background-color: #ffffff; padding: 10px 20px; border: 1px solid #ccc;" onmouseover="this.style.backgroundColor='#f1f1f1'" onmouseout="this.style.backgroundColor='#ffffff'"> Botón con contraste débil </button>