En este tema se proporcionan sugerencias para ayudarle a centrarse en hacer que las páginas de contenido HTML sean más accesibles para los alumnos con discapacidades, especialmente para los alumnos que utilizan tecnología de asistencia, como un lector de pantalla.
Usar encabezados para organizar el contenido
Los encabezados proporcionan fragmentos visuales al contenido, pero también proporcionan navegación para los lectores de pantalla. No puedes limitarte a poner en negrita el texto normal; Es importante aplicar encabezados con formato. También debe asegurarse de que los encabezados se utilicen en el orden correcto: no salte de H1 a H3. Cada rumbo es importante para la navegación y el flujo del conjunto.
Agrupar elementos con listas ordenadas y no ordenadas
Tener listas es una excelente manera de ayudar a su lector a navegar por su contenido; Sin embargo, es vital utilizar el tipo de formato adecuado para sus propósitos. Las listas desordenadas (con viñetas) indican que la lista no tiene secuencia; Todos los artículos tienen la misma importancia. Las listas ordenadas (numeradas) indican una secuencia. Cuando utilice una lista, asegúrese de que está utilizando el formato de lista correcto (ordenado o desordenado). No use un guión (como una viñeta) o un número y un punto o paréntesis (por ejemplo: (2) o 2. ) al principio de una oración o frase, ¡esa no es una lista con el formato adecuado! No utilices las listas como herramienta de diseño para aplicar sangría.
Enlace a contenido adicional
Proporcionar enlaces bien formados mejora su contenido para las personas que utilizan tecnología de asistencia. Estas son algunas pautas generales para el uso de enlaces:
- Asegúrate de que el usuario sepa a dónde va si hace clic en un enlace. Dicho Haga clic aquí con el gatillo en la palabra Aquí no es útil para nadie, ya sea que usen tecnología de asistencia o no. Usa texto descriptivo o el nombre de la página a la que envías al lector. No utilices la URL del enlace como texto del enlace.
- Si varios enlaces tienen el mismo texto de enlace, deben ir al mismo destino.
- Los usuarios de lectores de pantalla pueden desplazarse por los enlaces como método de lectura de contenido. ¿Tus enlaces tienen sentido cuando no están en el contexto del contenido circundante?
Para obtener más información, consulte Algunos consejos sobre enlaces de texto accesibles video de Nomensa.
Ten en cuenta los colores y los efectos de tus páginas
Evite que el contenido parpadee o parpadee
Cualquier contenido que parpadee o parpadee (especialmente el contenido en rojo) puede causar convulsiones en personas con epilepsia fotosensible, así como otros trastornos convulsivos fotosensibles, por lo que debe limitarse y usarse solo cuando sea necesario. Las páginas web que contienen contenido intermitente deben limitar el parpadeo a no más de tres parpadeos por segundo y no utilizar rojos completamente saturados en el contenido. Si tienes contenido que parpadea más de tres veces por segundo, congela el contenido parpadeante momentáneamente para que quede por debajo del límite de tres veces por segundo. Si tienes un vídeo web con una escena en la que hay relámpagos muy brillantes (u otras escenas con destellos), edita el vídeo para que los relámpagos no parpadeen más de tres veces en un período de un segundo.
Usar un verificador de contraste de color
Hay un verificador de color incorporado en el editor HTML de Brightspace. Al hacer clic en diferentes colores de fuente, los números de la relación de contraste cambiarán para indicar la cantidad de contraste entre el color de la fuente (color de primer plano) y el color de fondo. Además de calcular los números de relación de contraste, el verificador de color también indicará si las opciones de color se ajustan a la Pautas de accesibilidad al contenido web (WCAG, por sus siglas en inglés).
Hay tres resultados posibles con respecto a si se cumplen las normas WCAG:
- Marca de verificación verde, que indica que se cumplen los estándares AA WCAG con una proporción mínima de 4,5:1.
- Símbolo de precaución, que indica que está cerca, pero por debajo de la relación mínima de 4,5:1.
- Círculo rojo con X blanca, lo que indica un contraste deficiente.
Para obtener más información, consulte Acerca de Brightspace Editor.
Diseñar mesas teniendo en cuenta la accesibilidad
Las tablas están diseñadas para mostrar datos tabulares, pero ocasionalmente se utilizan para proporcionar estructura y diseño a las páginas web. Las hojas de estilo en cascada (CSS) han reemplazado la necesidad de diseños de tabla. la consideración más importante cuando se utiliza una tabla en el contenido HTML es si mantiene un orden de lectura adecuado para que pueda ser leída por la tecnología de asistencia.
Crear tablas de datos con encabezados de columna
La designación de encabezados de columna y/o fila en una tabla es esencial para que los usuarios de lectores de pantalla comprendan cómo se distribuye la información. Los lectores de pantalla suelen tener un comando de teclado que informará al usuario de cuál es el encabezado de columna y/o fila de la celda de datos en la que se encuentra el cursor, lo que facilita la navegación y la comprensión de los datos tabulares. Aun así, los datos tabulares pueden ser desalentadores para un usuario de lector de pantalla. Por lo tanto, es mejor mantener las mesas pequeñas si es posible. Considere dividir las mesas grandes en otras más pequeñas. Pero siempre incluya encabezados de columna y/o fila en todas las tablas, excepto en las tablas de diseño.1
Pruebe la tecnología de asistencia
Observa el contenido de tu curso de la forma en que lo verán tus alumnos.
¿Cómo suena tu contenido en un lector de pantalla?
Un lector de pantalla es un programa informático que produce una versión auditiva del texto que está disponible en una página web o en un documento generado por ordenador. Los lectores de pantalla más utilizados son: MANDÍBULAS®, NVDA, Ojos de ventanay Voz en off. Puedes probar la mayoría de estos programas de forma gratuita, y te sugiero que lo hagas para tener una idea de esa experiencia de usuario. Hay una pequeña curva de aprendizaje cuando se comienza con un lector de pantalla, pero a medida que se tropieza con las primeras veces que usa un lector, es probable que desarrolle cierta empatía por los estudiantes que deben depender de dicha tecnología para acceder al aprendizaje.
Pruebe sus páginas web usando solo su teclado
Abra una de las páginas de contenido del curso en una ventana nueva. Usando solo su teclado para navegar, ¿puede acceder a todas las funciones y operar todos los botones o enlaces?
El contenido simple con texto e imágenes puede ser bastante fácil de navegar; Sin embargo, los videos incrustados, un reproductor de audio o los botones de acción pueden presentar algunos desafíos. Si descubre que parte de su contenido no es fácilmente navegable con acceso solo con el teclado, es posible que deba cambiar el contenido u obtener ayuda técnica para que el contenido sea más accesible.
Los usuarios de teclado suelen utilizar la tecla Tab para navegar por los distintos componentes de una página web. Las otras teclas más utilizadas son Enter, la barra espaciadora y las teclas de flecha.
Puede obtener más información sobre Accesibilidad del teclado en WebAIM.
Sepa cuándo usar PDF como tipo de archivo
Al entregar contenido en una página web, como en un curso en línea, una página HTML correctamente hecha es el formato de archivo más accesible, PDF puede ser una buena opción para el tipo de archivo de documento, si:
- La apariencia del documento es fundamental y debe verse exactamente igual en varias plataformas informáticas diferentes.
- El documento debe estar encriptado, incluirá cosas como una marca de agua o una firma digital.
- Desea que sea más difícil para el espectador editar el documento.
Si decide proporcionar un PDF a sus alumnos, asegúrese de saber cómo hacer que sus archivos PDF sean accesibles para los alumnos que utilizan tecnología de asistencia.
Hay dos formas de crear un PDF accesible:
- Convertir un archivo de origen, como un documento de PowerPoint® o Word, a un PDF
- Escanear una copia impresa de un documento a PDF.
Para obtener más información, consulte MOOC de accesibilidad web para educadores en línea, sitio de contenido público.
Utilice plantillas accesibles para sus páginas de contenido
Si has leído hasta aquí y estás pensando que hay mucho que tener en cuenta, ¡no temas! D2L ha desarrollado y compartido paquetes de plantillas HTML en un esfuerzo por facilitar a los instructores del curso la creación de archivos de contenido HTML accesibles y de aspecto profesional. Las plantillas utilizan una hoja de estilo en cascada (CSS) para dar formato al contenido de los archivos HTML. Las funciones de accesibilidad están integradas en el archivo CSS, lo que permite al desarrollador de contenido concentrarse en agregar texto, imágenes y otros recursos del curso sin preocuparse por el formato adecuado.
Para descargar las plantillas accesibles en la Comunidad de Brightspace, visite Plantillas HTML (versión 3). Estas plantillas son de dominio público y están disponibles para su uso, ¡de forma gratuita!
Nota: El contenido de este tema se consolidó a partir de Cuatro victorias fáciles para hacer que sus páginas de contenido HTML sean más accesibles, tres formas más de mejorar la accesibilidad en sus cursos de Brightspace, y Seis consejos más para hacer que los cursos en línea sean accesibles y ha sido actualizado desde WAMOE, el MOOC de accesibilidad web para educadores en línea; co-creado por Karen Sorensen de Portland Community College y Barry Dahl de D2L.