Presentación
Es fundamental tener en cuenta la accesibilidad al configurar la interfaz de su plataforma. Este artículo proporciona algunas consideraciones básicas para ayudarle a configurar la interfaz de su plataforma de una manera accesible.
Colores y contraste
El contraste y los colores son cruciales para que la interfaz sea accesible. El texto debe tener una relación de contraste suficiente con respecto a su fondo, permitiendo que usuarios con diferentes niveles de visión perciban y comprendan el contenido. Los usuarios, incluidos aquellos con impedimentos visuales, deben poder percibir el contenido en la página.
Mantenga una relación de contraste mínima de al menos 4.5:1 para textos de tamaño normal y de al menos 3:1 para textos de gran tamaño. Además, la presentación visual de los componentes de la interfaz de usuario y los objetos gráficos debe tener una relación de contraste de al menos 3:1 con respecto a los colores adyacentes.
Hay varias herramientas disponibles en línea para comprobar el contraste de color, tales como:
- Color Contrast Checker (se abre en una nueva pestaña)
- Color Contrast Analyzer (se abre en una nueva pestaña)
Tema de color accesible
El tema de color predeterminado de Docebo Learn proporciona colores accesibles.
Puede configurar colores accesibles en su plataforma estableciéndolos en el menú Configurar marca y apariencia, sección Colores.
Use los códigos HEX proporcionados en la siguiente tabla:
| Área de color | Código HEX del color |
|---|---|
| Color principal | #7E2EE9 |
| Color del texto principal | #212721 |
| Color del texto secundario | #707070 |
| Texto y color acentuado de los enlaces | #5D1EBC |
| Bordes, líneas | #E4E6E5 |
| Fondo y elementos al pasar el cursor | #f5f5f5 |
| Mensajes de confirmación | #1Eb83F |
| Alertas | #DCB7FF |
| Errores | #FF5DD8 |
Jerarquía del contenido
Asegúrese de organizar su contenido asignando el nivel de encabezado adecuado a los títulos: los encabezados comunican la organización del contenido en la página. Los navegadores web, complementos y tecnologías de asistencia pueden usarlos para ofrecer la navegación dentro de la página. Recuerde que solo se permite un nivel de encabezado 1 o <h1> por página y que este es gestionado de forma predeterminada por la barra de título de la plataforma. Esto significa que debe usar contenido personalizado comenzando desde el nivel 2 o <h2>.
A tener en cuenta: Docebo no es responsable de ningún cambio aplicado mediante CSS personalizado o inyección de contenido HTML.