Diseño Web Adaptable: Principios y Prácticas para una Experiencia de Usuario Óptima

Question 1

¿Qué lenguaje de marcado se utiliza primordialmente para garantizar la accesibilidad del contenido web?

Accepted Answer

HTML

Answer

JavaScript

Answer

SQL

Answer

PHP

Question 2

¿Cuál de las siguientes técnicas es esencial para adaptar dinámicamente el texto al tamaño de la pantalla del dispositivo?

Accepted Answer

Media queries

Answer

Grids

Answer

Flexbox

Question 3

Según las pautas WCAG, ¿qué nivel de conformidad tienen que cumplir los sitios web gubernamentales como mínimo?

Accepted Answer

AA

Answer

AAA

Answer

A

Question 4

¿Qué tipo de imágenes son escalables sin perder calidad?

Accepted Answer

Imágenes vectoriales

Answer

Imágenes JPEG

Answer

Imágenes PNG

Answer

Imágenes ráster

Question 5

¿Cuál de los siguientes es un principio fundamental del diseño web accesible?

Accepted Answer

Proporcionar texto alternativo para las imágenes

Answer

Minimizar el uso de JavaScript

Answer

Evitar tablas para diseños

Answer

Utilizar colores brillantes y llamativos

Question 6

¿Qué elemento HTML se utiliza principalmente para crear menús de navegación adaptables?

Accepted Answer

<nav>

Answer

<ul>

Answer

Answer

<div>

Question 7

¿Cuál de las siguientes herramientas se puede utilizar para evaluar la accesibilidad de un sitio web?

Accepted Answer

WAVE

Answer

Google Analytics

Answer

GTmetrix

Question 8

¿Qué tipo de diseño web utiliza un sistema de rejilla para alinear el contenido?

Accepted Answer

Diseño basado en rejillas

Answer

Diseño centrado en el contenido

Answer

Diseño fluido

Answer

Diseño adaptable

Question 9

¿Cuál de los siguientes NO es un principio esencial en el diseño web adaptable?

Accepted Answer

Mantener un tamaño de texto fijo

Answer

Usar puntos de corte

Answer

Usar cuadrículas fluidas

Answer

Crear diseños flexibles

Question 10

¿Qué lenguaje de marcado se usa para definir la estructura y el contenido de una página web adaptable?

Accepted Answer

HTML5

Answer

JavaScript

Answer

CSS

Question 11

¿Cuál de las siguientes afirmaciones sobre la accesibilidad web es FALSA?

Accepted Answer

La accesibilidad es solo importante para personas con discapacidad

Answer

La accesibilidad mejora la experiencia del usuario para todos

Answer

Los sitios web accesibles utilizan tecnologías de asistencia

Question 12

¿Qué tipo de tecnología de asistencia ayuda a los usuarios ciegos o con discapacidad visual a acceder al contenido web?

Accepted Answer

Lector de pantalla

Answer

Ampliador de pantalla

Answer

Reconocimiento de voz

Answer

Teclado en braille

Question 13

¿Qué herramienta se puede usar para verificar la accesibilidad de un sitio web?

Accepted Answer

WAVE

Answer

Pingdom

Answer

Google Analytics

Answer

W3C Validator

Question 14

¿Cuál de los siguientes métodos de diseño NO es apropiado para crear un diseño web adaptable?

Accepted Answer

Diseño basado en tablas

Answer

Diseño responsivo

Answer

Diseño fluido

Answer

Diseño híbrido

Question 15

¿Qué propiedad CSS se usa para controlar el tamaño de un elemento según el tamaño de la ventana gráfica?

Accepted Answer

vw (ancho de la ventana gráfica)

Answer

px (píxeles)

Answer

% (porcentaje)

Answer

em (ems)

Question 16

¿Qué técnica de diseño se emplea para crear elementos de navegación que se adaptan al tamaño de la ventana gráfica?

Accepted Answer

Navegación adaptable

Answer

Navegación oculta

Answer

Navegación flotante

Answer

Navegación fija

Question 17

¿Qué atributo HTML se utiliza para proporcionar información alternativa para imágenes, haciéndolas accesibles para usuarios con discapacidad visual?

Accepted Answer

alt

Answer

caption

Answer

title

Answer

src

Question 18

¿Qué principio del diseño adaptable garantiza que el contenido se ajuste y redistribuya dinámicamente en función del tamaño de la pantalla?

Accepted Answer

Fluidez

Answer

Rediseño adaptativo

Answer

Puntos de interrupción

Answer

Contenedor flexible

Question 19

¿Cuál de los siguientes enfoques es más eficaz para garantizar que los sitios web sean accesibles para personas con daltonismo?

Accepted Answer

Utilizar relaciones de contraste elevadas

Answer

Proporcionar descripciones de texto alternativas

Answer

Evitar el uso del color

Answer

Ampliar el tamaño de la fuente

Question 20

¿Qué herramienta de auditoría automatizada se utiliza comúnmente para evaluar la accesibilidad de los sitios web?

Accepted Answer

WAVE

Answer

Herramientas de desarrollo de Chrome

Answer

Consola JS

Answer

Inspeccionar elemento

Question 21

¿Cuál de las siguientes afirmaciones describe mejor el enfoque de diseño "mobile-first"?

Accepted Answer

Diseñar primero para dispositivos móviles y escalar para pantallas más grandes

Answer

Diseñar versiones independientes para escritorio y móviles

Answer

Diseñar primero para pantallas grandes y reducir para dispositivos móviles

Question 22

¿Qué elemento HTML se utiliza para crear menús de navegación desplegables que se adaptan a pantallas pequeñas?

Accepted Answer

nav

Answer

section

Answer

aside

Answer

header

Question 23

¿Qué estándar internacional proporciona pautas para la accesibilidad web, estableciendo criterios para que los sitios web sean accesibles para personas con discapacidad?

Accepted Answer

WCAG 2.1

Answer

ARIA

Answer

CSS3

Answer

HTML5

Question 24

¿Cuál es el principio de diseño web que garantiza que un sitio web se muestra correctamente en distintos dispositivos?

Accepted Answer

Diseño responsivo

Answer

Diseño adaptativo

Answer

Diseño flexible

Answer

Diseño escalable

Question 25

¿Cuál de las siguientes opciones NO es un beneficio de la accesibilidad web?

Accepted Answer

Reduce los costes de desarrollo

Answer

Posicionamiento mejorado en buscadores

Answer

Mejor experiencia de usuario para todos

Answer

Cumplimiento de normativas legales

Question 26

¿Qué estándar internacional define las directrices de accesibilidad web?

Accepted Answer

WCAG (Pautas de Accesibilidad para el Contenido Web)

Answer

ADA (Ley de Estadounidenses con Discapacidades)

Answer

W3C (Consorcio Mundial de la Web)

Answer

ISO (Organización Internacional de Normalización)

Question 27

¿Qué técnica de diseño NO debería utilizarse para mejorar la accesibilidad web?

Accepted Answer

Efectos visuales intermitentes

Answer

Etiquetas alternativas para imágenes

Answer

Fuentes de gran tamaño

Answer

Transcripción de contenido multimedia

Question 28

¿Qué unidad CSS se emplea para especificar el tamaño de fuente relativo al tamaño de fuente base?

Accepted Answer

rem (unidad de raíz)

Answer

px (píxeles)

Answer

vw (viewport width, ancho de la ventana gráfica)

Answer

em (unidad tipográfica)

Question 29

¿Cuál de las siguientes es una característica del diseño centrado en el usuario?

Accepted Answer

Énfasis en la empatía y las necesidades del usuario

Answer

Optimización para motores de búsqueda

Answer

Priorización de la estética y el minimalismo

Answer

Uso de las últimas tendencias de diseño

Question 30

¿Cuál de las siguientes NO es una ventaja del diseño web adaptable?

Accepted Answer

Mayor velocidad de carga de la página

Answer

Mejor experiencia de usuario en múltiples dispositivos

Answer

Mayor accesibilidad para personas con discapacidad

Answer

Reducción de los costes de mantenimiento

Question 31

¿Qué técnica se utiliza para detectar el tamaño de la ventana gráfica del navegador y ajustar el diseño del sitio web en consecuencia?

Accepted Answer

Media queries

Answer

Marcos de diseño

Answer

Scripts de lado del cliente

Answer

Hojas de estilo CSS

Question 32

¿Cuál de los siguientes NO es un tipo de contenido alternativo para imágenes? (Escoge la opción que se refiere a un elemento que NO es un tipo de contenido alternativo)

Accepted Answer

Descripciones de video

Answer

Etiquetas ALT

Answer

Títulos de imágenes

Answer

Mapas de imagen

Question 33

¿Qué herramienta se utiliza específicamente para validar la accesibilidad web de un sitio? (Escoge la opción que menciona una herramienta específica)

Accepted Answer

Herramienta WAVE

Answer

Depurador de HTML

Answer

Lector de pantalla

Answer

Consola de desarrollador

Question 34

¿Cuál de los siguientes principios de diseño web facilita la navegación para usuarios con discapacidad cognitiva? (Escoge la opción que menciona un principio de diseño)

Accepted Answer

Navegación simple y consistente

Answer

Colores llamativos

Answer

Diseño minimalista

Question 35

¿Cuál de las siguientes etiquetas HTML se utiliza específicamente para mejorar la accesibilidad para los lectores de pantalla?

Accepted Answer

Etiquetas <label> para entradas de formulario

Answer

Etiquetas <table> para tablas

Answer

Etiquetas <h1> para títulos

Answer

Etiquetas <meta> para metadatos

Question 36

¿Qué estándar internacional define las pautas para la accesibilidad web? (Escoge la opción que menciona el estándar)

Accepted Answer

WCAG 2.0

Answer

ARIA

Answer

HTML5

Answer

CSS3

Question 37

¿Cuál de los siguientes ES UN principio fundamental del diseño web adaptable? (Escoge la opción que describe un principio)

Accepted Answer

Los elementos de la página se ajustan dinámicamente al tamaño de la pantalla.

Answer

El diseño debe ser complejo para captar la atención del usuario.

Answer

Las páginas web deben cargarse rápidamente en todos los dispositivos.

Question 38

Según las pautas de accesibilidad web, ¿qué tipo de contenido debe evitarse? (Escoge la opción que describe el tipo de contenido que debe evitarse)

Accepted Answer

Texto solo en imágenes.

Answer

Enlaces de navegación con texto descriptivo.

Answer

Videos con subtítulos.

Answer

Contenido alternativo para elementos multimedia.

Question 39

¿Qué técnica permite crear diseños web que se adaptan a diferentes tamaños de pantalla?

Accepted Answer

Media Queries

Answer

Marcos flotantes

Answer

Diseños de página fija

Answer

Tablas CSS

Question 40

Para mejorar la accesibilidad web, ¿cuál de las siguientes prácticas es fundamental?

Accepted Answer

Utilizar descripciones alt precisas para las imágenes.

Answer

Utilizar un diseño minimalista.

Answer

Hacer que el contenido sea legible con fuentes grandes.

Answer

Evitar el uso de animaciones.

Question 41

¿Qué criterio de diseño garantiza que los sitios web se vean y funcionen correctamente en todos los navegadores web?

Accepted Answer

Diseño Cross-Browser

Answer

Diseño Centrado en el Usuario

Answer

Diseño Orientado a Dispositivos

Answer

Diseño Minimalista

Question 42

Según las pautas de accesibilidad web, ¿qué atributo HTML se usa para proporcionar texto alternativo para imágenes?

Accepted Answer

alt

Answer

src

Answer

width

Answer

title

Question 43

Para crear un diseño web adaptable usando Media Queries, ¿qué propiedad CSS se utiliza para definir el ancho máximo?

Accepted Answer

max-width

Answer

display

Answer

float

Answer

min-height

Question 44

¿Qué tipo de prueba se realiza para garantizar que un sitio web sea accesible para usuarios con diferentes capacidades?

Accepted Answer

Prueba de accesibilidad

Answer

Prueba de seguridad

Answer

Prueba de usabilidad

Answer

Prueba de rendimiento

Question 45

¿Qué técnica se utiliza para determinar el tamaño y la orientación del dispositivo del usuario?

Accepted Answer

Detección de medios (Media Detection)

Answer

Análisis de servidor

Answer

Consultas de base de datos

Answer

Diseño adaptativo (Adaptive Design)

Question 46

¿Cuál de las siguientes afirmaciones sobre la accesibilidad web es FALSA?

Accepted Answer

Sólo es importante para las personas con discapacidad

Answer

Aumenta el alcance del sitio web

Answer

Es un requisito legal en muchos países

Answer

Mejora la experiencia del usuario para todos

Question 47

¿Cuál de las siguientes es una forma de mejorar la accesibilidad de los formularios?

Accepted Answer

Utilizar etiquetas claras y concisas

Answer

No proporcionar retroalimentación de validación

Answer

Requerir que todos los campos sean completados

Answer

Utilizar campos de entrada complejos

Question 48

¿Qué tipo de contenido multimedia es generalmente más accesible?

Accepted Answer

Texto alternativo (alt text)

Answer

Audio

Answer

Vídeos

Answer

Imágenes

Question 49

¿Cuál de las siguientes técnicas de diseño NO se considera una buena práctica para el diseño web responsivo?

Accepted Answer

Utilizar un ancho fijo para los elementos

Answer

Utilizar una cuadrícula fluida

Answer

Utilizar consultas de medios

Answer

Adaptar el tamaño de la fuente en función del dispositivo

Question 50

¿Cuál de las siguientes herramientas es ideal para probar la accesibilidad de un sitio web?

Accepted Answer

WAVE (Web Accessibility Evaluation Tool)

Answer

PageSpeed Insights

Answer

W3C Validator

Answer

Google Analytics

Question 51

Un sitio web que se adapta automáticamente a diferentes tamaños de pantalla se considera:

Accepted Answer

Diseño responsivo

Answer

Diseño estático

Answer

Diseño adaptativo

Answer

Diseño móvil

Question 52

Un usuario con discapacidad visual puede beneficiarse de:

Accepted Answer

Texto alternativo en las imágenes

Answer

Uso de animaciones llamativas

Answer

Efectos de parallax

Answer

Fuentes decorativas con estilos complejos

Question 53

Para garantizar la accesibilidad de los formularios, es crucial:

Accepted Answer

Proporcionar etiquetas descriptivas para todos los campos

Answer

Incluir campos opcionales sin etiquetas

Answer

Utilizar colores llamativos para destacar los botones

Question 54

¿Cuál de las siguientes opciones NO es un principio del diseño responsivo?

Accepted Answer

Priorizar el diseño desktop sobre el móvil

Answer

Emplear media queries para la adaptación

Answer

Utilizar un diseño flexible

Answer

Optimizar el contenido para diferentes dispositivos

Question 55

El uso de ARIA (Accessible Rich Internet Applications) sirve para:

Accepted Answer

Mejorar la accesibilidad de los elementos interactivos

Answer

Optimizar el SEO del sitio

Answer

Aumentar la velocidad de carga del sitio web

Question 56

¿Qué herramienta te permite simular diferentes dispositivos para probar tu diseño responsivo?

Accepted Answer

Google Chrome DevTools

Answer

W3C Validator

Answer

PageSpeed Insights

Answer

Adobe Photoshop

Question 57

Un sitio web accesible debe:

Accepted Answer

Permitir la navegación utilizando solo el teclado

Answer

Utilizar solo colores oscuros para mejor contraste

Answer

Tener un diseño minimalista y sin imágenes

Answer

Incluir videos con subtítulos en inglés

Question 58

La mejor práctica para el uso de colores en un sitio web accesible es:

Accepted Answer

Utilizar un alto contraste entre el texto y el fondo

Answer

Emplear colores brillantes y llamativos

Answer

Utilizar colores de moda que cambien con frecuencia