Onboarding de maquetador web

Misiones de HTML y CSS para el onboarding de maquetadores web

Crea maquetas responsive y accesibles. Resolverás problemas de maquetación, cumplimiento de estándares web y calidad del marcado HTML.

Construir maquetas con las reglas de CSS Flexbox y Grid.
Ajustar el viewport y las áreas seguras para la adaptación a móviles.
Garantizar un orden de foco correcto para lectores de pantalla y textos alternativos.

■ Ejemplo de misión

Se añade una imagen a la pantalla del vestíbulo, pero no tiene información descriptiva para las personas con discapacidad visual.

[1]Escribir una descripción útil en el atributo 'alt'.

[2]Las clases informan automáticamente a los lectores de pantalla.

[3]Dejarlo vacío, porque la ruta de la imagen ya contiene el nombre.

Explicación: Poner texto alternativo en el atributo alt es una pauta básica para que la imagen sea accesible con lectores de pantalla.

Maquetación con Flexbox / GridDiseño web responsiveAccesibilidad web (a11y)Semántica HTML5