Diseño Web Responsivo y Accesibilidad

¿Qué son las media queries en CSS y cómo se utilizan?

• Las media queries en CSS son herramientas para aplicar estilos según características del dispositivo, permitiendo diseños responsivos.

• Son herramientas para mejorar la velocidad de carga de una página.

• Son funciones de JavaScript para manipular el DOM.

• Son propiedades de CSS que definen colores y fuentes.

¿Cuál es la ventaja del enfoque mobile-first en el diseño web?

• Mejora la experiencia del usuario en dispositivos móviles y optimiza el rendimiento del sitio.

• Aumenta la carga del sitio en dispositivos móviles.

• Reduce la compatibilidad con navegadores de escritorio.

• Limita el acceso a contenido multimedia en móviles.

¿Cómo se puede mejorar la accesibilidad web en un sitio?

• Deshabilitar el zoom en dispositivos móviles

• Usar solo colores brillantes

• Eliminar el contenido multimedia

• Utilizar texto alternativo, asegurar buen contraste, y mejorar la navegación.

¿Qué herramientas se pueden usar para probar un sitio en diferentes dispositivos?

• Herramientas como BrowserStack, Responsinator, y Google Chrome DevTools.

• Notepad++

• Microsoft Word

• Adobe Photoshop

¿Por qué es importante optimizar imágenes en un sitio web?

• Para aumentar el tamaño de las imágenes y hacerlas más atractivas.

• Para reducir la calidad de las imágenes y ahorrar espacio en el servidor.

• Para eliminar todas las imágenes del sitio web y mejorar la estética.

• Es importante optimizar imágenes para mejorar la velocidad de carga y la experiencia del usuario.

¿Qué propiedades CSS se pueden modificar con media queries?

• Solo propiedades de texto.

• Propiedades que no afectan el diseño.

• Solo propiedades de color y fondo.

• Cualquier propiedad CSS que se desee ajustar según las condiciones del dispositivo.

¿Cómo afecta el diseño mobile-first a la carga de un sitio web?

• El diseño mobile-first solo se aplica a aplicaciones de escritorio.

• El diseño mobile-first mejora la carga de un sitio web al optimizar recursos para dispositivos móviles, reduciendo el tamaño de archivos y mejorando la eficiencia.

• El diseño mobile-first no tiene impacto en la velocidad de carga de un sitio web.

• El diseño mobile-first aumenta el tamaño de los archivos para mejorar la carga.

¿Qué técnicas se pueden implementar para asegurar la accesibilidad en dispositivos móviles?

• Eliminación de texto

• Diseño responsivo, etiquetas ARIA, texto alternativo, navegación por teclado, pruebas de accesibilidad.

• Diseño fijo para todos los dispositivos

• Uso exclusivo de imágenes

¿Cuáles son los principales errores a evitar al realizar pruebas en diferentes dispositivos?

• Errores a evitar: ignorar resoluciones de pantalla, diferencias de SO/navegadores, condiciones de red, y experiencia del usuario.

• Realizar pruebas solo en Wi-Fi

• Usar solo un navegador para las pruebas

• No considerar el tamaño del archivo

¿Qué formatos de imagen son más recomendables para la web y por qué?

• HEIC, PSD y EXIF son los formatos más recomendables para la web.

• SVG, RAW y ICO son los formatos más recomendables para la web.

• GIF, BMP y TIFF son los formatos más recomendables para la web.

• JPEG, PNG y WebP son los formatos más recomendables para la web.