Guía de estimo/accesibilidad
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.
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.
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.
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>