En el menú desplegable Emular dispositivos , puede seleccionar entre varios dispositivos diferentes o la opción predeterminada De capacidad de respuesta. Al seleccionar un dispositivo, la ventanilla cambia de tamaño a las medidas correctas y simula la interfaz táctil. Por ejemplo, hay varios diseños de iPhone emulados:
Menús desplegables Ancho y Alto
Para cambiar las dimensiones de la ventanilla, haga clic en los menús desplegables Ancho y Ancho :
Botón Girar
Haga clic en el botón Girar () para girar la ventanilla entre la orientación vertical y horizontal:
Botón Emular características multimedia CSS
Use el botón Emular características multimedia CSS () para:
Emular consultas de medios CSS.
Pruebe cómo se ve el producto en modo de impresión.
Cambie entre el modo oscuro y claro.
Emular colores forzados.
Botón Emular deficiencias de visión
Haga clic en el botón Emular deficiencias visuales () para probar la experiencia del usuario de la página web actual con diferentes deficiencias visuales. Este botón le permite probar el producto en un modo borroso o en diferentes deficiencias de color:
En este módulo, se tratan varios conceptos sobre el tema de accesibilidad y cómo agregarla a las aplicaciones web durante el desarrollo web. Aprenderá la importancia de usar etiquetas HTML correctamente para describir la información y diversas mejoras que puede realizar en sus sitios.