{"id":5920,"date":"2025-11-25T18:08:01","date_gmt":"2025-11-25T16:08:01","guid":{"rendered":"https:\/\/webs.uab.cat\/webedit\/?page_id=5920"},"modified":"2025-11-25T18:41:51","modified_gmt":"2025-11-25T16:41:51","slug":"imatges-complexes","status":"publish","type":"page","link":"https:\/\/webs.uab.cat\/webedit\/imatges-complexes\/","title":{"rendered":"Imatges complexes"},"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 complexes \u00f3n aquelles que contenen m\u00e9s informaci\u00f3 de la que es pot transmetre en una frase curta. Aix\u00f2 inclou gr\u00e0fics, diagrames, il\u00b7lustracions, mapes&#8230;<\/p>\n\n\n\n<p>En aquests casos, cal incloure un text alternatiu en dues parts. Al camp Text ALT introdu\u00efrem una descripci\u00f3 simple del que consisteix la imatge, i despr\u00e9s de la imatge afegirem el text que descriu la informaci\u00f3 essencial que cont\u00e9 la imatge. Al camp Text ALT cal afegir tamb\u00e9 que es proporciona una descripci\u00f3 acurada de la imatge despr\u00e9s de la mateixa. <\/p>\n\n\n\n<p>Per exemple, a la gr\u00e0fica que mostra l&#8217;evoluci\u00f3 del consum energ\u00e8tic de la UAB:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-grafica-1-1024x452.png\" alt=\"\" class=\"wp-image-5926\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-grafica-1-1024x452.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-grafica-1-300x132.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-grafica-1-768x339.png 768w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-grafica-1-1536x678.png 1536w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-grafica-1-2048x904.png 2048w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-grafica-1-1200x530.png 1200w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-grafica-1-1980x874.png 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>El text alternatiu constaria de dues parts: el camp Text ALT, que podria ser: &#8220;Evoluci\u00f3 del consum d&#8217;energia a la UAB. Despr\u00e9s de la imatge trobareu una descripci\u00f3 detallada&#8221;<\/p>\n\n\n\n<p>I la descripci\u00f3 despr\u00e9s de la imatge:<\/p>\n\n\n\n<p>Des del 2010, en qu\u00e8 el consum d&#8217;energia a la UAB va ser de m\u00e9s de 70000 MWh, la progressi\u00f3 lineal a la baixa ha estat sostinguda fins el 2023, en qu\u00e8 el consum va ser de 42000 MWh, un 39,2% menys. A la seg\u00fcent taula podeu consultar els consums totals anuals.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Any<\/th><th>Consum d&#8217;energia en MWh<\/th><\/tr><\/thead><tbody><tr><td>2010<\/td><td>72000<\/td><\/tr><tr><td>2011<\/td><td>60000<\/td><\/tr><tr><td>2012<\/td><td>60000<\/td><\/tr><tr><td>2013<\/td><td>55000<\/td><\/tr><tr><td>2014<\/td><td>52000<\/td><\/tr><tr><td>2015<\/td><td>61000<\/td><\/tr><tr><td>2016<\/td><td>57000<\/td><\/tr><tr><td>2017<\/td><td>59000<\/td><\/tr><tr><td>2018<\/td><td>57000<\/td><\/tr><tr><td>2019<\/td><td>54000<\/td><\/tr><tr><td>2020<\/td><td>44000<\/td><\/tr><tr><td>2021<\/td><td>54000<\/td><\/tr><tr><td>2022<\/td><td>51000<\/td><\/tr><tr><td>2023<\/td><td>44000<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Un altre exemple, per al seg\u00fcent diagrama de decisions el camp Text ALT pot ser: &#8220;Diagrama de decisions per al text alternatiu d&#8217;una imatge. Tot seguit trobareu una descripci\u00f3 textual&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"934\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-imatges-alt-19-1024x934.png\" alt=\"Diagrama de decisions per al text alternatiu d'una imatge. Tot seguit trobareu una descripci\u00f3 textual.\" class=\"wp-image-5883\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-imatges-alt-19-1024x934.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-imatges-alt-19-300x274.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-imatges-alt-19-768x700.png 768w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-imatges-alt-19-1536x1401.png 1536w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-imatges-alt-19-2048x1868.png 2048w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-imatges-alt-19-1200x1095.png 1200w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-imatges-alt-19-1980x1806.png 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I a continuaci\u00f3, la descripci\u00f3 del proc\u00e9s  que es mostra visualment a la imatge.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>La imatge cont\u00e9 text?<\/strong>\n<ul class=\"wp-block-list\">\n<li><strong>Si:<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u2026&nbsp;<strong>i el text tamb\u00e9 apareix a les proximitats de la imatge<\/strong>. No s\u2019ha d\u2019afegir text alternatiu, i, en el cas del portal web, aquesta imatge no t\u00e9 cabuda. Vegeu&nbsp;<a href=\"https:\/\/webs.uab.cat\/webedit\/imatges-decoratives\/\">imatges decorative<\/a><strong><a href=\"https:\/\/webs.uab.cat\/webedit\/imatges-decoratives\/\">s<\/a><\/strong>.<\/li>\n\n\n\n<li>\u2026&nbsp;<strong>i el text nom\u00e9s es mostra amb finalitats decoratives.<\/strong>&nbsp;No s\u2019ha d\u2019afegir text alternatiu, i, en el cas del portal web, aquesta imatge no t\u00e9 cabuda. Vegeu&nbsp;<a href=\"https:\/\/webs.uab.cat\/webedit\/imatges-decoratives\/\">imatges decoratives<\/a>.<\/li>\n\n\n\n<li>.<strong>.. i el text t\u00e9 una funci\u00f3 espec\u00edfica, per exemple una icona.<\/strong>&nbsp;El text alternatiu ha d\u2019explicar la funci\u00f3 de la imatge. Vegeu&nbsp;<a href=\"https:\/\/webs.uab.cat\/webedit\/imatges-funcionals\/\">imatges funcionals<\/a>.<\/li>\n\n\n\n<li><strong>\u2026 i el text de la imatge no apareix a les proximitats de la imatge.<\/strong>&nbsp;Utilitzeu el text de la imatge com a text alternatiu. Vegeu&nbsp;<strong>imatges de text<\/strong>.&nbsp;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>No:<\/strong>&nbsp;continua.<\/li>\n\n\n\n<li>&#8230;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Les imatges complexes \u00f3n aquelles que contenen m\u00e9s informaci\u00f3 de la que es pot transmetre en una frase curta. Aix\u00f2 inclou gr\u00e0fics, diagrames, il\u00b7lustracions, mapes&#8230; En aquests casos, cal incloure un text alternatiu en dues parts. Al camp Text ALT introdu\u00efrem una descripci\u00f3 simple del que consisteix la imatge, i despr\u00e9s de la imatge afegirem [&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-5920","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5920","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=5920"}],"version-history":[{"count":4,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5920\/revisions"}],"predecessor-version":[{"id":5930,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5920\/revisions\/5930"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=5920"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}