{"id":5692,"date":"2024-11-14T13:45:07","date_gmt":"2024-11-14T16:45:07","guid":{"rendered":"https:\/\/blog.scielo.org\/es\/?p=5692"},"modified":"2024-11-29T16:35:00","modified_gmt":"2024-11-29T19:35:00","slug":"accesibilidad-en-el-programa-pt-2","status":"publish","type":"post","link":"https:\/\/blog.scielo.org\/es\/2024\/11\/14\/accesibilidad-en-el-programa-pt-2\/","title":{"rendered":"Accesibilidad en el Programa SciELO: estado actual y perspectivas de futuro \u2013 Parte 2"},"content":{"rendered":"

Por Grupo SciELO Accesibilidad1<\/a><\/sup><\/strong><\/p>\n

Mejoras de acesibilidad en el sitio web de la Colecci\u00f3n SciELO Brasil<\/h3>\n
\"Fotograf\u00eda<\/a>

Imagen: Hal Gatewood<\/a>.<\/em><\/p><\/div>\n

A lo largo de sus 26 a\u00f1os de existencia, el mantenimiento recurrente de la interfaz del conjunto de sitios SciELO (portal de la Red SciELO, colecciones nacionales, buscador, etc.) no se realiz\u00f3 de manera conjunta y estandarizada. Realizados de forma fragmentada, los resultados tendieron a no abarcar satisfactoriamente las caracter\u00edsticas consistentes de las interfaces. En consecuencia, los comportamientos de usabilidad y navegabilidad siguieron siendo diferentes al considerar diferentes dispositivos y sistemas operativos (desktop<\/em>, tableta, Android<\/em>, iOS).<\/p>\n

Ante esto, SciELO Accesibilidad realiz\u00f3 un estudio piloto para identificar y clasificar las barreras a la accesibilidad presentes en el sitio web de la metodolog\u00eda SciELO. La iniciativa consisti\u00f3 en someter el sitio web SciELO a una evaluaci\u00f3n heur\u00edstica, cuyo m\u00e9todo consiste en inspeccionar y probar la usabilidad y navegabilidad de la interfaz para identificar posibles problemas de accesibilidad.<\/p>\n

Estos procedimientos fueron realizados por cuatro profesionales del \u00e1rea de Educaci\u00f3n Especial, dos profesionales con discapacidad visual, usuarios de software<\/em> de lector de pantalla, y un doctor en Ciencias de la Computaci\u00f3n del \u00e1rea de Interacci\u00f3n Humano Computadora (HCI). Usando procedimientos de verificaci\u00f3n manuales (con y sin uso de lectores de pantalla) y electr\u00f3nicos WAVE <\/a>Web Accessibility Evaluation Tool<\/em><\/a>.2<\/a><\/sup><\/p>\n

Los resultados de la evaluaci\u00f3n permitieron identificar y corregir elementos que impactaban cr\u00edticamente en la accesibilidad del sitio web, entre los que se destacan: interfaz no apta para dispositivos m\u00f3viles, falta de contrastes y colores perceptibles para personas dalt\u00f3nicas, fuente inadecuada tama\u00f1o y botones y lectura por lectores de pantalla perjudicados por la falta de jerarqu\u00eda de la informaci\u00f3n.<\/p>\n

Las mejoras realizadas a la plataforma se presentan en esta segunda parte del post Accesibilidad en el Programa SciELO: estado actual y perspectivas de futuro \u2013 Parte 1<\/a>.3<\/a><\/sup><\/p>\n

Se ajust\u00f3 la capacidad de respuesta de la p\u00e1gina del art\u00edculo, asegurando una buena navegaci\u00f3n en diferentes tama\u00f1os de pantalla del dispositivo. En este proceso, cada uno de los componentes de la interfaz se desarrolla individualmente y los cambios se realizan de forma global. Esta metodolog\u00eda se conoce como sistema de dise\u00f1o. La adaptaci\u00f3n de los componentes de la interfaz fue apoyada por la herramienta de creaci\u00f3n de prototipos visuales Figma<\/em><\/a>.<\/p>\n

Adem\u00e1s de la capacidad de respuesta, la nueva interfaz de los sitios web de la metodolog\u00eda SciELO ofrecer\u00e1 dos versiones: modo claro, con fondo blanco, y modo nocturno, que utiliza fondo oscuro.<\/p>\n

Los sitios web de las colecciones nacionales SciELO est\u00e1n compuestos esencialmente por textos, de ah\u00ed la especial atenci\u00f3n que se prest\u00f3 al tama\u00f1o de las fuentes, teniendo en cuenta la jerarqu\u00eda de la informaci\u00f3n. Se decidi\u00f3 mantener un est\u00e1ndar de 16px para los elementos de la interfaz y 18px para el cuerpo del texto de los art\u00edculos, adem\u00e1s de considerar fuentes sans-serif<\/em> para asegurar fluidez en la lectura en pantalla. Aunque estos son los valores predeterminados, el lector puede aumentar o disminuir el tama\u00f1o de la fuente de los textos para una lectura m\u00e1s c\u00f3moda y una experiencia m\u00e1s personalizada.<\/p>\n

Usabilidad X Accesibilidad<\/h3>\n

Considerando la siguiente tabla, basada em The Importance of Usability and Accessibility in Design<\/em><\/a>,4<\/a><\/sup> que destaca las diferencias entre accesibilidad y usabilidad, entendemos que la aplicaci\u00f3n de conceptos de sistemas de dise\u00f1o hasta ahora ha tenido como objetivo principal la usabilidad, con el objetivo de estandarizar componentes y mejorar el tiempo de aprendizaje y la finalizaci\u00f3n de tareas.<\/p>\n\n\n\n\n\n\n\n
Principales aspectos de usabilidad <\/strong><\/td>\nPrincipales aspectos de la accesibilidad <\/strong><\/td>\n<\/tr>\n
Facilidad de aprendizaje<\/strong>: la rapidez con la que los usuarios pueden aprender a utilizar una interfaz.<\/td>\nCompatibilidad con lectores de pantalla<\/strong> para personas con discapacidad visual.<\/td>\n<\/tr>\n
Eficiencia<\/strong>: la rapidez con la que los usuarios pueden realizar sus tareas.<\/td>\nTeclados y navegaci\u00f3n<\/strong> r\u00e1pida para aquellos que no pueden usar un mouse<\/em>.<\/td>\n<\/tr>\n
Memorabilidad<\/strong>: cu\u00e1nto recuerdan los usuarios c\u00f3mo usar la interfaz despu\u00e9s de no usarla por un tiempo.<\/td>\nSubt\u00edtulos y transcripciones<\/strong> de contenidos de audio y v\u00eddeo, al servicio de personas con discapacidad auditiva.<\/td>\n<\/tr>\n
Satisfacci\u00f3n<\/strong>: qu\u00e9 tan placentera es la experiencia general.<\/td>\nContrastes de color<\/strong> adecuados para personas con daltonismo o baja visi\u00f3n.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Entre los principales puntos de accesibilidad mencionados, el sistema de dise\u00f1o resolvi\u00f3 el adecuado contraste de color, en lo que respecta a botones de navegaci\u00f3n, enlaces e iconograf\u00eda. Elementos como la compatibilidad con lectores de pantalla, teclados, navegaci\u00f3n mediante atajos y el uso de otras tecnolog\u00edas de asistencia a\u00fan deben mejorarse como elementos de la interfaz.<\/p>\n

Un punto fuerte y uno de los principales focos del sistema de dise\u00f1o en relaci\u00f3n con la accesibilidad fue la capacidad de respuesta, que se refiere a la adaptaci\u00f3n de la interfaz a diferentes tama\u00f1os de pantalla.<\/p>\n

La nueva interfaz de los sitios web de la metodolog\u00eda SciELO tiene puntajes satisfactorios en los principales validadores de accesibilidad, como AccessMonitor<\/em><\/a>,5<\/a><\/sup> adem\u00e1s de seguir recomendaciones internacionales, como el European Accessibility Act<\/em><\/a>.6<\/a><\/sup> Algunas decisiones tambi\u00e9n se basaron en la consideraci\u00f3n de los dem\u00e1s pa\u00edses pertenecientes a SciELO Red y su legislaci\u00f3n, as\u00ed como caracter\u00edsticas de la infraestructura de conexi\u00f3n a la ruta Internet local.<\/p>\n

Mejoras \/ comparaci\u00f3n<\/h3>\n

Para el proceso de mejora del sitio se utiliz\u00f3 el enfoque de dise\u00f1o mobile-first<\/em> (Mobile-First Design Approach<\/em>), en el que se prioriza la adecuaci\u00f3n a dispositivos m\u00f3viles. Esto supone que, si todos los contenidos y recursos son accesibles en pantallas peque\u00f1as \/ dispositivos m\u00f3viles, tambi\u00e9n lo ser\u00e1n en pantallas m\u00e1s grandes.<\/p>\n

A continuaci\u00f3n, se muestran ejemplos de botones y fuentes adecuados para ser clicables en dispositivos m\u00e1s peque\u00f1os:<\/p>\n\n\n\n\n
Antes<\/strong><\/td>\nDespu\u00e9s<\/strong><\/td>\n<\/tr>\n
\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla del navegador de un smartphone de la parte superior izquierda de la p\u00e1gina de inicio del sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. S\u00f3lo es visible una parte del contenido, la de la izquierda. Al llegar al extremo derecho de la pantalla, se interrumpe la visualizaci\u00f3n del contenido, incluyendo el logotipo SciELO, la caja y el bot\u00f3n de b\u00fasqueda y el feed de Comunicados de Prensa SciELO, que aparecen cortados por la mitad.<\/td>\n

\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla del navegador de un smartphone de la parte superior izquierda de la p\u00e1gina de inicio del sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n despu\u00e9s de los ajustes. La parte superior es totalmente visible y ajustada a la pantalla del smartphone. El logotipo SciELO aparece completo, centrado, al igual que los campos de b\u00fasqueda y el bot\u00f3n inferior. Ning\u00fan contenido o elemento est\u00e1 oculto o se muestra a medias. Se pueden ver las opciones de idioma de la interfaz en la esquina superior derecha de la pantalla, lo que no era posible en la versi\u00f3n anterior.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Color de acci\u00f3n de contraste \u2013 Enlaces y botones (azul):<\/p>\n\n\n\n\n\n\n
Antes<\/strong><\/td>\nDespu\u00e9s<\/strong><\/td>\n<\/tr>\n
\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la secci\u00f3n “Lista de revistas” de la p\u00e1gina de inicio del sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. Los enlaces “Alfab\u00e9tico” y “Tem\u00e1tico” est\u00e1n en un tono m\u00e1s claro de azul, con poco contraste con el fondo gris claro del banner donde se encuentran los enlaces.<\/td>\n

\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la secci\u00f3n “Lista de revistas” de la p\u00e1gina inicial del sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n posterior a los ajustes. Los enlaces “Alfab\u00e9tico” y “Tem\u00e1tico” est\u00e1n en un tono m\u00e1s oscuro de azul, en mayor contraste con el fondo gris claro del banner donde se encuentran los enlaces.<\/td>\n<\/tr>\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla del bot\u00f3n “Buscar” en el sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. El bot\u00f3n est\u00e1 en un tono de azul m\u00e1s claro, con poco contraste con el fondo gris claro de la franja donde se encuentra el bot\u00f3n. La palabra “Buscar” est\u00e1 alineada a la izquierda y hay un icono en forma de lupa a la derecha del bot\u00f3n.<\/td>\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla del bot\u00f3n “Buscar” en el sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n posterior a los ajustes. El bot\u00f3n est\u00e1 en un tono m\u00e1s oscuro de azul, en mayor contraste con el fondo gris claro de la franja donde se encuentra el bot\u00f3n. La palabra “Buscar” est\u00e1 alineada en el centro y se ha eliminado el icono de la lupa.<\/td>\n<\/tr>\n

\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla del men\u00fa de navegaci\u00f3n flotante en los art\u00edculos del sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. Los botones est\u00e1n en un tono de azul m\u00e1s claro, con poco contraste con el fondo sobre el que se encuentran los botones. La mitad de los botones est\u00e1n delante de un fondo gris claro y la otra mitad delante de un fondo blanco.<\/td>\n

\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla del men\u00fa de navegaci\u00f3n flotante en los art\u00edculos del sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n despu\u00e9s de los ajustes. Los botones est\u00e1n en un tono m\u00e1s oscuro de azul, con mayor contraste con el fondo sobre el que se encuentran los botones. Todos los botones est\u00e1n delante de un fondo blanco. Los iconos dentro de cada bot\u00f3n est\u00e1n m\u00e1s simplificados en comparaci\u00f3n con los iconos de la versi\u00f3n anterior.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Todos los enlaces fueron formateados en el mismo color, asegurando la estandarizaci\u00f3n:<\/p>\n\n\n\n\n\n
Antes<\/strong><\/td>\nDespu\u00e9s<\/strong><\/td>\n<\/tr>\n
\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la parte derecha del campo de b\u00fasqueda en la p\u00e1gina de inicio del sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. Los enlaces “Acerca de SciELO Brasil” y “A\u00f1adir otro campo +” son de color gris oscuro. Hay un icono azul de “informaci\u00f3n” en formato de imagen a la izquierda del enlace “Acerca de SciELO Brasil”.<\/td>\n

\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la parte derecha del campo de b\u00fasqueda en la p\u00e1gina de inicio del sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n posterior a los ajustes. Los enlaces “Sobre el SciELO Brasil” y “Agregar otro campo” est\u00e1n coloreados en azul en el mismo tono que los botones y otros enlaces del sitio. El icono de “informaci\u00f3n” a la izquierda del enlace “Acerca de SciELO Brasil” tambi\u00e9n est\u00e1 en el mismo tono de azul, pero ha sido sustituido por un icono universal estandarizado y accesible.<\/td>\n<\/tr>\n

\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la parte superior derecha de la p\u00e1gina de inicio de una revista en el sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. Los enlaces y los iconos de informaci\u00f3n est\u00e1n en diferentes colores, con bajo contraste y poco espacio entre las l\u00edneas, lo que dificulta la selecci\u00f3n, especialmente en pantallas m\u00f3viles y en el uso de pantallas t\u00e1ctiles. Los iconos est\u00e1n en formato de imagen.<\/td>\n

\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la parte superior derecha de la p\u00e1gina de inicio de una revista en el sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n despu\u00e9s de los ajustes. Los enlaces y los \u00edconos de informaci\u00f3n est\u00e1n en el mismo color, con mayor contraste y espaciamiento entre las l\u00edneas y dispuestos en formato de tabla con bordes aparentes, lo que facilita la selecci\u00f3n, especialmente en pantallas m\u00f3viles y de uso t\u00e1ctil. Los iconos de imagen se han sustituido por iconos universales normalizados y accesibles.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Se utilizaron iconos universales estandarizados y accesibles, con el \u00e1rea m\u00ednima t\u00e1ctil sugerida para m\u00f3viles (google material icons<\/em>):<\/p>\n\n\n\n\n
Antes<\/strong><\/td>\nDespu\u00e9s<\/strong><\/td>\n<\/tr>\n
\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la parte que muestra una secuencia de iconos utilizados en el sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. De izquierda a derecha: una casa, una flecha que apunta al noreste, dos figuras humanas una detr\u00e1s de la otra, un icono con un signo de interrogaci\u00f3n, un icono de informaci\u00f3n y un sobre. Los iconos est\u00e1n en formato de imagen, en un color poco contrastado y con poco espacio entre ellos, lo que dificulta la selecci\u00f3n, sobre todo en pantallas m\u00f3viles y de uso t\u00e1ctil.<\/td>\n

\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la parte que muestra una secuencia de iconos utilizados en el sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n posterior a los ajustes. De izquierda a derecha: una casa, una flecha que apunta al noreste, dos figuras humanas una detr\u00e1s de la otra, un icono con un signo de interrogaci\u00f3n, un icono de informaci\u00f3n y un sobre. Los iconos tienen un formato universal normalizado y accesible, en un color con mayor contraste, con mayor espaciado entre ellos y dispuestos en formato de tabla con bordes aparentes, lo que facilita la selecci\u00f3n, especialmente en pantallas m\u00f3viles y de uso t\u00e1ctil.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Hubo un aumento en el tama\u00f1o de la fuente y el interlineado en el cuerpo de los art\u00edculos:<\/p>\n\n\n\n\n
Antes<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de un p\u00e1rrafo de la secci\u00f3n “Introducci\u00f3n” de un art\u00edculo del sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. El tama\u00f1o del texto es peque\u00f1o y el interlineado corto.<\/td>\n<\/tr>\n

\n

Despu\u00e9s<\/strong><\/p>\n<\/td>\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de un p\u00e1rrafo de la secci\u00f3n “Introducci\u00f3n” de un art\u00edculo del sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. El tama\u00f1o del texto es peque\u00f1o y el interlineado corto.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Tambi\u00e9n hubo un aumento en el tama\u00f1o de fuente y el espacio entre l\u00edneas de los elementos de la interfaz de navegaci\u00f3n:<\/p>\n\n\n\n\n\n\n
Antes<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la secci\u00f3n “SciELO en Perspectiva” en la p\u00e1gina principal del sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes, donde hay dos recuadros que muestran los \u00faltimos posts publicados en el blog SciELO en Perspectiva. De arriba abajo, cada recuadro se compone de la fecha de publicaci\u00f3n, una imagen, el t\u00edtulo del post, un breve extracto del resumen y un enlace “seguir leyendo”. El fondo de la caja es gris claro y los enlaces azul claro, con poco contraste. Hay poco espacio entre las l\u00edneas.<\/td>\n<\/tr>\n

Despu\u00e9s<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la secci\u00f3n “SciELO en Perspectiva” en la p\u00e1gina de inicio del sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n despu\u00e9s de los ajustes, donde hay dos cajas que muestran los \u00faltimos posts publicados en el blog SciELO en Perspectiva. De arriba abajo, cada recuadro se compone de una imagen, la fecha de publicaci\u00f3n, el t\u00edtulo del post, un breve extracto del resumen y un bot\u00f3n “seguir leyendo”. El fondo de la caja es blanco y los enlaces negros, con mayor contraste. El espacio entre l\u00edneas es mayor.<\/td>\n<\/tr>\n

Antes<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla del bot\u00f3n RSS ubicado en la parte inferior de la p\u00e1gina de las revistas indexadas en la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. A la izquierda aparece el icono RSS en color naranja, seguido del texto “Siga los n\u00fameros de esta revista en su lector RSS” a la derecha, en dos l\u00edneas. El tama\u00f1o del texto es peque\u00f1o, al igual que el espacio entre las l\u00edneas.<\/td>\n<\/tr>\n

Despu\u00e9s<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla del bot\u00f3n RSS ubicado en el pie de p\u00e1gina de las revistas indexadas en la Colecci\u00f3n SciELO Brasil despu\u00e9s de los ajustes. En el lado izquierdo hay un icono RSS m\u00e1s simplificado, en azul, seguido del texto “Siga los n\u00fameros de esta revista en su lector RSS” en el lado derecho, en dos l\u00edneas. El tama\u00f1o del texto es mayor, as\u00ed como el espacio entre las l\u00edneas.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Tambi\u00e9n se han realizado ajustes en el tama\u00f1o de la letra y el \u00e1rea de clic:<\/p>\n\n\n\n\n
Antes<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la lista alfab\u00e9tica de revistas indexadas en la Colecci\u00f3n Brasil en la versi\u00f3n anterior a los ajustes. Muestra una lista de tres revistas. Cada l\u00ednea se compone de la siguiente manera: a la izquierda hay una secuencia de seis iconos en formato de imagen, con poco contraste y espaciado entre ellos. A la derecha, el t\u00edtulo de la revista, el n\u00famero de n\u00fameros y la fecha de publicaci\u00f3n del \u00faltimo n\u00famero. La informaci\u00f3n est\u00e1 dispuesta con poco espaciado entre s\u00ed, lo que reduce el \u00e1rea de clic.<\/td>\n<\/tr>\n

Despu\u00e9s<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la lista alfab\u00e9tica de revistas indexadas en la Colecci\u00f3n SciELO Brasil en la versi\u00f3n posterior a los ajustes. Muestra una lista con dos revistas. Cada l\u00ednea se compone de la siguiente manera: en la parte superior, el t\u00edtulo de la revista, el n\u00famero de n\u00fameros y la fecha de publicaci\u00f3n del \u00faltimo n\u00famero. Debajo del t\u00edtulo de la revista, hay una secuencia de seis iconos en formato de imagen, con mayor contraste y espaciado entre ellos, as\u00ed como un contorno cuadrado que delimita la zona de iconos. La informaci\u00f3n est\u00e1 dispuesta con mayor espaciado entre ellos, aumentando as\u00ed el \u00e1rea de clic.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Ahora la ruta de navegaci\u00f3n (conocida como breadcrumb trail<\/em>) est\u00e1 disponible en todas las pantallas con el objetivo de localizar y guiar al usuario en su navegaci\u00f3n. En la parte superior del sitio SciELO, el usuario puede comprender el recorrido seguido por sus p\u00e1ginas, desde el punto de partida hasta el contenido que est\u00e1 visitando en ese momento.<\/p>\n

Siguiendo este camino, el sitio ofrece m\u00e1s posibilidades de navegaci\u00f3n y b\u00fasqueda a los usuarios, permiti\u00e9ndoles regresar a las p\u00e1ginas que han visitado o acceder a p\u00e1ginas de categor\u00edas y subcategor\u00edas para buscar nuevos contenidos.<\/p>\n\n\n\n\n
Antes<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la p\u00e1gina de inicio de la revista Advances in Weed Science<\/em> en el sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes. No hay ruta de navegaci\u00f3n (conocida como breadcrumb trail<\/em>) disponible.<\/td>\n<\/tr>\n

Despu\u00e9s<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la p\u00e1gina de inicio de la revista Advances in Weed Science en el sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n posterior a los ajustes. Se puede ver una ruta de navegaci\u00f3n (conocida como breadcrumb trail) disponible justo debajo de la cabecera, y antes del contenido principal de la p\u00e1gina. El encabezado muestra la siguiente secuencia: Icono de la casa (p\u00e1gina de inicio) \/ Revistas \/ Advances in Weed Science<\/em>.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Ruta de navegaci\u00f3n vista de forma aislada:<\/p>\n\n\n\n
\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la ruta de navegaci\u00f3n aislada en el sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n despu\u00e9s de los ajustes. Muestra la siguiente secuencia: Icono de la casa (p\u00e1gina de inicio) \/ Revistas \/ Advances in Weed Science<\/em>. La ruta de navegaci\u00f3n aparece sobre fondo gris.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Se ha agregado la ruta de navegaci\u00f3n a todas las pantallas. Ayuda a comprender la navegaci\u00f3n al mostrar la ruta tomada desde la p\u00e1gina de inicio hasta la p\u00e1gina actual y permite la navegaci\u00f3n para cada uno de los pasos anteriores.<\/p>\n

En el m\u00f3vil solo muestra el paso anterior:<\/p>\n\n\n\n
\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la ruta de navegaci\u00f3n aislada en el sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n despu\u00e9s de los ajustes. Muestra la siguiente secuencia: flecha izquierda \/ Revistas, indicando que es posible retroceder un paso. En el extremo derecho, hay un bot\u00f3n para compartir en las redes sociales. La ruta de navegaci\u00f3n aparece sobre fondo gris.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

La estandarizaci\u00f3n de las etiquetas de encabezado (headings<\/em>), tambi\u00e9n conocidas como etiquetas de t\u00edtulo y subt\u00edtulo, ayuda a los usuarios a comprender la jerarqu\u00eda y el contexto del contenido de las p\u00e1ginas del sitio SciELO, clasificar los resultados de b\u00fasqueda y adoptar mecanismos de b\u00fasqueda por combinaciones de teclado, ampliamente utilizado por personas que utilizan software<\/em> de lectura de pantalla.<\/p>\n\n\n\n\n\n\n\n\n\n
Antes<\/strong><\/td>\n<\/tr>\n
Lista de revistas \u2013 H1<\/strong><\/td>\n\"Descripci\u00f3n<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la secci\u00f3n “Listado de revistas” en la p\u00e1gina de inicio del sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes.<\/td>\n<\/tr>\n

Revistas \u2013 H1<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla detallada del t\u00edtulo “Publicaciones Peri\u00f3dicas” en la p\u00e1gina de inicio de una revista indexada en el sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes.<\/td>\n<\/tr>\n

Nuestra misi\u00f3n \u2013 H1<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla detallada de la secci\u00f3n “Nuestra Misi\u00f3n” de la p\u00e1gina de inicio de una revista indexada en el sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n anterior a los ajustes.<\/td>\n<\/tr>\n

Despu\u00e9s<\/strong><\/td>\n<\/tr>\n
Lista de revistas \u2013 H2<\/strong><\/td>\n\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla de la secci\u00f3n “Lista de revistas” en la p\u00e1gina de inicio del sitio de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n despu\u00e9s de los ajustes. No hay cambios visibles en comparaci\u00f3n con la versi\u00f3n anterior, pero el cambio en el nivel jer\u00e1rquico (uso de etiquetas de encabezado) mejora la lectura por herramientas de asistencia.<\/td>\n<\/tr>\n

\n

Revistas \u2013 Ruta de navegaci\u00f3n<\/strong><\/p>\n

Nuestra misi\u00f3n \u2013 H2<\/strong><\/p>\n<\/td>\n

\"Captura<\/p>\n

Descripci\u00f3n de la imagen: Captura de pantalla detallando la ruta de navegaci\u00f3n (anteriormente mostrada como el t\u00edtulo) y la secci\u00f3n “Nuestra Misi\u00f3n” en la p\u00e1gina de inicio de una revista indexada en el sitio web de la Colecci\u00f3n SciELO Brasil en la versi\u00f3n despu\u00e9s de los ajustes. El uso correcto de las etiquetas de encabezamiento mejora la lectura por parte de las herramientas de asistencia.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

Accesibilidad en el Programa SciELO: estado actual y perspectivas de futuro<\/h3>\n