Contraste de color

El contraste debe cumplir con los estándares en todos los estados.

Encabezado

El color del lorem ipsum es amet, consecteur adipiscing elit. Suspenda varios elementos en el elemento tristico de eros. Este curso, mi más oscuro es el color oscuro, el color es nulo, pero commodo me da la vida libre. Aenean faucibus nibh y justo curso de rutrum lorem imperdiet. Sin embargo, no puede ser un riesgo tristico sin riesgo.

Texto del botón
Modo de luz

Encabezado

El color del lorem ipsum es amet, consecteur adipiscing elit. Suspenda varios elementos en el elemento tristico de eros. Este curso, mi más oscuro es el color oscuro, el color es nulo, pero commodo me da la vida libre. Aenean faucibus nibh y justo curso de rutrum lorem imperdiet. Sin embargo, no puede ser un riesgo tristico sin riesgo.

Texto del botón
Modo Oscuro

Navegación del teclado

Todos los elementos interactivos deben ser accesibles y utilizables a través del teclado.

  • Saltar al enlace principal
  • Navegación principal
  • Todos los elementos de enlace
  • Vídeos
  • Pie de página

Reducción de movimiento

Respetar las preferencias de movimiento reducido.

Consideraciones sobre el lector de pantalla

La estructura semántica importa. Construya para la tecnología de asistencia desde el principio.

An example image of an asset and their ALT tag description

A continuación se muestra un ejemplo del uso de etiquetas semánticas en todo el sitio web.

1<div class="page-wrapper">
2  <div class="..." role="banner"></div>
3  <div class="...">...</div>
4  <main id="main" class="main">
5    <section id="start" class="...">
6	  <div class="...">
7        <div class="container">
8          <h1 class="...">AI & DESIGN VISIONARY</h1>
9          <div class="..."></div>
10	    </div>
11	  </div>
12	</section>
13  </main>
14</div>