FAQ Problemes d'accessibilitat a Portal (UPO)

Quins són els errors més habituals en el gestor web Portal?

Conèixer quin és el error d'accessibilitat

Quan introdueixes o edites un contingut en un node o carpeta del gestor UPO i polses el botó Desar i continuar o Desar, el sistema comprova si hi ha algun problema d'accessibilitat. Si en detecta algun, llança un missatge d'avís com el de sota. 

Missatge d'avís per advertir que el contingut no és accessible

Recordeu que si no corregiu l'error d'accessibilitat, el contingut no es publicarà i no serà visible en el portal web, encara que es podrà desar per no perdre els canvis. Per saber quin és el problema podeu polsar el botó del mussol en l'editora del contingut, com podeu veure en la imatge de sota. A continuació, veureu que s'obri una finestra on podreu consultar els errors detectats.  

Botó per conèixer els errors d'accessibilitat

Fixeu-vos que s'especifica, en un llistat, la descripció de l'error detectat i al costat teniu disponibles tres icones:

  • Un interrogant per desplegar les instruccions i la informació per poder resoldre l'error. 
  •  Una lupa de color verd per poder veure en la pàgina la descripció de l'error. 
  •  Una segona lupa per poder accedir al codi. 

Missatges d'error més freqüents

Els més habituals i relativament fàcils de corregir són els següents:
  • incorrecto Encabezados (h1-h6): Falta el encabezado principal de la página. (Instrucciones. Página. Código.)
Solució anar/veure apartat: No tenir una estructura clara amb un ordre en els encapçalaments
  • incorrecto Enlaces adyacentes: Hay x casos de enlaces adyacentes que no contienen caracteres imprimibles no enlazados entre ellos. (Instrucciones. Página. Código.)
Solució anar/veure apartat: Ficar enllaços adjacents
  • incorrecto Imágenes: Hay 1 imágenes sin textos alternativos. (Instrucciones. Página. Código.)
Solució anar/veure apartat: Incloure imatges sense text alternatiu
Missatge de error genèric i normalment dificil d'identificar sense coneixements de html:
  • incorrecto DTD: La página NO es HTML5 válido. (Instrucciones. Validador W3C.)
Solució anar/veure apartat: feu clic sobre Validador W3C.  i es detallaran les errades d'accessibilitat. Normalment es necessita tindre coneixement del llenguatge HTML per a identificar i resoldre aquests problemes d'accessibilitat. Si no teniu els coneixements necessaris, podeu intentar revisar el següents apectes:
Si no heu resolt el problema, consulteu la resta de recomanacions detallades a continuació. 

Editar un contingut en una pàgina antiga

Es recomana que abans d'afegir o modificar un contingut d'una pàgina antiga i que fa temps que no s'edita, es revise l'accessibilitat polsant el botó del mussol de l'editoria. Així, comprovareu si el contingut és o no accessible. En cas de detectar errors d'accessibililitat, heu de tenir en compte que si feu alguna modificació, no corregiu els errors i els deseu, el sistema deixarà de mostrar el contingut en el portal web. 

Si necessiteu amb urgència publicar un contingut i no podeu o no sabeu resoldre l'error d'accessibilitat, és preferible que netegeu el codi HTML de la pàgina i publiqueu el contingut pla, sense cap tipus de format. 

Botó per netejar el codi HTLM de la pàgina

Podeu provar de resoldre, de forma senzilla, problemes d'accessibilitat a través del botó Codi font de l'editor, marcat en roig en la imatge de sota. Aquest botó neteja el codi i si pot reparar l'error, ho fa de forma automàtica. 

Copiar i enganxar un text 

Per evitar problemes d'accessibilitat cal que eviteu copiar i enganxar el text a través del teclat (Ctrl+C i Ctrl+V). Si necessiteu copiar el text d'un document de Word o des de qualsevol altre lloc, cal que utilitzeu els botons Enganxar des del Word o Enganxar com a text plaen l'editor de Portal. Així, el sistema automàticamente neteja el text de qualsevol estil previ per evitar errors d'accessibilitat. Cal que apliqueu qualsevol format que necessiteu o vulgueu desde l'editor en línia. 

Botons per enganxar text sense format o des de Word en l'editora de Portal

Si el sistema detecta que esteu intentant copiar un text des de Word o des d'un editor de text, llançarà un missatge d'avís perquè netegeu el text de qualsevol format abans d'enganxar-lo. 

Missatge d'avís quan voleu enganxar un text des de Word

Podeu intentar resoldre problemes d'accessibilitat generats pel codi, seleccionant tot el contingut amb les tecles Ctrol+A, esborrant-lo i enganxant-lo, de nou, com a text pla. Posteriorment, podeu aplicar el format o estil que necessiteu. 

No tenir una estructura clara amb un ordre en els encapçalaments 

Els encapçalaments estan pensats per a estructurar el contingut del text en apartats i ajudar als usuaris a identificar-los. S'aconsella que si necessiteu més de dos nivells, creeu el contingut en un altre node relacionat. Heu de tenir en compte que, en el web corporatiu de l'UJI, l'encapçalament 1 està destinat per al logotip i el 2 per al títol. Per tant, si necessiteu un encapçalament en el contingut, haureu de començar pel 3 i seguir la jerarquia sense saltar-vos cap nivell. Si, per exemple, intenteu ficar un encapçalament 4 directament, el sistema detectar l'error d'accessibilitat. 

Tipus d'encapçalament

Ficar enllaços adjacents

Si afegiu en un text dos enllaços adjacents sense cap caràcter al mig, el sistema ho detectarà com a error d'accessibilitat. Pot passar, per exemple, si agregueu dos enllaços seguits a dos paraules (dos codis d'assignatures per exemple) sense cap tipus de coma ni punt, estareu generant un problema d'accessibilitat. Per tant, es recomana que espaieu els enllaços o fiqueu una barra vertical o un claudàtor per separar els enllaços. 

Finestra d'accessibilitat que adverteix dels enllaços adjacents

També es recomana evitar descripcions genèriques en els enllaços, com ara "polseu ací" o "feu clic ací". És preferible que feu una descripció del contingnut de l'enllaç com, per exemple, "Consulteu el Manual de funcionament del Portal). 

Incloure imatges sense text alternatiu

Tots els continguts binaris (imatges, documents PDF, etc) que agregueu cal que tinguen un Títol (Títol llarg i Títol), encara que siguen imatges decoratives (en aquest cas podeu ficar en el títol "Imatge decorativa"). Si no el fiqueu, el sistema no ho detecta com a error, però cal que l'inclogueu perquè el sistema garantisca automàticament l'accessibilitat. 

Camps per ficar el títol llarg i curt d'una imatge

A més, les imatges que inclogueu dins d'un contingut, al mig d'un text per exemple, han de tenir obligatòriament Text alternatiu. És un camp que podeu emplenar en les Propietats de la imatge, com podeu veure en l'exemple de sota. Podeu trobar més informació en el punt Afegir imatge dins del manual de Portal (UPO)

Camp per ficar el text alternatiu en una imatge

Cal que tingueu en compte que els recursos binaris, com PDFs, si no tenen títol, no apareixeran ni es mostraran en el web com a recursos relacionats. 

Agregar taules mal definides

En la mesura del possible, cal evitar la utilizació de taules, sobretot si són complexes, perquè solen generar problemes d'accessibilitat. Moltes vegades les taules les utilitzen per a estructura la informació de forma tubular, però, en aquests casos, és preferible que afegiu llistes d'elements. Si és necessari que afegiu una taula a un contingut, és convenient que siga breu i que estiga ben definida. Això significa que heu d'afegir enpaçalaments en les primeres cel·les de cada columna i fila, perquè els lectors de text no es perden i puguen interpretar bé la taula de forma seqüencial. En una taula per ficar horaris, per exemple, caldria especificar en la capçalera els dies de la setmana en les cel·les de la primera fila.   

També és convenient que fiqueu un Títol i un sumari al final de la taula.

Quan creeu la taula i definiu les propietats, és convenient que fiqueu un Títol i un Resum. Encara que el sistema no ho detectarà com a error, cal que ho feu perquè siga accessible. És important, a més, que no modifiqueu alguns paràmetres si no sabeu exactament quines implicacions o com funcionen. Per evitar problemes d'accessibilitat, eviteu modificar l'Amplada i deixeu en blanc els valors de l'Espaiat de cel·les, la Mida vora i l'Encoixinament de cel·les.  

Finestra per definir les propietats de la taula

Cal que tingueu en compte que no podeu escanejar una taula i agregar-la com una imatge, perquè els lectors no llegiran el contingut, sinó que detectaran una imatge. Ho podeu fer si és una imatge xicoteta i si inclogueu un text alternatiu. Si no, s'aconsella que inclogueu la taula en un PDF annex com a recurs relacionat i feu una descripció dels valors que es poden consultar en la taula. En aquests casos, heu de crear i generar la taula directament en un document Word per ajustar-se, així, als criteris d'accessibilitat. 

Pujar documents en format PDF com a imatges

Encara que l'aplicació del Portal no ho detecta com a un error d'accessibilitat, no podeu escanejar documents i pujar-los com si fora una imatge, ja que els lectors de text interpreten que és una imatge i no llegeixen el contingut.

Per comprovar si el contingut d'un PDF és accessible, cal que copieu i enganxeu el text en un editor i si no mostra caràcters o formats estranys, significarà que és accessible. Si es presenta de forma estranya, voldrà dir que té algun problema d'accessibilitat. 

Per a més informació consulteu el material de suport d'Accessibilitat en PDFs elaborat per l'Observatori d'Accessibiltiat. 

Utilitzar iframes (codis d'inserció) en el contingut d'una pàgina

Un iframe és una etiqueta dins del codi de programació d'un contingut per a insertar-lo en una altra pàgina web. En Youtube, per exemple, es pot copiar el codi d'inserció d'un vídeo, com podeu veure en la imatge de sota, per incrustar-lo en un contingut del web de l'UJI.  El problema està en què es desconeix si aquests tipus de continguts externs són o no accessibles. Aleshores és preferible que enllaceu el contingut i no l'inserteu a través de l'iframe. En cas que opteu per incrustar un iframe, heu de conèixer bé els atributs i la presentació que ha de tenir perquè siga accesible. 

Exemple de com copiar el codi d'inserció o iframe des de Youtube

Generar conflicte amb l'extensió del sistema de telefonia IP

Si teniu instal·lat el sistema de telefonia IP en el vostre equip cal que reviseu la configuració ka que hi ha un conflicte entre l'extensió del navegador de la telefonia IP. Cal que en l'Extensió 3CX desactiveu la funció "La conversió automàtica de números de telèfon en el navegador". Podeu ampliar la informació sobre el funcionament d'aquest sistema en la Guia d'utilització de la telefonia IPSi no inhabiliteu aquesta opció, quan editeu continguts a UPO, el sistema els convertirà en un enllaç i, per tant, generarà errors d'accessibilitat i no mostrarà el contingut.

Captura de quina és l'opció que cal desactivar en l'extensió del navegador

Contacte

Per qualsevol dubte o consulta relativa al funcionament o desenvolupament de l'aplicació, heu de contactar amb la Unitat de Tecnologia de la Informació i la Comunicació del Servei de Comunicacions i Publicacions de l'UJI. Podeu telefonar al 964 72 88 29 o enviar les vostres consultes a l'adreça electrònica sic@uji.es.