{"id":5952,"date":"2025-11-26T10:32:02","date_gmt":"2025-11-26T08:32:02","guid":{"rendered":"https:\/\/webs.uab.cat\/webedit\/?page_id=5952"},"modified":"2025-11-28T09:51:30","modified_gmt":"2025-11-28T07:51:30","slug":"taules","status":"publish","type":"page","link":"https:\/\/webs.uab.cat\/webedit\/taules\/","title":{"rendered":"Taules"},"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>Utilitzeu les taules per organitzar un conjunt de dades amb una relaci\u00f3 l\u00f2gica a les cel\u00b7les. Per tal que sigui accessible, cal que proporcioneu cap\u00e7aleres de files i columnes que defineixen la relaci\u00f3 entre el contingut de les cel\u00b7les. Si no podeu donar nom a la fila o columna de cap\u00e7alera, aix\u00f2 \u00e9s ja un indicatiu de que aquella informaci\u00f3 no s&#8217;ha de mostrar en format taula.<\/p>\n\n\n\n<p>Les tecnologies d&#8217;assist\u00e8ncia utilitzen aquesta informaci\u00f3 per donar context als usuaris ja que recorren les taules de forma lineal i si no ho fem aix\u00ed, \u00e9s dif\u00edcil identificar el significat d&#8217;una dada. Per exemple, els lectors de pantalla anuncien les cel\u00b7les d&#8217;una en una i la referencien amb les cel\u00b7les d&#8217;encap\u00e7alament per tal que l&#8217;usuari no perdi context.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"413\" src=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-taules-1024x413.png\" alt=\"Exemples d'\u00fas correcte i incorrecte de les taules.\" class=\"wp-image-5964\" srcset=\"https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-taules-1024x413.png 1024w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-taules-300x121.png 300w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-taules-768x310.png 768w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-taules-1536x619.png 1536w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-taules-2048x826.png 2048w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-taules-1200x484.png 1200w, https:\/\/webs.uab.cat\/webedit\/wp-content\/uploads\/sites\/667\/2025\/11\/acc-taules-1980x798.png 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">A l&#8217;esquerra la taula s&#8217;utilitza correctament per mostrar els centres de recollida del carnet universitari per edifici, amb horaris i espais de recollida. A la dreta la taula s&#8217;utiliza incorrectament per alinear una imatge i un text.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Altres recomanacions<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ompliu el camp &#8220;T\u00edtol&#8221; de la taula quan la creeu en comptes de posar-lo en una fila de cap\u00e7alera de la taula.  Aquest t\u00edtol ajuda els usuaris (sobretot als que utilitzen lectors de pantalla) a entendre l&#8217;objectiu de la taula i a poder decidir si volen llegir-la o no.<\/li>\n\n\n\n<li>Sempre que pugueu, eviteu la creaci\u00f3 de taules complexes i prioritzeu l&#8217;\u00fas de m\u00faltiples taules senzilles separant apartats. <\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Utilitzeu les taules per organitzar un conjunt de dades amb una relaci\u00f3 l\u00f2gica a les cel\u00b7les. Per tal que sigui accessible, cal que proporcioneu cap\u00e7aleres de files i columnes que defineixen la relaci\u00f3 entre el contingut de les cel\u00b7les. Si no podeu donar nom a la fila o columna de cap\u00e7alera, aix\u00f2 \u00e9s ja un [&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-5952","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5952","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=5952"}],"version-history":[{"count":9,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5952\/revisions"}],"predecessor-version":[{"id":5969,"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/pages\/5952\/revisions\/5969"}],"wp:attachment":[{"href":"https:\/\/webs.uab.cat\/webedit\/wp-json\/wp\/v2\/media?parent=5952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}