Com millorar l’accessibilitat dels portals web de PortalEdu

Imatge Categoria Formació

Descobrix com millorar l’accessibilitat dels portals web allotjats en PortalEdu per a garantir que tots els usuaris, siguen quals siguen les seues condicions, puguen accedir i utilitzar amb comoditat el contingut d’estos portals sense barreres.

A continuació, se citen alguns dels errors més freqüents de falta d’accessibilitat en les nostres publicacions i quina seria la solució perquè el contingut complisca els estàndards d’accessibilitat.

  1. Utilitza text alternatiu per a descriure les teues imatges

Les imatges han de tindre la propietat ‘Alt’ amb un text que descriga la imatge perquè les persones amb discapacitat visual, tinguen l’oportunitat de comprendre al complet la pàgina web. Esta propietat és utilitzada pels lectors de pantalla, per a verbalitzar el contingut d’una imatge.

Solució: emplena el quadre de text ‘Text alternatiu’ amb el text que descriga la imatge
en la pantalla de ‘Detalls’ que s’accedix en polsar sobre la imatge a la ‘Biblioteca de mitjans’.

Imatge com introduir text alternatiu

2. Utilitza text descriptiu per als enllaços

Els enllaços han de tindre un text descriptiu perquè els lectors de pantalla, utilitzats per les persones amb limitació en la seua capacitat visual, puguen dictar correctament l’enllaç.

Solució: Intenta evitar l’edició HTML directa en PortalEdu i empra l’editor Gutenberg per a implementar correctament l’enllaç tal com es mostra en la següent imatge:

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

3. Etiqueta correctament els encapçalats (H1, H2…)

Els encapçalats han de contindre el text ben etiquetat, és a dir, incloure correctament les etiqueta d’inici i tancament, com per exemple ‘<h1>Títol</h1>’ perquè no aparega sense contingut.

Solució: Intenta evitar l’edició HTML directa en PortalEdu i empra l’editor Gutenberg per a etiquetar correctament l’encapçalat tal com es mostra en la següent imatge:

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

4. Utilitza un contrast alt en els textos

Els textos han de ressaltar sobre el seu fons, perquè siguen còmodament visibles pels usuaris. Per a això, entre el color de la font i el color del fons ha d’haver-hi un alt contrast, aplicable tant per a entrades, com per a pàgines i botons.

Solució: Utilitza un color adequat en el panell dret ‘Ajustos – apartat Colors – Text‘.

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

Si tens dubte sobre el contrast dels colors que has aplicat, llig el següent apartat, on t’expliquem com comprovar l’accessibilitat de la teua pàgina o post.

Comprova l’accessibilitat del teu portal

Existixen ferramentes automàtiques d’anàlisis d’accessibilitat web per a la detecció de contingut no accessible. Visita la nostra entrada sobre Wave per a conéixer com fer esta anàlisi en el teu portal.

Propietat intel·lectual (Consideracions sobre allò que publiquem en el web)

Imagen Categoría General

Us recordem que és il·legal la publicació no autoritzada de material subjecte a drets d’autor (llibres, material d’editorials, cançons, vídeos, imatges…).


Els titulars han de respectar la regulació vigent sobre el tractament de dades personals i la propietat intel·lectual, tal com s’indica en les condicions d’ús del portal:
https://portal.edu.gva.es/portal/va/condicions-dus-del-portal/

Integració de calendaris de Microsoft Calendar en PortalEdu

Imatge Categoria Formació

A l’hora d’integrar un calendari de l’aplicatiu de Microsoft, cal tindre en compte queno és el mateix compartir que publicar. Mentre que compartir un calendari ens permet fer aquest accessible als membres de la organització a través de l’eina, publicar-lo ho fa visible a qualsevol persona, permetent la seua publicació a través de PortalEdu.


Per a això, en les opcions de configuració de Microsoft Calendar buscar “Publicar un calendari“.

En el diàleg que apareix i dins de la zona “Publicar un calendari” triarem el calendari a publicar. Cal tindre en compte que Microsoft Calendar permet la creació de múltiples calendaris. Una vegada marcat el calendari a publicar, se selecciona el grau d’informació que es farà públic. Tot seguit farem clic sobre el botó “Publicar“. Amb això apareixeran en pantalla dos enllaços on visualitzar el calendari en diferents formats: html i ics.


L’enllaç així obtingut, pot ser integrat dins d’un iframe en qualsevol element dins de la web de centre en PortalEdu. Pots trobar més informació relativa a iframes en PortalEdu en la següent entrada.

Ocultar el nom de l’autor i altres configuracions del tema

Imatge Categoria Millores

S’han habilitat les opcions del mòdul de blog del tema Generate Press, de manera que ara és possible, entre altres:

-Ocultar el nom de l’autor de les entrades en la web de centre.
-Mostrar les entrades amb l’opció de Llegir mes…
-Ajustos en les imatges destacades

En cas de voler configurar aquesta opció o continuar mostrant el nom dels autors de les pàgines, es pot fer accedint a l’opció de menú Aparença -> Personalitzar -> Format -> Blog

Aquestes opcions són configurables tant si l’entrada es mostra sola (Single) com en altres maquetacions de pàgina (Arxive).

Amagar autor

Més informació https://docs.generatepress.com/collection/blog/

Captcha en els formularis

Imatge Categoria Millores

S’ha habilitat la funcionalitat de captcha per al plugin de formularis. Si volem utilitzar-la, només hem d’afegir-la des dels Camps Avançats. D’aquesta manera protegirem el nostre lloc d’atacs contra els formularis.

captcha formularis

Important: Si habilitem el captcha, és important que marquem l’opció de no registrar en la memòria cau la pàgina o pàgines en què estiga maquetat el formulari. Per a això, editarem la pàgina i marcarem l’opció “Ignora memòria cau”, tal com s’explica en https://wiki.edu.gva.es/cvtic/tiki-index.php?page=gesti%C3%B3n-Cach%C3%A9-OWC&highlight=cache

Si no marquem aquesta opció, la cau servirà la mateixa imatge de captcha a tots els usuaris, per la qual cosa no tindrà efectivitat.