Presentación
Puede configurar sus páginas de widgets de la plataforma utilizando diversos widgets, y es importante asegurar que el contenido digital dentro de cada uno de ellos sea accesible para todos los usuarios. La accesibilidad es crucial a la hora de crear experiencias de aprendizaje inclusivas.
Este artículo describe las buenas prácticas para diseñar páginas de widgets accesibles, incluyendo estrategias como la asignación de títulos significativos y el uso de HTML semántico. Aplicando estas sencillas sugerencias, puede mejorar la facilidad de uso para personas con diversas capacidades. El objetivo es proporcionar una guía práctica que le ayude a crear un entorno de aprendizaje más inclusivo y atractivo para todos.
Para obtener una lista completa de los widgets accesibles, consulte el capítulo Alcance de este documento del Informe de cumplimiento de accesibilidad de Docebo - Áreas públicas, proceso de inicio de sesión y páginas integradas.
Para más información sobre la accesibilidad en Docebo, incluyendo una lista de los recursos disponibles, consulte el artículo Accesibilidad en Docebo.
Dar títulos significativos a los widgets
Asigne un título visible a cada widget utilizando el campo Título o definiéndolo dentro de su contenido personalizado. Si opta por proporcionar un título personalizado, recuerde asignar el nivel de encabezado correcto de acuerdo con la estructura general de la página, lo que ayuda a los lectores de pantalla a interpretar correctamente el contenido. Le recomendamos encarecidamente que defina un título para el widget incluso cuando el contenido del widget sea visualmente autoexplicativo.
Buena práctica. Si añade múltiples widgets del mismo tipo a la misma página, asegúrese de asignarles un título único y significativo a cada uno.
Widget HTML/WYSIWYG
Para garantizar la accesibilidad del widget HTML/WYSIWYG, utilice un código semántico apropiado y siga las pautas WCAG. Esta práctica no solo mejora el cumplimiento de la accesibilidad, sino también la experiencia del usuario en general.
Para más detalles, consulte el artículo Creación de una plataforma accesible con código personalizado.
Widget Vídeo incrustado
Al configurar el widget Vídeo incrustado, asegure que sea accesible para los usuarios con discapacidades visuales ofreciendo alternativas para los contenidos multimedia con un tiempo, como los vídeos. Esto puede incluir la adición de audiodescripciones de los elementos visuales del vídeo como pistas de audio adicionales.
La plataforma Docebo no ofrece contenido pregrabado, por lo que los creadores de contenido son responsables de garantizar la accesibilidad de sus vídeos. Para más información, consulte Vimeo, YouTube y Wistia.
Para obtener más información, consulte el capítulo Vídeos incrustados del artículo Configuración de material de formación accesible.
Widget Cursos y planes de aprendizaje
Al configurar el widget Cursos y planes de aprendizaje, seleccione el modo de visualización Tarjeta o Lista en función de su público y de la cantidad de contenido. Si va a mostrar una lista larga de cursos, la vista de Lista suele ser la mejor opción.
Configure el widget para que muestre la barra de búsqueda, el selector de filtros y las opciones de clasificación solo si son esenciales para el recorrido de sus usuarios. Evite incluirlos solo por motivos de diseño: mantener un diseño limpio ayuda a reducir la carga cognitiva y mejora el uso.
Widget Caja de contenido personalizado
Al configurar el widget Caja de contenido personalizado, seleccione cuidadosamente los colores del fondo y del texto. Un fondo de color sólido suele ser la mejor opción, ya que garantiza un contraste suficiente. Si opta por un fondo de imagen, asegúrese de que el título y el subtítulo sigan siendo legibles colocándolos donde el contraste sea adecuado.
Asigne una etiqueta clara y funcional al enlace. Aunque a efectos de diseño aparezca como un botón, funciona como un enlace. Evite utilizar un texto de enlace idéntico para diferentes destinos, ya que esto puede confundir a los usuarios de lectores de pantalla. Active la opción de abrir en una nueva pestaña/ventana solo cuando realmente aporte valor añadido. Por último, alinee el contenido a la izquierda, ya que el texto alineado a la izquierda suele ser el más legible. Para más detalles sobre enlaces y accesibilidad, consulte el capítulo Utilizar los enlaces sabiamente del artículo Redactar contenido accesible y efectivo.
Widget Mi calendario
Al configurar el widget Mi calendario, recuerde que todas las vistas de calendario son accesibles y proporcionan la lista de eventos. La vista de agenda es especialmente beneficiosa, ya que impone la menor carga cognitiva a los usuarios.
Habilite la opción Mostrar vista de visualización para que los usuarios puedan seleccionar su vista de preferencia.
Widget Lista de tareas
Al configurar el widget Lista de tareas, seleccione cuidadosamente las pestañas que desee mostrar para evitar que resulten excesivas. Los usuarios pueden explorar el contenido a través de la barra de paginación o desplazándose por la página. Además, configure la altura del widget cuidadosamente para garantizar que pueda verse un número considerable de elementos de un vistazo.