Estructura

Todos los apartados del REA tienen un título que describe el propósito del apartado y son accesibles.

Cuando editas con eXeLearning los títulos de cada apartado del menú (los diferentes escenarios) se programan con el atributo <title>, esto lo hace compatible con sistemas de apoyo (como por ejemplo lectores de pantalla).

Si usas el estilo EducaAnd, el título del REA aparece como encabezado de la página y los títulos de cada nodo se ubican junto al logo de la Junta de Andalucía, en color verde, con una línea en la parte inferior. Esto aporta además una apariencia gráfica común a tu recurso.

Recuerda que cada uno de estos títulos ha de ser único, propio y diferente al resto. Además ha de ser descriptivo del propósito de cada parte del REA, atrayente y adaptado al lenguaje de las futuras personas usuarias.

Si tu REA forma parte de un proyecto, recuerda seguir la nomenclatura definida en la guía de estilo.

Captura de pantalla de programación del atributo <title> en eXeLearning — Elaboración propia. *Ejemplo atributo (CC BY-NC-SA)*

Captura de pantalla de un REA con estilo EducaAnd en la que puede verse la apariencia de los títulos — Elaboración propia. *Apariencia de los títulos con estilo EducaAnd Escolares* (CC BY-NC-SA)

Estructura la información y el contenido de tu REA a través de un índice o menú en el que los apartados/subapartados están organizados semánticamente y con botones para avanzar o retroceder.

Con el estilo EducaAnd el índice o menú está disponible por defecto en la parte izquierda de la pantalla: en color naranja para el estilo Escolares y verde para el estilo Adultos. De esta manera se puede acceder a ellos de manera directa o mediante productos de apoyo. Además los botones de avance y retroceso están disponibles en cada página (en alto contraste).

Si incluyes subapartados, se despliegan una vez se accede al nodo correspondiente.
Para que sean distinguibles, además de por el formato por la relación entre ellos, puedes incluir una numeración en cada apartado que defina relaciones y jerarquías.

Captura de pantalla de un REA en la que puede verse un ejemplo de menú con estilo EducaAnd Escolares — Elaboración propia. *Ejemplo de menú con estilo EducaAnd Escolares* (CC BY-NC-SA)

Si incluyes contenido que se abre en ventana nueva, esta ha de ofrecer opciones, por ejemplo, para maximizar, minimizar y cerrar.

En este ejemplo puedes ver diferentes opciones para la ventana emergente (iconos para maximizar, minimizar y cerrar).

Captura de pantalla de una ventana emergente — Elaboración propia. *Ejemplo de opciones para las ventanas emergentes* (CC BY-NC-SA)

Obra publicada con Licencia Creative Commons Reconocimiento No comercial Compartir igual 4.0