Cómo mejorar la accesibilidad de tu portal

Descubre cómo mejorar la accesibilidad de los portales web alojados en Portaledu para garantizar que todos los usuarios, sean cuales sean sus condiciones, puedan acceder y utilizar con comodidad el contenido de dichos portales sin barreras.

A continuación, se citan algunos de los errores más frecuentes de falta de accesibilidad en nuestras publicaciones y cuál sería la solución para que el contenido cumpla los estándares de accesibilidad.

  1. Utiliza texto alternativo para describir tus imágenes

Las imágenes deben tener la propiedad ‘Alt’ con un texto que describa la imagen para que las personas con discapacidad visual, tengan la oportunidad de comprender al completo la página web. Esta propiedad es utilizada por los lectores de pantalla, para verbalizar el contenido de una imagen.

Solución: rellena el cuadro de texto ‘Texto alternativo’ con el texto que describa la imagen
en la pantalla de ‘Detalles’ que se accede al pulsar sobre la imagen en la ‘Biblioteca de medios’.

Imatge com introduir text alternatiu

2. Utiliza texto descriptivo para los hipervínculos

Los hipervínculos deben tener un texto descriptivo para que los lectores de pantalla, utilizados por las personas con limitación en su capacidad visual, puedan dictar correctamente el hipervínculo.

Solución: Intenta evitar la edición html directa en Portaledu y emplea el editor Gutenberg para implementar correctamente el hipervínculo tal como se muestra en la siguiente imagen:

Pestaña que muestra cómo incluir correctamente un hipervínculo en el editor Gutenberg.

3. Etiqueta correctamente los encabezados (H1, H2…)

Los encabezados deben contener el texto bien etiquetado, es decir, incluir correctamente las etiqueta de inicio y cierre, como por ejemplo ‘<h1>Título</h1>’ para que no aparezca sin contenido.

Solución: Intenta evitar la edición html directa en Portaledu y emplea el editor Gutenberg para etiquetar correctamente el encabezado tal como se muestra en la siguiente imagen:

Pestaña que muestra cómo incluir correctamente un encabezado en el editor Gutenberg.

4. Utiliza un contraste alto en los textos

Los textos deben resaltar sobre su fondo, para que sean cómodamente visibles por los usuarios. Para ello, entre el color de la fuente y el color del fondo debe haber un alto contraste, aplicable tanto para entradas, como para páginas y botones.

Solución: Utiliza un color adecuado en el panel derecho ‘Ajustes – apartado Colores – Texto‘.

Pestaña que muestra cómo modificar correctamente el color del título en el editor Gutenberg.

Si tienes duda sobre el contraste de los colores que has aplicado, lee el siguiente apartado, donde te explicamos cómo comprobar la accesibilidad de tu página o post.

Comprueba la accesibilidad de tu portal

Existen herramientas automáticas de análisis de accesibilidad web para la detección de contenido no accesible. Visita nuestra entrada sobre Wave para conocer cómo hacer dicho análisis en tu portal.

Comprueba la accesibilidad de tu portal

Existen herramientas automáticas de análisis de accesibilidad web para la detección de contenido no accesible en nuestro portal. En este post te hablaremos de la herramienta Wave, que nos permite comprobar los fallos que pueda presentar una página o post publicado.

¿Cómo utilizar Wave?

1) Accede a https://wave.webaim.org/ e introduce en el campo ‘Web page address’ la url de la página a analizar, ya que no analiza el sitio web completo:

Página web del editor 'Wave'.

2) Veremos que la herramienta muestra abundante información. Es importante arreglar los errores. También podemos revisar las advertencias y valorar su corrección. Los errores y advertencias de accesibilidad aparecen en el panel izquierdo. Al pulsar sobre el elemento detectado se posiciona la página sobre dicho error en el panel derecho. Así mismo en el panel inferior se muestra el código fuente del error detectado. Será entonces cuando contemos con toda la información necesaria para rectificar dichos errores.

Panel de errores de accesibilidad ofrecido por la herramienta Wave.

En ocasiones, la herramienta online no puede acceder a páginas que no son públicas, es decir, las que estén todavía en borrador. Si queremos analizar la accesibilidad de páginas que no estén publicadas, podemos instalarnos en el navegador el complemento que nos ofrece Wave en su página web principal:

Página web principal de la herramienta 'Wave' con el apartado destacado para descargar su extensión.

Después, una vez instalada en nuestro navegador habitual, solo hay que pulsar sobre el menú de complementos en la opción ‘Wave Evaluation Tool’:

¿Qué he de saber sobre propiedad intelectual?

Os recordamos que es ilegal la publicación no autorizada de material sujeto a derechos de autor (libros, material de editoriales, canciones, vídeos, imágenes…).


Los titulares deben respetar la regulación vigente sobre el tratamiento de datos personales y la propiedad intelectual, tal como se indica en las condiciones de uso del portal:
https://portal.edu.gva.es/portal/es/condiciones-de-uso-del-portal/

Completa la información del centro en Portaledu

Administra, completa y visualiza los datos de tu centro en su página web de Portaledu desde el escritorio: Herramientas > Información del Centro. Se trata de una extensión que sólo el administrador del sitio podrá ver o editar.

Se podrán ver y modificar datos del centro como su nombre, URL, dirección, etc.

Si se quiere modificar la imagen simplemente hay que hacer clic sobre el botón «Upload image» y a continuación seleccionar una foto de la biblioteca de imágenes, o bien subir una nueva imagen.

Una vez realizados todos los cambios hay que pulsar sobre el botón «Guardar».

La funcionalidad de URL Amigable cambia la URL del site. Además, cuando se trata de centros educativos, establece una redirección de manera que cualquier URL montada con los códigos de centro será redirigida a la URL amigable correspondiente (ej. portal.edu.gva.es/03010831/* – > portal.edu.gva.es/iesaltaia/*).

Widget de escritorio

Disponemos de un widget en el escritorio de WordPress con el siguiente formato:

Widget escriptori informació del centre

Widget de visualización


Podemos mostar la información del centro desde Apariencia > Widgets configurando la siguiente pantalla:

Widget Informació del centre

Shortcode

Es posible pintar el widget de información del centro en cualquier post mediante un shortcode:

[centre_info] 

Imagen arriba:

[centre_info position='1']

Imagen izquierda:

[centre_info position='2']

Visualización de los datos

En caso de que el centro tenga sitios vinculados (p.ej. del AMPA), el widget mostrará también una lista de dichos sitios en una nueva pestaña.

¿Cómo se utilizan los campos personalizados?

WordPress permite la utilización de campos personalizados en los posts. Estos campos personalizados o, en inglés custom fields, son metadatos que se asocian a nuestros posts con diferentes finalidades.

Si no hemos utilizado nunca estos campos personalizados, quizá tengamos que configurar nuestro editor para acceder a la configuración.

1-Ve a la pantalla de edición de cualquier entrada o página.

2-Haz clic sobre los tres puntos de arriba a la derecha

3-En la parte de abajo, ve a preferencias:

4-En la sección Tablero –> Adicional –> Campos personalizados

5-Activa la opción de campos personalizados. Fijaos que nos advierte que el post tiene que estar guardado antes de aplicar la configuración, para no perder nada de lo que hayamos hecho.

6-Clica sobre Activa y recarga; WordPress saldrá del post actual (por eso tenía que estar guardado previamente) y te abrirá uno nuevo, donde podrás visualizar los campos personalizados en la parte de debajo:

7-De ahora en adelante, tendrás a la vista los campos personalizados siempre que edites un post.

Encontrarás información adicional en este enlace:

¿Cómo se programan entradas para una fecha futura?

Ahora podemos programar nuestras entradas de Portaledu para que se publiquen en una fecha futura. Las entradas se publicarán habitualmente dentro de la hora posterior a la fecha/hora que hayáis establecido. Os lo explicamos en este post:

Cuando creamos o editamos una entrada, podemos planificar la fecha de publicación, desde la parte de arriba de la barra derecha de edición.

Haremos clic sobre ‘Inmediatamente’, a la derecha de ‘Publica’. Se nos abrirá un calendario y otros campos para especificar la fecha y hora de la publicación:

Programar entrada futura 1

Una vez introducida la fecha y la hora, haremos clic fuera del calendario, en cualquier zona del cuerpo de la entrada. Veremos que se cierra el calendario y aparecen la fecha y la hora consignadas en la barra derecha, junto a ‘Publica’

Entonces haremos clic sobre el botón ‘Planifica…’ Se nos mostrará un resumen de los datos de publicación para que confirmemos, haciendo clic nuevamente sobre el botón ‘Planifica’.

Una vez planificada la publicación, en el listado de entradas, se mostrará la entrada como «Prevista»

Cómo hemos dicho, la entrada se publicará dentro de la hora posterior a la fecha/hora programada(*). En este caso, si hemos programado la entrada para las 14:00, quizás se publicará a las 14:01, o a las 14:22, etc. Habitualmente, será antes de las 15:00.

No os tendréis que alarmar si veis que vuestra entrada muestra en la columna de la fecha, un mensaje de ‘Falta fecha de publicación’(**) en lugar de mostrar ‘Previsto’. Esto solo quiere decir que WordPress ha detectado que ya ha pasado la hora programada y que la entrada todavía no se ha publicado. Pero, como decimos, antes de una hora (*) estará publicada.

(*)Dependiendo de la carga del servidor, el tiempo podría ser superior.

(**)Actualización a 31/03/2025. El mensaje ‘Falta fecha de publicación’ ha sido cambiado por ‘Programación perdida’

¿Cómo se eliminan entradas o páginas?

Cuando queremos eliminar cualquier entrada o página de Portaledu, la enviaremos a la papelera. Los elementos que enviamos a la papelera permanecerán en esta 30 días; después serán eliminados automáticamente.

Si queremos enviar una entrada a la papelera, lo podemos hacer desde la vista general. Si pasamos el ratón sobre el nombre de la entrada, nos aparecerán diferentes opciones, entre las cuales está la de ‘Papelera’. Al hacer clic, la entrada pasará a la papelera.

Si queremos enviar más de una entrada a la papelera, podemos utilizar las opciones masivas que nos ofrece el menú desplegable. Se trata de seleccionar las entradas que queremos eliminar y después, en el menú desplegable de acciones en masa, elegiremos la opción ‘Mueve a la papelera’

Clicaremos sobre el botón ‘Aplica’ y las entradas pasarán a la papelera.

  • La fecha de modificación de las entradas corresponde a la fecha en que estas fueron enviadas a la papelera. Podemos ordenarlas cronológicamente haciendo clic sobre el título de la columna ‘Fecha’.
entrades en la paperera

Si queremos restaurar algún elemento de la papelera, lo podremos hacer con la opción ‘Restaurar’, que encontraremos al pasar el ratón sobre el título del elemento.

Los elementos permanecerán 30 días en la papelera, antes de borrarse definitivamente.

Alimentación RSS generada por Portaledu

Portaledu (WordPress) emite RSS feeds que se actualizan continuamente, con cada modificación en nuestros posts. Estos feeds son ficheros xml compatibles con los lectores de RSS. Cada sitio de Portaledu tiene un feed principal, que se puede obtener añadiendo /feed/ a la URL del mismo.

Por ejemplo:

O, dependiendo de si las URL se diferencian por el idioma, podríamos tener, por ejemplo:

Como ya hemos dicho, los feeds se actualizan automáticamente pero no mostrarán nuestras entradas no publicadas o las protegidas con contraseña.

Además del feed principal de nuestro sitio, podemos configurar otros, como por ejemplo feeds de categoría, de autor… o incluso cambiar el tipo de feed, dependiendo del cliente que quiera leerlo.

➡️ Encuentra más información sobre los feeds generados por WordPress.

Integración de calendarios de Microsoft Calendar en Portaledu

A la hora de integrar un calendario del aplicativo de Microsoft, hay que tener en cuenta que no es lo mismo compartir que publicar. Mientras que compartir un calendario nos permite hacer este accesible a los miembros de la organización a través de la herramienta, publicarlo lo hace visible en cualquier persona, permitiendo su publicación a través de Portaledu.


Para esto, en las opciones de configuración de Microsoft Calendar buscar «Publicar un calendario«.

En el diálogo que aparece y dentro de la zona «Publicar un calendario» elegiremos el calendario a publicar. Hay que tener en cuenta que Microsoft Calendar permite la creación de múltiples calendarios. Una vez marcado el calendario a publicar, se selecciona el grado de información que se hará público. A continuación haremos clic sobre el botón «Publicar«. Con esto aparecerán en pantalla dos enlaces donde visualizar el calendario en diferentes formatos: html y ics.


El enlace así obtenido, puede ser integrado dentro de un iframe en cualquier elemento dentro de la web de centro en Portaledu.

Roles disponibles en Portaledu

En esta entrada os recordamos como podéis organizar la confección y publicación en la web del centro. Se trata de utilizar los diferentes roles disponibles en nuestro sitio web para organizar el trabajo de confección y publicación de contenidos.

La persona con rol direcció, como responsable del sitio web del centro, puede asignar los diferentes roles a los usuarios miembros del mismo.

Para simplificar, podemos utilizar los roles siguientes:

  • Contenido: Asignaremos este rol a cualquier usuario que tenga que crear contenido y gestionar la biblioteca de medios (subir, ver, borrar ficheros). Este rol no permite la publicación de contenido.
  • Publicación: Asignaremos este rol a los usuarios que supervisarán y publicarán contenidos y páginas. Por ejemplo, jefes de departamento o personas delegadas para la publicación en la web.

Existe también el rol manteniment, el cual tiene los mismos permisos que el rol direcció, salvo la gestión de usuarios (no puede asignar roles).

Avís de privacitat

Este lloc web utilitza només cookies tècniques necessàries per al seu funcionament. No s’emmagatzemen dades amb finalitats publicitàries ni es comparteixen amb tercers. S’utilitza analítica interna sense cookies, i només es recull la IP amb finalitats de seguretat.

Veure política de cookies