{"id":5885,"date":"2025-11-25T13:05:10","date_gmt":"2025-11-25T11:05:10","guid":{"rendered":"https:\/\/webs.uab.cat\/webedit\/?page_id=5885"},"modified":"2026-02-10T13:11:25","modified_gmt":"2026-02-10T11:11:25","slug":"imatges-decoratives","status":"publish","type":"page","link":"https:\/\/webs.uab.cat\/webedit\/imatges-decoratives\/","title":{"rendered":"Imatges decoratives"},"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>Les imatges decoratives no aporten informaci\u00f3 al contingut de la p\u00e0gina. Per exemple, perqu\u00e8 la informaci\u00f3 que es mostra a la imatge ja s&#8217;exposa a un text adjacent o es tracta d&#8217;una imatge que s&#8217;afegeix per fer visualment m\u00e9s atractiva la p\u00e0gina.<\/p>\n\n\n\n<p>En aquests casos, el text alternatiu hauria de deixar-se buit, de manera que les tecnologies d&#8217;assist\u00e8ncia puguin ignorar-lo. El text alternatiu aportat a aquest tipus d&#8217;imatges es percebria com a soroll i pot distreure del contingut real de la p\u00e0gina. <\/p>\n\n\n\n<p class=\"wp-block-uab-alerta missatge alerta\">Al gestor de continguts del portal web de la UAB el camp <em>Text ALT<\/em> \u00e9s obligatori per a totes les imatges contribu\u00efdes.<\/p>\n\n\n\n<p>En la creaci\u00f3 de les plantilles del portal web de la UAB ja s&#8217;han tingut en compte totes aquestes consideracions, i \u00e9s en l&#8217;\u00fas de la imatge que es fa a les p\u00e0gines on es pren la decisi\u00f3 de si es mostra o no el text alternatiu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"401\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-alt-text-1024x401.png\" alt=\"\" class=\"wp-image-5889\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-alt-text-1024x401.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-alt-text-300x118.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-alt-text-768x301.png 768w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-alt-text-1536x602.png 1536w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-alt-text-1200x470.png 1200w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-alt-text.png 1657w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Exemples d&#8217;imatges amb diferents funcions.<\/figcaption><\/figure>\n\n\n\n<p> A l&#8217;asset de l&#8217;esquerra (banner CTA) s&#8217;utilitza una imatge de fons que no aporta informaci\u00f3 i, per tant, tot i que l&#8217;editor hagi de proporcionar un text alternatiu perqu\u00e8 \u00e9s un camp obligatori, aquest no s&#8217;utilitza. En canvi a l&#8217;asset de la dreta, una imatge per a una not\u00edcia, la imatge aporta informaci\u00f3 extra al titular i per tant, el text alternatiu s&#8217;inclou al codi.  Aquest text alternatiu ha de descriure el significat de la imatge, per exemple: &#8220;La vicerectora d&#8217;Innovaci\u00f3, Transfer\u00e8ncia i Emprenedoria, Rosa Mar\u00eda Sebasti\u00e1n P\u00e9rez al taller sobre art i ci\u00e8ncia de l&#8217;edici\u00f3 de la Nit de la Recerca 2024&#8221;.<\/p>\n\n\n\n<p>La mateixa imatge pot tenir diferents funcions i per tant, sempre cal proporcionar el text alternatiu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"379\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-mateixa-imatge-1024x379.png\" alt=\"\" class=\"wp-image-5891\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-mateixa-imatge-1024x379.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-mateixa-imatge-300x111.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-mateixa-imatge-768x284.png 768w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-mateixa-imatge-1536x569.png 1536w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-mateixa-imatge-1200x445.png 1200w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-mateixa-imatge.png 1752w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Diferents usos d&#8217;una mateixa imatge.<\/figcaption><\/figure>\n\n\n\n<p>A l&#8217;asset de l&#8217;esquerra (banner CTA), la imatge no aporta informaci\u00f3 i per tant no s&#8217;utilitzar\u00e0 el text alternatiu proporcionat. A l&#8217;asset de la dreta, una imatge que s&#8217;incorpora a un text gen\u00e8ric, s&#8217;utilitzar\u00e0 el text alternatiu i cal que sigui descriptiu. Per exemple: &#8220;Tractament vectorial de la imatge de les columnes de la UAB&#8221;.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les imatges decoratives no aporten informaci\u00f3 al contingut de la p\u00e0gina. Per exemple, perqu\u00e8 la informaci\u00f3 que es mostra a la imatge ja s&#8217;exposa a un text adjacent o es tracta d&#8217;una imatge que s&#8217;afegeix per fer visualment m\u00e9s atractiva la p\u00e0gina. En aquests casos, el text alternatiu hauria de deixar-se buit, de manera que [&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-5885","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5885","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=5885"}],"version-history":[{"count":4,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5885\/revisions"}],"predecessor-version":[{"id":7148,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5885\/revisions\/7148"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=5885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}