Accesibilidad en la personalización de NDE
Accesibilidad en la personalización de NDE
Las bibliotecas y universidades pueden personalizar la interfaz de usuario de NDE para adaptarla a las necesidades de su institución y de sus usuarios. El objetivo de este artículo es proporcionar recomendaciones sobre consideraciones comunes de accesibilidad que deben tenerse en cuenta durante la personalización.
La interfaz de usuario básica se ha diseñado para adaptarse a la accesibilidad antes de la configuración. Consulte la Declaración de accesibilidad de Primo para obtener más información sobre las funciones de accesibilidad y las limitaciones existentes en la interfaz NDE. Durante la configuración es necesario realizar algunos pasos para garantizar que se mantenga la accesibilidad.
Estas recomendaciones se seguirán desarrollando y perfeccionando con ejemplos adicionales y mejores prácticas. Si tiene alguna recomendación sobre material que incluir, envíe un correo electrónico a accessibility@clarivate.com.
Consideraciones sobre accesibilidad
Diseño de página web y logotipo
La pantalla de inicio principal se puede personalizar utilizando tu HTML personalizado. La versión de mayo de 2026 tiene previstas futuras opciones de configuración para la página de inicio (CERV #28360). Se ofrecerán más detalles en la hoja de ruta para 2026.
Cuadros de elementos de la página de inicio
Asegúrese de que los cuadros de elementos de la página de inicio tengan los atributos aria-label adecuados, valores href correctos y etiquetas visibles precisas.
Logotipo e imágenes de la biblioteca
Clarivate proporciona un texto alternativo genérico. La biblioteca debería actualizar el texto alternativo proporcionado para el logotipo principal de la biblioteca.
<img alt="Logotipo de la biblioteca" height="35" class="black-background ng-star-inserted" src="assets/images/library-logo.png"> Por ejemplo, el nuevo texto alternativo sería Logotipo de la Universidad de Nombre de prueba.
Añadir imágenes
Si añade imágenes adicionales en la pantalla de inicio u otras páginas de la aplicación, asegúrese de proporcionar una alternativa de texto adecuada basada en el propósito de la imagen en la página.
Personalizar imágenes de fondo
Las imágenes de encabezado se pueden utilizar en varias páginas (como el encabezado principal de la página de inicio y el encabezado de la página de colección) y se han diseñado para incluir una superposición sobre la imagen. Esto garantiza que haya suficiente contraste entre el texto y la imagen de fondo.
Si decide eliminar la superposición, asegúrese de comprobar que se mantenga un contraste de color suficiente.
Personalizar un esquema de colores
La interfaz de usuario de NDE se ajusta a las buenas prácticas en el diseño de temas básicos para gestionar el contraste de colores. Todos los aspectos relacionados con el contraste de colores se gestionan a través del esquema de colores, lo que garantiza el cumplimiento de las normas de accesibilidad. Cualquier cambio en el esquema afecta directamente los niveles de contraste en toda la interfaz, lo que garantiza la legibilidad y la facilidad de uso para todos los usuarios.
Obtenga más información sobre cómo se generan, están disponibles y se pueden personalizar los esquemas de color.
Mantenga un contraste suficiente
La interfaz de usuario de NDE ha sido probada y diseñada para mantener un contraste de color suficiente en diversos estados interactivos, incluso al pasar el cursor, al enfocar y cuando está activa/pulsada. Asegúrese de que, al personalizar, se mantengan los requisitos de contraste de color.
Texto frente a fondo: asegúrese de que la relación de contraste sea de al menos:
- Al menos 4,5:1 para texto normal.
- 3:1 para texto grande (18 pt normal o 14 pt negrita)
- Componentes interactivos (botones, iconos, bordes de formularios, campos de entrada, etc.) — Contraste mínimo de 3:1 entre el componente y los colores adyacentes.
Grosor y tamaño de la fuente
La interfaz de usuario de NDE incorpora prácticas para garantizar una buena legibilidad. Al realizar personalizaciones, considere utilizar pesos de fuente mínimos para mantener la accesibilidad.
- Se evitan los pesos finos (menos de 300) para textos pequeños.
- Diferencia suficiente entre los pesos regular y negrita
- El peso de la fuente no es inferior a 300 para ningún texto inferior a 18 px.
- Todos los pesos de fuente se cargan correctamente y tienen alternativas.
- Recomendamos utilizar un tamaño de fuente mínimo de 14 px.
Personalizar etiquetas visibles
Para mostrar los códigos de etiqueta, añada &debugLabels=true al final de la URL de la página de Primo y pulse Intro para volver a cargar la página. La página muestra todas las etiquetas configurables, sustituyéndolas por sus códigos correspondientes. Para más información, consulte Configurar etiquetas de despliegue para Primo VE. Las etiquetas ARIA se pueden encontrar inspeccionando el elemento.
Cambiar los nombres de las etiquetas
Al cambiar los nombres de las etiquetas visibles, asegúrese de que también se cambie la etiqueta ARIA correspondiente.
La etiqueta aria debe comenzar con la etiqueta visible. Por ejemplo, si cambia el botón Ir a mi tarjeta de biblioteca, ajuste la etiqueta aria para que coincida con el texto visible de la etiqueta. Consulte Proporcionar nombres y descripciones accesibles | W3C.
Nombres de filtros de búsqueda
Los filtros de búsqueda son personalizados por la biblioteca para reflejar qué colección o ubicación se incluye en el alcance de búsqueda. Al configurar las opciones del menú desplegable, asegúrese de que las etiquetas de búsqueda (opciones del menú) sean claras para los usuarios.
Las etiquetas y las instrucciones deben:
- Ser claras e informativas.
- Incluir cualquier restricción, como formatos de datos requeridos o rangos, si corresponde.
- Identificar los campos obligatorios
Eliminar personalizaciones para probar la accesibilidad
Para comprobar si un problema de accesibilidad que está experimentando forma parte de la interfaz base o si fue introducido por una personalización, pruebe a eliminar las personalizaciones locales añadiendo &noCustomization=true a la URL de la página.
Añadir chat u otros elementos personalizados
Las bibliotecas pueden añadir componentes adicionales de terceros, como funciones de chat, mapas de ubicación, o crear los suyos propios. Si se añaden componentes adicionales, estos pueden tener una gama de accesibilidad incorporada y deben probarse independientemente de la interfaz de usuario de NDE.
Información general y recursos
- Personalización de la interfaz de usuario de la NDE - Buenas prácticas