Autor del artículo: Barry Dahl
18 de mayo de 2017
Justo a tiempo para GAAD 2017
Hoy (18 de mayo) es el Día Mundial de Concienciación sobre la Accesibilidad 2017, o GAAD. Aquí en D2L, prestamos atención a los problemas de accesibilidad todos los días, pero aún así, este día es muy especial. Parece oportuno hacer sonar nuestro propio cuerno hoy, ya que recientemente agregamos una mejora al editor HTML en Brightspace.
Presenta... el icono Comprobar accesibilidad en el editor HTML!
Figura: El Comprobador de accesibilidad en Brightspace Editor.
Disponible por primera vez en la versión de abril de 2017 (versión 10.7.0 para aquellos de ustedes que llevan la cuenta), el verificador de accesibilidad revisa el contenido agregado y busca los siguientes elementos:
- Uso de párrafos como encabezados
- Encabezados secuenciales
- Enlaces adyacentes
- Estructura de la lista ordenada
- Estructura de lista desordenada
- Relación de contraste entre el texto y los colores de fondo
- Texto ALT de la imagen
- Nombre del archivo de texto ALT
- Leyenda de la tabla
- Resumen de tabla compleja
- Leyenda y resumen de la tabla
- Ámbito, marcado y encabezados de encabezado de tabla
El verificador indica si no hay problemas u ofrece sugerencias para solucionar los problemas de accesibilidad identificados. Estos son algunos ejemplos:
Agregué una imagen gráfica sin agregar ningún texto alternativo escrito, indicando que estaba insertando una imagen decorativa. Cuando hice clic en el icono Comprobar accesibilidad en el editor HTML, recibí esta comprobación de accesibilidad:
Figura: Usando el Comprobador de accesibilidad en Brightspace Editor.
Ten en cuenta que el uso del icono Insertar material o el icono Insertar imagen requiere que agregues texto alternativo o marques la imagen como decorativa antes de poder agregar la imagen a la página. Si marca la imagen como decorativa, lo que inserta el código para el texto alternativo nulo (como se pretende), aún recibirá el mensaje de error potencial como se muestra arriba al ejecutar el verificador de accesibilidad. En efecto, el verificador le pide que verifique para asegurarse de que no necesita un texto alternativo escrito para describir la imagen a alguien que use un lector de pantalla.
Si quisiera usar texto alternativo nulo porque la imagen era realmente decorativa, simplemente presionaría el botón Ignorar.
Si copia y pega una imagen de otra fuente, como un documento de procesamiento de texto, es probable que venga sin ningún texto alternativo. En esta situación, el botón Comprobar accesibilidad sería de gran ayuda para el autor.
Un segundo ejemplo se muestra en el siguiente gráfico. Aquí hay un caso en el que ingresé intencionalmente encabezados de página de manera inapropiada (H2, luego H4, luego H3). El verificador de accesibilidad me avisa de este problema y me dice que deben estar en la secuencia correcta.
Figura: El Comprobador de accesibilidad resaltar contenido inaccesible en Brightspace Editor.
A continuación se muestra un tercer ejemplo. Cambié parte del texto de un color de fuente negro a otros colores de fuente más claros. Dos de los tres colores no proporcionan suficiente contraste, y el verificador de accesibilidad los resalta para mí.
Figura: El Comprobador de accesibilidad resaltando colores inaccesibles en Brightspace Editor.
Una cosa que el verificador de accesibilidad no puede hacer en este momento es alertarlo si inserta un video que no tiene subtítulos. Busqué y encontré fácilmente un video que no tiene subtítulos disponibles para reproducir. El comprobador de accesibilidad no me avisa de que el vídeo incrustado no incluye subtítulos. Este es un ejemplo de la necesidad de que el usuario siga siendo consciente de los problemas de accesibilidad y no dependa únicamente de la nueva función de comprobación de accesibilidad.
Figura: El Comprobador de accesibilidad Resaltar contenido de video inaccesible en Brightspace Editor.
En general, la función Verificar accesibilidad es una gran adición a Brightspace.