{"id":6120,"date":"2025-12-03T11:20:39","date_gmt":"2025-12-03T09:20:39","guid":{"rendered":"https:\/\/webs.uab.cat\/webedit\/?page_id=6120"},"modified":"2026-02-17T11:28:34","modified_gmt":"2026-02-17T09:28:34","slug":"enllacos-2","status":"publish","type":"page","link":"https:\/\/webs.uab.cat\/webedit\/enllacos-2\/","title":{"rendered":"Enlla\u00e7os"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<div class=\"wp-block-group has-gris-pubilla-background-color has-background is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<p><a href=\"https:\/\/webs.uab.cat\/webedit\/accessibilitat-amb-ckeditor\/\" data-type=\"page\" data-id=\"6440\">Accessibilitat amb CKeditor<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Disseny<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/disseny\/\" data-type=\"page\" data-id=\"6457\">Identitat UAB<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Sem\u00e0ntica<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/titol-de-la-pagina\/\" data-type=\"page\" data-id=\"5636\">T\u00edtol de la p\u00e0gina<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/text-alternatiu\/\" data-type=\"page\" data-id=\"5699\">Text alternatiu<\/a>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/imatges-decoratives\/\" data-type=\"page\" data-id=\"5885\">Imatges decoratives<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/imatges-funcionals\/\" data-type=\"page\" data-id=\"5893\">Imatges funcionals<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/imatges-de-text\/\" data-type=\"page\" data-id=\"5902\">Imatges de text<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/imatges-informatives\/\" data-type=\"page\" data-id=\"5911\">Imatges informatives<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/imatges-complexes\/\" data-type=\"page\" data-id=\"5920\">Imatges complexes<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/estructura-de-la-pagina\/\" data-type=\"page\" data-id=\"5938\">Estructura de la p\u00e0gina<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/taules\/\" data-type=\"page\" data-id=\"5952\">Taules<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/llistes-2\/\" data-type=\"page\" data-id=\"6123\">Llistes<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/enllacos-2\/\" data-type=\"page\" data-id=\"6120\">Enlla\u00e7os<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Contingut<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webs.uab.cat\/webedit\/transcripcio-subtitulacio-i-audiodescripcio\/\" data-type=\"page\" data-id=\"6473\">Subtitulaci\u00f3<\/a><\/li>\n\n\n\n<li>Llenguatge clar<\/li>\n<\/ul>\n<\/div>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<p class=\"wp-block-uab-entradeta entradeta\">Assegureu-vos que el text de l&#8217;enlla\u00e7 \u00e9s descriptiu i indica la funci\u00f3 o dest\u00ed del link i t\u00e9 sentit encara que el traiem de context. Hi ha usuaris de lector de pantalla que utilitzen \u00fanicament els textos dels links per navegar en el contingut d&#8217;una p\u00e0gina per tal de trobar la informaci\u00f3 que cerquen.<\/p>\n\n\n\n<p>Eviteu utilitzar URLs com a textos dels enlla\u00e7os, ja que seran aquestes les que es llegiran amb un lector de pantalla.<\/p>\n\n\n\n<p>Sovint ens trobem amb la necessitat de crear diversos enlla\u00e7os que utilitzen el mateix text visible, per\u00f2 amb URL de dest\u00ed diferents. Aquesta pr\u00e0ctica pot generar problemes d\u2019accessibilitat i dificultar la comprensi\u00f3 de la p\u00e0gina.<\/p>\n\n\n\n<p class=\"wp-block-uab-alerta missatge alerta\">Hi ha textos d\u2019enlla\u00e7 que no s\u00f3n v\u00e0lids: \u201cclica aqu\u00ed\u201d, \u201cen aquest enlla\u00e7\u201d, \u201cm\u00e9s informaci\u00f3\u201d, \u201cllegir m\u00e9s\u201d o f\u00f3rmules similars. <strong>El text de l\u2019enlla\u00e7 sempre ha de ser el m\u00e0xim descriptiu possible.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quan \u00e9s necessari repetir el mateix text<\/h2>\n\n\n\n<p>Hi ha situacions en qu\u00e8, per evitar redund\u00e0ncies o facilitar la lectura, pot ser pr\u00e0ctic repetir el mateix text d\u2019enlla\u00e7. Per exemple:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"338\" height=\"147\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/enllacos-informes.gif\" alt=\"Exemple d'enlla\u00e7os amb text repetit\" class=\"wp-image-5083\"\/><\/figure>\n<\/div>\n\n\n<p>Per als usuaris que naveguen amb lectors de pantalla, aix\u00f2 pot resultar conf\u00fas, ja que no sabran quin enlla\u00e7 els interessa. <\/p>\n\n\n\n<p><strong>Soluci\u00f3:<\/strong> afegir una descripci\u00f3 complement\u00e0ria dins del codi font. El nostre gestor de continguts permet fer-ho de manera senzilla.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Procediments <\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Enlla\u00e7os dins d&#8217;un camp de Text<\/h3>\n\n\n\n<p>Inseriu l\u2019enlla\u00e7 com de costum. A la finestra de configuraci\u00f3 trobareu dos camps addicionals:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Texto accesible<\/li>\n\n\n\n<li>Posici\u00f3n del texto accesible<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"751\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/text-complementari.jpg\" alt=\"Finestra per inserir enlla\u00e7 on s'ha destacat el camp Texto accessible\" class=\"wp-image-5086\" style=\"width:492px;height:auto\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/text-complementari.jpg 800w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/text-complementari-300x282.jpg 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/text-complementari-768x721.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n\n\n<p>El text complementari s\u2019ha d\u2019introduir al camp <strong>Texto accesible<\/strong>. Aquest text <strong>no ha de repetir<\/strong> el contingut del camp <strong>Display Text<\/strong> (el text visible).<\/p>\n\n\n\n<p><strong>Exemple:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Text visible: <em>Enquestes del 1r semestre<\/em><\/li>\n\n\n\n<li>Text complementari: <em>del curs 2024-2025<\/em><\/li>\n<\/ul>\n\n\n\n<p>La ubicaci\u00f3 (abans o despr\u00e9s del text visible) es defineix al camp <strong>Posici\u00f3n del texto accesible<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"402\" height=\"248\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/ubicacio-text-complementari.jpg\" alt=\"Camp on podem indicar la ubicaci\u00f3 del text accessible\" class=\"wp-image-5087\" style=\"width:236px;height:auto\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/ubicacio-text-complementari.jpg 402w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/ubicacio-text-complementari-300x185.jpg 300w\" sizes=\"auto, (max-width: 402px) 100vw, 402px\" \/><\/figure>\n<\/div>\n\n\n<p>Un cop premeu <strong>Aceptar<\/strong>, el resultat ser\u00e0 visible per als editors del site, que podran modificar el text complementari si cal.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"261\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/resultat-enllac-info-compl.jpg\" alt=\"Visualitzaci\u00f3 d'un enlla\u00e7 que t\u00e9 informaci\u00f3 complement\u00e0ria al camp de text del gestor de continguts\" class=\"wp-image-5088\" style=\"width:616px;height:auto\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/resultat-enllac-info-compl.jpg 800w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/resultat-enllac-info-compl-300x98.jpg 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/resultat-enllac-info-compl-768x251.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n<\/div>\n\n\n<p>D&#8217;aquesta manera tots els editors del site podran ser conscients dels textos complementaris que es visualitzen al codi. Des d&#8217;aquesta vista es pot editar tamb\u00e9 el text complentari.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Enlla\u00e7os fets des de l&#8217;asset Enlla\u00e7<\/h3>\n\n\n\n<p>A les tres tipologies d\u2019asset Enlla\u00e7 (<strong>Extern, Intern o Document<\/strong>) s\u2019han incorporat dos camps nous:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Informaci\u00f3 complement\u00e0ria al T\u00edtol de l\u2019enlla\u00e7<\/li>\n\n\n\n<li>Ubicaci\u00f3 de la informaci\u00f3 complement\u00e0ria<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"202\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/info-compl-asset-enllac.jpg\" alt=\"Camps per a posar la informaci\u00f3 complement\u00e0ria al text de l'enlla\u00e7 dins d'un asset enlla\u00e7\" class=\"wp-image-5090\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/info-compl-asset-enllac.jpg 900w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/info-compl-asset-enllac-300x67.jpg 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/10\/info-compl-asset-enllac-768x172.jpg 768w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/figure>\n<\/div>\n\n\n<p>El camp <strong>T\u00edtol<\/strong> cont\u00e9 el text visible a la p\u00e0gina. El camp <strong>Informaci\u00f3 complement\u00e0ria<\/strong> afegeix informaci\u00f3 al codi font, sense repetir el contingut del t\u00edtol. La ubicaci\u00f3 (abans o despr\u00e9s) es defineix al camp corresponent.<\/p>\n\n\n\n<p class=\"wp-block-uab-alerta missatge alerta\">Aquests camps s\u00f3n opcionals i nom\u00e9s s\u2019han d\u2019utilitzar quan <strong>es repeteix el mateix text d\u2019enlla\u00e7 amb URL diferents<\/strong>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eviteu utilitzar URLs com a textos dels enlla\u00e7os, ja que seran aquestes les que es llegiran amb un lector de pantalla. Sovint ens trobem amb la necessitat de crear diversos enlla\u00e7os que utilitzen el mateix text visible, per\u00f2 amb URL de dest\u00ed diferents. Aquesta pr\u00e0ctica pot generar problemes d\u2019accessibilitat i dificultar la comprensi\u00f3 de la [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6120","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/6120","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/comments?post=6120"}],"version-history":[{"count":8,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/6120\/revisions"}],"predecessor-version":[{"id":7174,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/6120\/revisions\/7174"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=6120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}