Storyline 360: Formato semántico accesible
Artículo actualizado el
Este artículo se aplica a:
Las personas que utilizan tecnologías de asistencia, como los lectores de pantalla, confían en el formato semántico de un sitio web (código fuente) para pintar una imagen mental del contenido que obtienen los usuarios visuales escaneando visualmente la página. Este requisito se aplica también a los cursos de cursos de e-learning. Storyline 360 publica cursos con formato semántico para encabezados, enlaces, listas y otros elementos para que los usuarios del lector de pantalla puedan comprender y explorar el contenido fácilmente.
La lista de elementos en el lector de pantalla NVDA narra todos los enlaces de la diapositiva.
Capacitar a los usuarios del lector de pantalla
Los lectores de pantalla siempre han sido capaces de leer texto en los cursos de Storyline 360, pero Storyline 360 no siempre proporcionó formato semántico accesible para identificar el diseño y las relaciones del texto. Por ejemplo, en versiones anteriores de Storyline 360, los lectores de pantalla no podían diferenciar entre encabezados, párrafos y listas. Esto dejó a los usuarios lectores de pantalla en desventaja. Escucharon el contenido pero no obtuvieron todo el contexto.
A partir de la actualización de diciembre de 2020, Storyline 360 publica automáticamente texto con la estructura semántica correcta, permitiendo a los usuarios de lectores de pantalla identificar encabezados (<h>), enlaces (<a>)<ul>, listas ( <ol>, <li>), blockquotes (<blockquote>), párrafos ( <p>), etc. Además, los alumnos pueden usar funciones integradas de lector de pantalla (como la lista de elementos mostrada arriba) para navegar fácilmente por encabezados, enlaces, listas y otras características en los cursos de Storyline 360. Ahora los usuarios del lector de pantalla disfrutan de una experiencia equivalente a la de los usuarios con visión visual.
Decisiones del autor
Para agregar formato semántico accesible a un curso, debe usar texto moderno y también debe considerar el uso de estilos de texto . Storyline 360 hace el resto del trabajo por usted construyendo la estructura semántica en su salida publicada.
Texto moderno
Los nuevos proyectos Storyline 360 utilizan automáticamente la última tecnología de procesamiento de texto y proporcionan formato semántico accesible al mismo tiempo, por lo que probablemente no necesites hacer ningún trabajo adicional. Para actualizar texto en proyectos existentes, vaya a la ficha Diseño de la cinta de opciones, haga clic en Fuentes y seleccione Actualizar texto del proyecto . Esto actualiza el texto del proyecto a la vez y guarda una copia de seguridad del archivo de proyecto con la configuración original.
Si no ves la opción de actualizar texto, sino que ves una opción para Mostrar texto accesible de forma predeterminada, significa que tu proyecto ya está utilizando texto moderno.
Estilos de texto
Aunque los estilos de texto no son necesarios, le recomendamos que los utilice en todo el proyecto, para que los alumnos con visión visual y los usuarios de lectores de pantalla puedan identificar encabezados, vínculos, comillas y párrafos. Por ejemplo, si haces que una frase sea más grande y más audaz que otro texto, los alumnos con visión visual pueden decir que es un título. Sin embargo, los usuarios del lector de pantalla no sabrán que es un título a menos que se le aplique un estilo de encabezado.
Publicación
No es necesario hacer nada más para aprovechar el formato semántico. ¡Se integra automáticamente en su salida publicada!
Opciones del alumno
Los alumnos pueden usar lectores de pantalla y otras tecnologías de asistencia para explorar y navegar fácilmente el contenido de Storyline 360 de la misma manera que exploran otros sitios web. Por ejemplo, los usuarios del lector de pantalla pueden decir cuántos encabezados, vínculos y listas hay en la diapositiva y saltar directamente a los que deseen. A continuación se muestran algunos métodos abreviados de lector de pantalla útiles para navegar por encabezados, enlaces y listas.
Lista de todos los encabezados de la diapositiva
|
NVDA |
Insertar+F7 para abrir la Lista de elementos y, a continuación, seleccionar Encabezados |
|
JAWS |
Insertar+F6 |
|
VoiceOver (macOS) |
Control+Opción+U para abrir el rotor, luego use flechas izquierda/derecha para seleccionar encabezados |
|
VoiceOver (iOS) |
No disponible |
|
TalkBack |
No disponible |
Ir al siguiente encabezado de la diapositiva
|
NVDA |
H |
|
JAWS |
H |
|
VoiceOver (macOS) |
Control+Opción+Comando+H |
|
VoiceOver (iOS) |
Gira dos dedos en la pantalla hacia la izquierda o hacia la derecha para abrir el rotor y, a continuación, desliza el dedo hacia abajo |
|
TalkBack |
Desliza el dedo hacia arriba y luego hacia la derecha para abrir el menú contextual local (LCM) y, a continuación, selecciona Encabezados |
Saltar al siguiente nivel de encabezado en la diapositiva
|
NVDA |
1-4 |
|
JAWS |
1-4 |
|
VoiceOver (macOS) |
No disponible |
|
VoiceOver (iOS) |
No disponible |
|
TalkBack |
No disponible |
Lista de todos los vínculos de la diapositiva
|
NVDA |
Insertar+F7 para abrir la Lista de elementos y, a continuación, seleccione Vínculos |
|
JAWS |
Insertar+F7 |
|
VoiceOver (macOS) |
Control+Opción+U para abrir el rotor, luego use flechas izquierda/derecha para seleccionar enlaces |
|
VoiceOver (iOS) |
No disponible |
|
TalkBack |
No disponible |
Ir al siguiente vínculo de la diapositiva
|
NVDA |
K |
|
JAWS |
No disponible |
|
VoiceOver (macOS) |
Control+Opción+Comando+L |
|
VoiceOver (iOS) |
Gira dos dedos en la pantalla hacia la izquierda o hacia la derecha para abrir el rotor y, a continuación, desliza el dedo hacia abajo |
|
TalkBack |
Desliza el dedo hacia arriba y luego hacia la derecha para abrir el menú contextual local (LCM) y, a continuación, selecciona Enlaces |
Ir al siguiente enlace no visitado en la diapositiva
|
NVDA |
U |
|
JAWS |
U |
|
VoiceOver (macOS) |
No disponible |
|
VoiceOver (iOS) |
No disponible |
|
TalkBack |
No disponible |
Ir al siguiente enlace visitado en la diapositiva
|
NVDA |
V |
|
JAWS |
V |
|
VoiceOver (macOS) |
Control+Opción+Comando+V |
|
VoiceOver (iOS) |
No disponible |
|
TalkBack |
No disponible |
Mostrar todas las listas en la diapositiva
|
NVDA |
No disponible |
|
JAWS |
Insertar+Ctrl+L |
|
VoiceOver (macOS) |
No disponible |
|
VoiceOver (iOS) |
No disponible |
|
TalkBack |
No disponible |
Ir a la siguiente lista de la diapositiva
|
NVDA |
L |
|
JAWS |
L |
|
VoiceOver (macOS) |
Control+Alt+Comando+X |
|
VoiceOver (iOS) |
Gira dos dedos en la pantalla hacia la izquierda o hacia la derecha para abrir el rotor, selecciona Listas y, a continuación, desliza el dedo hacia abajo Nota: Es posible que tengas que cambiar la configuración de VoiceOver para acceder a las listas con este gesto. Para cambiar la configuración, ve a Ajustes > General > Accesibilidad > VoiceOver > Rotor. |
|
TalkBack |
Desliza el dedo hacia arriba y luego hacia la derecha para abrir el menú contextual local (LCM) y, a continuación, selecciona Listas |
Ir al siguiente elemento de la lista actual
|
NVDA |
I |
|
JAWS |
I |
|
VoiceOver (macOS) |
No disponible |
|
VoiceOver (iOS) |
No disponible |
|
TalkBack |
No disponible |