Las funciones multimedia de preferencias del usuario te permiten aplicar diseño a las experiencias web que se alinean con las preferencias y necesidades específicas del usuario. En otras palabras, las funciones de contenido multimedia de preferencia te permiten adaptar las experiencias de los usuarios a sus expectativas.
Para mejorar la experiencia del usuario en tu sitio web, sigue estos tres pasos:
- Descubre las posibilidades. Obtén información sobre todas las funciones multimedia de preferencias del usuario.
- Dale estilo a tus experiencias web. Implementa, por ejemplo, cambios de color, diseño y tamaño de los elementos según las preferencias.
- Prueba la IU. En DevTools, emula las preferencias y prueba el comportamiento de tu sitio web.
DevTools admite una variedad de opciones de emulación. Para ayudarte a evitar buscar y ajustar la configuración del sistema y del navegador, todas las opciones de emulación se encuentran en un solo lugar: en la pestaña Renderización de DevTools.
Las opciones de emulación de las preferencias del usuario incluyen, entre otras, las siguientes:
prefers-color scheme: Esquema de colores claro o oscuroprefers-contrast: Contraste más bajo o más altoprefers-reduced-motion: Minimiza el movimiento o no.prefers-reduced-data: Consume menos tráfico o no.
Para obtener una lista completa de todas las opciones de emulación, consulta Emula funciones multimedia de CSS.
Para descubrir más efectos que puedes aplicar con la pestaña Renderización, consulta la descripción general de la pestaña Renderización.
Además, con DevTools, tus capacidades de prueba no se limitan al único dispositivo en el que trabajas. Puedes simular dispositivos móviles con el modo de dispositivo.