Desarrollo Interfaces UT2

AI✦

¿Cuál de las siguientes situaciones demuestra que una página web presenta una barrera de accesibilidad?. El sitio permite aumentar el tamaño del texto. Las imágenes informativas tienen alternativas textuales. El menú principal solo puede abrirse utilizando el ratón. La página utiliza un diseño visual sencillo.

¿Qué tecnología de apoyo permite acceder al contenido de una página mediante voz sintetizada o una línea braille?. Un lector de pantalla. Un servidor DNS. Un validador de CSS. Un compresor de imágenes.

Una tienda online tiene una navegación intuitiva con ratón, pero no permite completar la compra usando solo el teclado. ¿Qué conclusión es más adecuada?. La usabilidad y la accesibilidad son conceptos idénticos. La accesibilidad solo afecta a los contenidos multimedia. Puede ser fácil de usar con ratón y, aun así, presentar problemas de accesibilidad. Es accesible porque tiene una navegación intuitiva.

En la organización de las WCAG, ¿qué elemento establece un requisito verificable como el criterio 1.1.1 sobre contenido no textual?. Una recomendación de diseño gráfico sin requisitos. Un criterio de conformidad. Un principio general. Una técnica de implementación.

Un formulario muestra un mensaje que explica claramente cómo corregir un correo electrónico incorrecto. ¿Con qué principio WCAG se relaciona especialmente esta práctica?. Comprensible. Perceptible exclusivamente. Operable exclusivamente. Robusto.

¿Qué implica que una página alcance el nivel de conformidad AA de las WCAG?. Que cumple obligatoriamente todos los criterios AAA. Que ha obtenido al menos 90 puntos en Lighthouse. Que cumple únicamente los criterios de nivel AA. Que cumple los criterios aplicables de los niveles A y AA.

¿Qué norma regula específicamente la accesibilidad de los sitios web y aplicaciones móviles del sector público español?. La especificación ECMAScript. El Real Decreto 1112/2018. El protocolo HTTP/2. La norma ISO 8601 sobre fechas.

¿Qué elemento HTML5 es el más adecuado para identificar el contenido principal de una página?. aside. nav. main. footer.

Una página está redactada principalmente en español. ¿Qué declaración es la más adecuada en su elemento raíz HTML?. lang="en". lang="es-ES". lang="es". lang="fr".

Una imagen se utiliza únicamente como adorno y no aporta información. ¿Qué alternativa textual es la más adecuada?. Utilizar alt="". Repetir en alt el nombre del archivo. Escribir alt="imagen decorativa". Eliminar siempre el atributo alt.

¿Cuál de estos textos de enlace describe mejor su propósito cuando permite descargar un documento con horarios?. Aquí. Más información. Haz clic. Descargar horarios (PDF).

Durante una prueba de accesibilidad, un usuario puede llegar a un botón mediante Tab, pero no sabe qué elemento tiene seleccionado porque no aparece ningún indicador visual. ¿Qué debe corregirse?. Obligar al usuario a utilizar el ratón. Eliminar la navegación mediante Tab. Proporcionar un indicador de foco visible, por ejemplo mediante :focus-visible. Reducir el tamaño de los botones.

¿Cuál es la forma más adecuada de asociar una etiqueta visible con un campo de correo electrónico?. El campo está dentro de un div con la etiqueta. La etiqueta está separada del campo. Se utiliza el elemento label con el atributo for. No se necesita etiqueta para campos de correo.

Según las WCAG, ¿qué relación de contraste mínima exige el nivel AA para texto normal, salvo las excepciones previstas?. 4,5:1. 2:1. 7:1. 3:1.

Un formulario señala los campos incorrectos únicamente mediante un borde rojo. ¿Qué mejora es la más adecuada?. Eliminar todas las etiquetas de los campos. Añadir mensajes de error textuales que identifiquen el problema. Mostrar los errores exclusivamente al pasar el ratón. Utilizar un rojo más intenso como única señal.

Al aumentar el zoom del navegador, un formulario deja de mostrar el botón de envío porque queda cortado. ¿Qué actuación es más adecuada?. Ocultar las etiquetas para liberar espacio. Desactivar el zoom mediante JavaScript. Adaptar la distribución para que los controles sigan visibles y utilizables. Indicar que solo se permite usar la página al 100%.

Se publica un videotutorial grabado que contiene explicaciones habladas. ¿Qué medida responde al requisito de subtítulos para contenido multimedia pregrabado?. Subir el volumen del audio al máximo. Proporcionar subtítulos sincronizados para el contenido hablado y los sonidos relevantes. Incluir únicamente una imagen de portada. Eliminar los controles de reproducción.

Un desarrollador implementa una acción Guardar con un div y un evento onclick. ¿Cuál es la mejora preferible?. Utilizar un elemento button con un nombre que identifique la acción. Eliminar el texto Guardar y dejar solo un icono sin alternativa. Añadir únicamente un color de fondo al div. Cambiar el div por un elemento span sin más modificaciones.

En una tabla sencilla de notas, ¿qué combinación HTML ayuda a identificar su título y relacionar los encabezados con los datos?. Una imagen de la tabla en lugar de datos HTML. div y span para todas las celdas. caption, th y scope cuando corresponda. Únicamente estilos CSS en la primera fila.

Una página obtiene 100 puntos de accesibilidad en Lighthouse. ¿Qué conclusión es correcta?. Ha superado las comprobaciones puntuadas por la herramienta, pero siguen siendo necesarias pruebas manuales. La página cumple automáticamente todos los criterios WCAG AAA. La página ya dispone necesariamente de una certificación oficial. No es necesario comprobar la navegación mediante teclado.