{"id":1411,"date":"2020-11-23T11:46:20","date_gmt":"2020-11-23T10:46:20","guid":{"rendered":"https:\/\/blogs.uab.cat\/editorsweb\/?p=1411"},"modified":"2025-12-11T14:39:26","modified_gmt":"2025-12-11T12:39:26","slug":"noves-maneres-de-donar-format","status":"publish","type":"post","link":"https:\/\/webs.uab.cat\/webedit\/2020\/11\/23\/noves-maneres-de-donar-format\/","title":{"rendered":"Noves maneres de donar format"},"content":{"rendered":"\n

Continuant amb les millores d’accessibilitat, hem incorporat nous estils en l’editor de text del gestor de continguts. Aquests estils ens permetran, d’una manera senzilla, marcar textos com a t\u00edtols o subt\u00edtols, destacar un av\u00eds o posar un format de bot\u00f3 en enlla\u00e7os. I tot sense haver de tocar el codi!<\/p>\n\n\n\n\n\n\n\n

Primer de tot comen\u00e7arem amb un av\u00eds: a partir d’ara quan copiem i enganxem textos des del word, el gestor de continguts nom\u00e9s mantindr\u00e0 els format de les negretes, les cursives i els enlla\u00e7os. Ja no es poden enganxar taules ni imatges perqu\u00e8 la manera en com ho feia repercutia negativament en l’accessibilitat.<\/p>\n\n\n\n

Si el nostre text no t\u00e9 cap d’aquests elements el comportament ideal despr\u00e9s d’enganxar el text en el gestor seria que el seleccion\u00e9ssim i prem\u00e9ssim el bot\u00f3 d’esborrar format:<\/p>\n\n\n

\n
\"Captura<\/figure>\n<\/div>\n\n\n

Els nous estils<\/h2>\n\n\n\n

Per poder arribar al nivell d’accessibilitat que s’exigeix a la UAB per llei hem de canviar algunes maneres d’editar els continguts. Per tal de posar-ho f\u00e0cil, hem creat uns estils nous en l’editor de text del gestor. Els podreu trobar en el desplegable seg\u00fcent:<\/p>\n\n\n

\n
\"Captura<\/figure>\n<\/div>\n\n\n
\n
Qu\u00e8 ens impliquen aquests estils?<\/dt>\n<\/dl>\n\n\n\n

Els t\u00edtols ja no es faran amb la negreta<\/h3>\n\n\n\n

Si hem de dividir un text en diferents apartats amb els seus t\u00edtols corresponents seleccionarem l’estil “T\u00edtol”. Igualment, si resulta que la informaci\u00f3 encara s’ha de dividir m\u00e9s emprarem el “Subt\u00edtol”. La visualitzaci\u00f3 ser\u00e0 la seg\u00fcent:<\/p>\n\n\n

\n
\"Exemple<\/figure>\n<\/div>\n\n\n

Deixem de fer experiments amb les maj\u00fascules, el subratllat o el color verd per indicar els diferents apartats. Els editors tampoc us heu d’amo\u00efnar d’escriure els t\u00edtols fent servir l’etiqueta <h..>. Aquestes etiquetes ja estan definides en el full d’estils de la p\u00e0gina web i segueixen una jerarquia dins dels elements de la p\u00e0gina.<\/p>\n\n\n\n

Sabem que aquest canvi ser\u00e0 dif\u00edcil, comen\u00e7ant per qui escriu aquest text, per\u00f2 repetiu amb mi: “Una web m\u00e9s accessible \u00e9s una web millor posicionada”.<\/p>\n\n\n\n

Podem destacar una informaci\u00f3 a mode d’av\u00eds<\/h3>\n\n\n\n

Per ressaltar informaci\u00f3 important o canvis, disposem de 5 estils de missatges destacats. Aquests resalten el text de manera diferent segons la nostra finalitat. A continuaci\u00f3 podeu veure un exemple de cadascun:<\/p>\n\n\n

\n
\"Exemple<\/figure>\n<\/div>\n\n\n

Es pot posar un format de bot\u00f3 en els enlla\u00e7os que criden a l’acci\u00f3<\/h3>\n\n\n\n

Abans d’emocionar-nos, cal distingir que hi ha diferents tipus d’enlla\u00e7os:<\/p>\n\n\n\n