Cuestionario sobre Diseño Web y Accesibilidad

AI✦

¿Además de SASS, qué otros preprocesadores CSS se mencionan?. Less y Stylus. TypeScript y CoffeeScript. Babel y Webpack. PostCSS y Tailwind.

Según la «memoria de trabajo», una tarea no debería requerir más de... 10 pasos y 1 minuto. 7 pasos y 30 segundos. 2 pasos y 5 segundos. 4 pasos y 10-15 segundos.

¿Cómo se estructuran las WCAG 2.x?. 3 principios, 12 pautas, 61 criterios y 2 niveles. 5 principios, 13 pautas, 78 criterios y 4 niveles. 4 principios, 13 pautas, 78 criterios y 3 niveles (A, AA, AAA). 4 principios, 10 pautas, 50 criterios y 3 niveles.

El sistema de rejilla de Bootstrap tiene... 16 columnas basadas en Grid. 24 columnas basadas en tablas. 12 columnas basadas en Flexbox. 10 columnas basadas en floats.

Un porcentaje aplicado a padding o margin se calcula respecto a... El tamaño de fuente del padre. La altura del viewport. La altura del contenedor. El ancho del contenedor.

¿En qué año creó Tim Berners-Lee la primera versión de HTML?. 1990. 1994. 1991. 1989.

¿Cuántos usuarios se seleccionan para un test de usabilidad?. Entre 3 y 8. 1 o 2. Entre 20 y 30. Más de 100.

En diseño gráfico, cuanto más brillante es un color... Más cerca parece estar. Más gris contiene. Más lejos parece estar. Menos saturado está.

¿Qué clase de Bootstrap oculta un elemento visualmente, pero lo deja accesible para los lectores de pantalla?. .opacity-0. .visually-hidden. .d-none. .text-muted.

¿Qué tendencia ganó popularidad entre 2019 y 2022 por permitir el acceso sin conexión, como una app nativa?. Bootstrap y Foundation. Aplicaciones web progresivas (PWA). Material Design. Diseño plano.

Un botón que cambia de color al pasar el ratón ejemplifica el principio de... Consistencia. Feedback. Simplicidad. Claridad.

¿Dónde se coloca la línea que indica el camino recorrido desde la portada (migas de pan)?. En el footer. Encima del logotipo. En una barra lateral derecha. Debajo del menú de secciones y encima de los contenidos.

Un vídeo que se reproduce solo al entrar en la web y no se puede parar va contra el principio... Las primeras impresiones importan. Los usuarios no leen. Los usuarios tienen el control. Los usuarios odian los cambios.

Según los apuntes, ¿cuál es el término correcto?. Persona discapacitada. Persona con diversidad funcional. Persona con discapacidad. Persona con capacidades diferentes.

La unidad rem toma como referencia... El tamaño de fuente del elemento raíz (<html>). El tamaño de fuente del elemento padre. El ancho del viewport. El ancho del contenedor.

¿Con qué símbolo empiezan las variables en Sass/SCSS?. $. %. --. @.

En Bootstrap, ¿qué clase de contenedor ocupa todo el ancho?. .container-fluid. .col-12. .row. .container.

¿En qué año se presenta el diseño web adaptable (responsive)?. 2008. 2003. 2012. 2015.

En una rejilla de cards, ¿qué clase hace que todas tengan la misma altura?. .card-body. .g-4. .flex-grow-1. .h-100.

¿Qué porcentaje de usuarios se estima que tiene alguna dificultad para navegar con normalidad?. 50%. 10%. 5 %. 20 % (1 de cada 5).

WebXR es... Un framework CSS. Un formato de imagen vectorial. Una herramienta de accesibilidad. Una API para crear experiencias de realidad aumentada y virtual en el navegador.

Los colores situados uno frente al otro en el círculo cromático se llaman... Fundamentales. Monocromáticos. Complementarios. Análogos.

¿En qué se diferencian las variables de Sass de las variables de CSS?. Las de CSS se compilan y las de Sass no. Las de Sass no aparecen en el CSS de salida, así que no dan problemas de compatibilidad. Las de Sass solo guardan colores. Son exactamente lo mismo.

Una empresa privada se considera «de especial trascendencia económica» si... Factura más de 6 M€ o tiene más de 100 trabajadores. Tiene más de 1000 visitas diarias. Cotiza en bolsa. Factura más de 1 M€ o tiene más de 50 trabajadores.

En los apuntes, la IPO (interacción persona-ordenador) también se conoce como... UX. WAI. HCI o CHI. HCD.

¿Qué entidad valida las certificaciones de accesibilidad en España?. IMQ. W3C. ENAC. AENOR.

Colocar juntos los iconos de redes sociales en el footer para que se perciban como un grupo aplica el principio Gestalt de... Semejanza. Cierre. Proximidad. Continuidad.

¿A qué principio pertenece la pauta «Entrada de datos asistida»?. Robusto. Comprensible. Perceptible. Operable.

¿Qué afirmación sobre auditorías y certificaciones es correcta?. Cualquiera con conocimientos puede auditar, pero certificar requiere la validación de un organismo competente. Los plugins certifican la accesibilidad. El W3C certifica las webs españolas. Para auditar hace falta ser ingeniero.

Una web es «educativa» cuando... Incluye tutoriales en vídeo. A los usuarios les resulta fácil aprender a usarla y recordar lo aprendido. Sus gráficos no son meramente decorativos. Ofrece contenido nuevo periódicamente.

Como norma general, ¿cuánto debe tardar en cargar una página web?. Da igual si hay barra de progreso. Entre 5 y 10 s. Menos de 0,1 s. Entre 1 y 3 s.

Si html tiene font-size: 16px y .main tiene font-size: 1.5em, ¿cuánto mide la fuente de .main?. 32 px. 20 px. 24 px. 16 px.

¿Qué norma da en España y en la UE los criterios técnicos detallados de accesibilidad?. Directiva (UE) 2016/2102. UNE-EN 301549:2022. Ley 56/2007 (LISI). ADA sección 508.

Dentro de .alert { &:hover {...} }, el símbolo & hace referencia a... Todos los elementos. El selector padre (.alert). Una variable. Un placeholder.

¿Qué combinación de texto y fondo se lee mejor, según la guía de estilo?. Texto sobre una imagen. Texto claro sobre fondo oscuro. Texto oscuro sobre fondo claro y liso. Texto sobre un fondo con textura.

¿Por qué el brainstorming del HCD se hace de forma anónima?. Para no tener que votar. Para que todas las ideas tengan el mismo peso, independientemente de quién las proponga. Para ir más rápido. Para que no participen los usuarios.

¿Qué afirmación sobre @return es correcta?. Detiene la compilación. Es opcional en @function. Se usa en los mixins. Es obligatoria y solo puede usarse dentro de @function.

¿Cuál de estas prácticas debes EVITAR para separar maquetación y contenido?. <article class="container row col-lg-6">. Crear clases CSS personalizadas para el contenido. Poner un <article> dentro de un div.col-lg-6. Usar etiquetas semánticas.

¿Qué permitió hacia 1998 empezar el diseño web sin tablas?. Flash y JavaScript. Bootstrap. HTML5. CSS y PHP.

Netflix te sugiere series según lo que has visto. ¿Qué principio aplica?. Anticípate al usuario. Reconocimiento y asimilación. Elimina las barreras de entrada. Los usuarios tienen el control.

Al diseñar un wireframe... Se indica la posición de los componentes principales, sin colores ni textos concretos. Se definen los colores y las imágenes finales. Se redacta la nota de prensa. Se programa la base de datos.

La pauta «Accesible por teclado» pertenece al principio... Operable. Comprensible. Perceptible. Robusto.

¿Dónde deben aparecer los mensajes de error de un formulario?. En una ventana modal. Cerca del campo erróneo. Al final de la página. En la consola.

¿Qué etiqueta semántica se usa para contenido secundario o complementario?. <aside>. <section>. <main>. <article>.

Según la escala de breakpoints recomendada, el escritorio empieza en... 768 px. 1200 px. 576 px. 992 px.

¿Qué directiva heredada de CSS se usa para comprobar si el navegador soporta una propiedad?. @namespace. @font-face. @supports. @debug.

¿Qué comentario NO aparece en el CSS de salida?. /*! comentario */. /* comentario */. // comentario. Ninguno aparece.

¿Cuál NO es uno de los cuatro principios de las WCAG?. Perceptible. Escalable. Operable. Robusto.

¿Qué diferencia la sintaxis .sass de la .scss?. .sass usa indentación, sin llaves ni punto y coma; .scss usa llaves como el CSS clásico. .sass usa llaves y punto y coma; .scss usa indentación. Son idénticas. El navegador interpreta .scss directamente.

¿Qué familia tipográfica lleva remates y, según los apuntes, no es la más recomendable para web?. Monoespaciada. Fuentes de iconos. Serif. Sans-serif.