{"id":1410,"date":"2024-04-10T14:41:42","date_gmt":"2024-04-10T14:41:42","guid":{"rendered":"https:\/\/accesia.info\/?p=1410"},"modified":"2024-06-05T15:06:08","modified_gmt":"2024-06-05T15:06:08","slug":"guia-de-descripciones-alternativas-de-imagenes","status":"publish","type":"post","link":"https:\/\/accesia.info\/va\/guia-de-descripciones-alternativas-de-imagenes\/","title":{"rendered":"Guia de Descripcions Alternatives d&#039;imatges"},"content":{"rendered":"<!--themify_builder_content-->\n<div id=\"themify_builder_content-1410\" data-postid=\"1410\" class=\"themify_builder_content themify_builder_content-1410 themify_builder tf_clear\">\n    \t\t\t<!-- module_row -->\n\t<div  data-lazy=\"1\" class=\"module_row themify_builder_row tb_pc5p839 tb_first tf_w tf_clearfix\">\n\t    \t\t\t<div class=\"row_inner col_align_top tb_col_count_1 tf_box tf_rel\">\n\t\t            <div  data-lazy=\"1\" class=\"module_column tb-column col-full tb_upb0839 first\">\n                                                        <div class=\"tb-column-inner tf_box tf_w\">\n                        <!-- module text -->\n<div  class=\"module module-text tb_eacq892   \" data-lazy=\"1\">\n        <div  class=\"tb_text_wrap\">\n    <p>Las descripciones alternativas (o \u00abalt text\u00bb) son esenciales para asegurar que las im\u00e1genes en la web sean accesibles para todos los usuarios, incluyendo aquellos con discapacidades visuales que usan lectores de pantalla. A continuaci\u00f3n, se detallan las pautas sobre cu\u00e1ndo y c\u00f3mo introducir estas descripciones.<\/p>\n<h4>Cu\u00e1ndo Incluir Descripciones Alternativas<\/h4>\n<ol>\n<li>\n<p><strong>Im\u00e1genes Informativas<\/strong>:<\/p>\n<ul>\n<li><strong>Qu\u00e9 son<\/strong>: Im\u00e1genes que contienen informaci\u00f3n esencial, como gr\u00e1ficos, diagramas, mapas, etc.<\/li>\n<li><strong>Qu\u00e9 hacer<\/strong>: Proporcionar una descripci\u00f3n que transmita la informaci\u00f3n presentada en la imagen.<\/li>\n<li><strong>Ejemplo<\/strong>: Para un gr\u00e1fico de barras que muestra las ventas trimestrales: \u201cGr\u00e1fico de barras que muestra que las ventas en el primer trimestre fueron de 10,000 unidades, en el segundo trimestre 12,000 unidades, en el tercer trimestre 8,000 unidades y en el cuarto trimestre 15,000 unidades\u201d.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Im\u00e1genes Funcionales<\/strong>:<\/p>\n<ul>\n<li><strong>Qu\u00e9 son<\/strong>: Im\u00e1genes que act\u00faan como enlaces, botones u otros elementos interactivos.<\/li>\n<li><strong>Qu\u00e9 hacer<\/strong>: Describir la funci\u00f3n del elemento.<\/li>\n<li><strong>Ejemplo<\/strong>: Para un bot\u00f3n de b\u00fasqueda con una lupa: \u201cBot\u00f3n de b\u00fasqueda\u201d.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Im\u00e1genes Decorativas<\/strong>:<\/p>\n<ul>\n<li><strong>Qu\u00e9 son<\/strong>: Im\u00e1genes que no aportan informaci\u00f3n ni tienen una funci\u00f3n espec\u00edfica, solo mejoran el dise\u00f1o visual.<\/li>\n<li><strong>Qu\u00e9 hacer<\/strong>: Usar un alt vac\u00edo (<code>alt=\"\"<\/code>) para que los lectores de pantalla las ignoren.<\/li>\n<li><strong>Ejemplo<\/strong>: Si una p\u00e1gina tiene un borde decorativo de flores, el alt text ser\u00eda <code>alt=\"\"<\/code>.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Im\u00e1genes de Texto<\/strong>:<\/p>\n<ul>\n<li><strong>Qu\u00e9 son<\/strong>: Im\u00e1genes que contienen texto relevante.<\/li>\n<li><strong>Qu\u00e9 hacer<\/strong>: Incluir el texto presente en la imagen en la descripci\u00f3n alternativa.<\/li>\n<li><strong>Ejemplo<\/strong>: Si una imagen contiene un cartel que dice \u201cRebajas del 50% en todas las prendas\u201d, el alt text ser\u00eda: \u201cRebajas del 50% en todas las prendas\u201d.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Im\u00e1genes Complejas<\/strong>:<\/p>\n<ul>\n<li><strong>Qu\u00e9 son<\/strong>: Im\u00e1genes que contienen informaci\u00f3n compleja que no puede ser completamente descrita en un alt text corto (por ejemplo, infograf\u00edas detalladas).<\/li>\n<li><strong>Qu\u00e9 hacer<\/strong>: Proporcionar una descripci\u00f3n larga en la p\u00e1gina misma o enlazar a una p\u00e1gina separada con la descripci\u00f3n completa.<\/li>\n<li><strong>Ejemplo<\/strong>: Para una infograf\u00eda sobre el ciclo del agua: \u201cInfograf\u00eda detallada sobre el ciclo del agua. M\u00e1s informaci\u00f3n disponible en el siguiente enlace: [enlace a la descripci\u00f3n detallada]\u201d.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4>C\u00f3mo Escribir Descripciones Alternativas<\/h4>\n<ol>\n<li>\n<p><strong>S\u00e9 Conciso y Claro<\/strong>:<\/p>\n<ul>\n<li>Las descripciones deben ser breves y directas, describiendo el contenido y la funci\u00f3n de la imagen.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Evita Redundancias<\/strong>:<\/p>\n<ul>\n<li>No repitas informaci\u00f3n ya presente en el contexto cercano a la imagen.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>S\u00e9 Preciso<\/strong>:<\/p>\n<ul>\n<li>Aseg\u00farate de que la descripci\u00f3n refleje con precisi\u00f3n el contenido de la imagen.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Utiliza Lenguaje Neutral<\/strong>:<\/p>\n<ul>\n<li>Evita suposiciones sobre el contexto o la interpretaci\u00f3n de la imagen.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4>Ejemplos Pr\u00e1cticos<\/h4>\n<ol>\n<li>\n<p><strong>Imagen de una Persona Leyendo<\/strong>:<\/p>\n<ul>\n<li><strong>Descripci\u00f3n Alt<\/strong>: \u201cPersona leyendo un libro en un parque\u201d.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Bot\u00f3n de Comprar<\/strong>:<\/p>\n<ul>\n<li><strong>Descripci\u00f3n Alt<\/strong>: \u201cBot\u00f3n de comprar\u201d.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Diagrama de un Sistema Solar<\/strong>:<\/p>\n<ul>\n<li><strong>Descripci\u00f3n Alt<\/strong>: \u201cDiagrama del sistema solar mostrando planetas orbitando el sol\u201d.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Decoraci\u00f3n de Fondo<\/strong>:<\/p>\n<ul>\n<li><strong>Descripci\u00f3n Alt<\/strong>: <code>alt=\"\"<\/code>.<\/li>\n<\/ul>\n<\/li>\n<li>\n<p><strong>Infograf\u00eda Compleja<\/strong>:<\/p>\n<ul>\n<li><strong>Descripci\u00f3n Alt<\/strong>: \u201cInfograf\u00eda detallada sobre el cambio clim\u00e1tico. M\u00e1s informaci\u00f3n en el siguiente enlace: [enlace a la descripci\u00f3n detallada]\u201d.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4>Conclusi\u00f3n<\/h4>\n<p>Incluir descripciones alternativas en las im\u00e1genes no solo es una pr\u00e1ctica esencial para la accesibilidad web, sino que tambi\u00e9n mejora la usabilidad para todos los usuarios. Siguiendo estas pautas, puedes asegurar que tu contenido sea inclusivo y accesible para una audiencia m\u00e1s amplia.<\/p>\n<p>Para m\u00e1s detalles y ejemplos, puedes consultar las directrices de la Web Content Accessibility Guidelines (WCAG) en: <a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/decision-tree\/\">https:\/\/www.w3.org\/WAI\/tutorials\/images\/decision-tree\/\u00a0<\/a><\/p>    <\/div>\n<\/div>\n<!-- \/module text -->                    <\/div><!-- .tb-column-inner -->\n                            <\/div><!-- .module_column -->\n            \t    <\/div><!-- .row_inner -->\n\t<\/div><!-- .module_row -->\n\t<\/div>\n<!--\/themify_builder_content-->","protected":false},"excerpt":{"rendered":"<p>Las descripciones alternativas (o \u00abalt text\u00bb) son esenciales para asegurar que las im\u00e1genes en la web sean accesibles para todos los usuarios, incluyendo aquellos con discapacidades visuales que usan lectores de pantalla. A continuaci\u00f3n, se detallan las pautas sobre cu\u00e1ndo y c\u00f3mo introducir estas descripciones. Cu\u00e1ndo Incluir Descripciones Alternativas Im\u00e1genes Informativas: Qu\u00e9 son: Im\u00e1genes que [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1413,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1410","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","has-post-title","has-post-date","has-post-category","has-post-tag","has-post-comment","has-post-author",""],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gu\u00eda de Descripciones Alternativas de im\u00e1genes - Accesia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/accesia.info\/va\/guia-de-descripciones-alternativas-de-imagenes\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gu\u00eda de Descripciones Alternativas de im\u00e1genes - Accesia\" \/>\n<meta property=\"og:description\" content=\"Las descripciones alternativas (o &quot;alt text&quot;) son esenciales para asegurar que las im\u00e1genes en la web sean accesibles para todos los usuarios, incluyendo aquellos con discapacidades visuales que usan lectores de pantalla. A continuaci\u00f3n, se detallan las pautas sobre cu\u00e1ndo y c\u00f3mo introducir estas descripciones. Cu\u00e1ndo Incluir Descripciones Alternativas Im\u00e1genes Informativas: Qu\u00e9 son: Im\u00e1genes que [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/accesia.info\/va\/guia-de-descripciones-alternativas-de-imagenes\/\" \/>\n<meta property=\"og:site_name\" content=\"Accesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Accesia-Soluciones\/100093845105950\/?_rdr\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-10T14:41:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-05T15:06:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/accesia.info\/wp-content\/uploads\/2024\/06\/ida-textoalternativo-blog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1310\" \/>\n\t<meta property=\"og:image:height\" content=\"940\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AccesiaAdmin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Accesia_\" \/>\n<meta name=\"twitter:site\" content=\"@Accesia_\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"AccesiaAdmin\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/\"},\"author\":{\"name\":\"AccesiaAdmin\",\"@id\":\"https:\/\/accesia.info\/#\/schema\/person\/87355372a1ca74d21cf405545c18c31b\"},\"headline\":\"Gu\u00eda de Descripciones Alternativas de im\u00e1genes\",\"datePublished\":\"2024-04-10T14:41:42+00:00\",\"dateModified\":\"2024-06-05T15:06:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/\"},\"wordCount\":8,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/accesia.info\/#organization\"},\"image\":{\"@id\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/accesia.info\/wp-content\/uploads\/2024\/06\/ida-textoalternativo-blog.png\",\"articleSection\":[\"Sin categor\u00eda\"],\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/\",\"url\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/\",\"name\":\"Gu\u00eda de Descripciones Alternativas de im\u00e1genes - Accesia\",\"isPartOf\":{\"@id\":\"https:\/\/accesia.info\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/accesia.info\/wp-content\/uploads\/2024\/06\/ida-textoalternativo-blog.png\",\"datePublished\":\"2024-04-10T14:41:42+00:00\",\"dateModified\":\"2024-06-05T15:06:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#primaryimage\",\"url\":\"https:\/\/accesia.info\/wp-content\/uploads\/2024\/06\/ida-textoalternativo-blog.png\",\"contentUrl\":\"https:\/\/accesia.info\/wp-content\/uploads\/2024\/06\/ida-textoalternativo-blog.png\",\"width\":1310,\"height\":940,\"caption\":\"Ilustraci\u00f3n de un monitor con un gr\u00e1fico de l\u00edneas y tres servidores apilados frente a un fondo con c\u00edrculos naranjas.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/accesia.info\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gu\u00eda de Descripciones Alternativas de im\u00e1genes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/accesia.info\/#website\",\"url\":\"https:\/\/accesia.info\/\",\"name\":\"Accesia Soluciones\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/accesia.info\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/accesia.info\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/accesia.info\/#organization\",\"name\":\"Accesia Soluciones\",\"url\":\"https:\/\/accesia.info\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/accesia.info\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/accesia.info\/wp-content\/uploads\/2023\/07\/cropped-Diseno-sin-titulo-15.png\",\"contentUrl\":\"https:\/\/accesia.info\/wp-content\/uploads\/2023\/07\/cropped-Diseno-sin-titulo-15.png\",\"width\":512,\"height\":512,\"caption\":\"Accesia Soluciones\"},\"image\":{\"@id\":\"https:\/\/accesia.info\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/people\/Accesia-Soluciones\/100093845105950\/?_rdr\",\"https:\/\/x.com\/Accesia_\",\"https:\/\/www.instagram.com\/accesiasoluciones\/\",\"https:\/\/es.linkedin.com\/company\/accesia-soluciones\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/accesia.info\/#\/schema\/person\/87355372a1ca74d21cf405545c18c31b\",\"name\":\"AccesiaAdmin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/accesia.info\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/10f8f6eb8a27fef20ee03489544afff05113f520c42c7474891a2ec5809f90e8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/10f8f6eb8a27fef20ee03489544afff05113f520c42c7474891a2ec5809f90e8?s=96&d=mm&r=g\",\"caption\":\"AccesiaAdmin\"},\"url\":\"https:\/\/accesia.info\/va\/author\/accesiaadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guia de Descripcions Alternatives d&#039;imatges - Accessia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/accesia.info\/va\/guia-de-descripciones-alternativas-de-imagenes\/","og_locale":"ca_ES","og_type":"article","og_title":"Gu\u00eda de Descripciones Alternativas de im\u00e1genes - Accesia","og_description":"Las descripciones alternativas (o \"alt text\") son esenciales para asegurar que las im\u00e1genes en la web sean accesibles para todos los usuarios, incluyendo aquellos con discapacidades visuales que usan lectores de pantalla. A continuaci\u00f3n, se detallan las pautas sobre cu\u00e1ndo y c\u00f3mo introducir estas descripciones. Cu\u00e1ndo Incluir Descripciones Alternativas Im\u00e1genes Informativas: Qu\u00e9 son: Im\u00e1genes que [&hellip;]","og_url":"https:\/\/accesia.info\/va\/guia-de-descripciones-alternativas-de-imagenes\/","og_site_name":"Accesia","article_publisher":"https:\/\/www.facebook.com\/people\/Accesia-Soluciones\/100093845105950\/?_rdr","article_published_time":"2024-04-10T14:41:42+00:00","article_modified_time":"2024-06-05T15:06:08+00:00","og_image":[{"width":1310,"height":940,"url":"https:\/\/accesia.info\/wp-content\/uploads\/2024\/06\/ida-textoalternativo-blog.png","type":"image\/png"}],"author":"AccesiaAdmin","twitter_card":"summary_large_image","twitter_creator":"@Accesia_","twitter_site":"@Accesia_","twitter_misc":{"Escrit per":"AccesiaAdmin"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#article","isPartOf":{"@id":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/"},"author":{"name":"AccesiaAdmin","@id":"https:\/\/accesia.info\/#\/schema\/person\/87355372a1ca74d21cf405545c18c31b"},"headline":"Gu\u00eda de Descripciones Alternativas de im\u00e1genes","datePublished":"2024-04-10T14:41:42+00:00","dateModified":"2024-06-05T15:06:08+00:00","mainEntityOfPage":{"@id":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/"},"wordCount":8,"commentCount":0,"publisher":{"@id":"https:\/\/accesia.info\/#organization"},"image":{"@id":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#primaryimage"},"thumbnailUrl":"https:\/\/accesia.info\/wp-content\/uploads\/2024\/06\/ida-textoalternativo-blog.png","articleSection":["Sin categor\u00eda"],"inLanguage":"ca","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/","url":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/","name":"Guia de Descripcions Alternatives d&#039;imatges - Accessia","isPartOf":{"@id":"https:\/\/accesia.info\/#website"},"primaryImageOfPage":{"@id":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#primaryimage"},"image":{"@id":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#primaryimage"},"thumbnailUrl":"https:\/\/accesia.info\/wp-content\/uploads\/2024\/06\/ida-textoalternativo-blog.png","datePublished":"2024-04-10T14:41:42+00:00","dateModified":"2024-06-05T15:06:08+00:00","breadcrumb":{"@id":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#primaryimage","url":"https:\/\/accesia.info\/wp-content\/uploads\/2024\/06\/ida-textoalternativo-blog.png","contentUrl":"https:\/\/accesia.info\/wp-content\/uploads\/2024\/06\/ida-textoalternativo-blog.png","width":1310,"height":940,"caption":"Ilustraci\u00f3n de un monitor con un gr\u00e1fico de l\u00edneas y tres servidores apilados frente a un fondo con c\u00edrculos naranjas."},{"@type":"BreadcrumbList","@id":"https:\/\/accesia.info\/guia-de-descripciones-alternativas-de-imagenes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/accesia.info\/"},{"@type":"ListItem","position":2,"name":"Gu\u00eda de Descripciones Alternativas de im\u00e1genes"}]},{"@type":"WebSite","@id":"https:\/\/accesia.info\/#website","url":"https:\/\/accesia.info\/","name":"Accessia Solucions","description":"","publisher":{"@id":"https:\/\/accesia.info\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/accesia.info\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/accesia.info\/#organization","name":"Accessia Solucions","url":"https:\/\/accesia.info\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/accesia.info\/#\/schema\/logo\/image\/","url":"https:\/\/accesia.info\/wp-content\/uploads\/2023\/07\/cropped-Diseno-sin-titulo-15.png","contentUrl":"https:\/\/accesia.info\/wp-content\/uploads\/2023\/07\/cropped-Diseno-sin-titulo-15.png","width":512,"height":512,"caption":"Accesia Soluciones"},"image":{"@id":"https:\/\/accesia.info\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Accesia-Soluciones\/100093845105950\/?_rdr","https:\/\/x.com\/Accesia_","https:\/\/www.instagram.com\/accesiasoluciones\/","https:\/\/es.linkedin.com\/company\/accesia-soluciones"]},{"@type":"Person","@id":"https:\/\/accesia.info\/#\/schema\/person\/87355372a1ca74d21cf405545c18c31b","name":"AccessiaAdmin","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/accesia.info\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/10f8f6eb8a27fef20ee03489544afff05113f520c42c7474891a2ec5809f90e8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/10f8f6eb8a27fef20ee03489544afff05113f520c42c7474891a2ec5809f90e8?s=96&d=mm&r=g","caption":"AccesiaAdmin"},"url":"https:\/\/accesia.info\/va\/author\/accesiaadmin\/"}]}},"builder_content":"<p>Las descripciones alternativas (o \"alt text\") son esenciales para asegurar que las im\u00e1genes en la web sean accesibles para todos los usuarios, incluyendo aquellos con discapacidades visuales que usan lectores de pantalla. A continuaci\u00f3n, se detallan las pautas sobre cu\u00e1ndo y c\u00f3mo introducir estas descripciones.<\/p> <h4>Cu\u00e1ndo Incluir Descripciones Alternativas<\/h4> <ol> <li> <p><strong>Im\u00e1genes Informativas<\/strong>:<\/p> <ul> <li><strong>Qu\u00e9 son<\/strong>: Im\u00e1genes que contienen informaci\u00f3n esencial, como gr\u00e1ficos, diagramas, mapas, etc.<\/li> <li><strong>Qu\u00e9 hacer<\/strong>: Proporcionar una descripci\u00f3n que transmita la informaci\u00f3n presentada en la imagen.<\/li> <li><strong>Ejemplo<\/strong>: Para un gr\u00e1fico de barras que muestra las ventas trimestrales: \u201cGr\u00e1fico de barras que muestra que las ventas en el primer trimestre fueron de 10,000 unidades, en el segundo trimestre 12,000 unidades, en el tercer trimestre 8,000 unidades y en el cuarto trimestre 15,000 unidades\u201d.<\/li> <\/ul> <\/li> <li> <p><strong>Im\u00e1genes Funcionales<\/strong>:<\/p> <ul> <li><strong>Qu\u00e9 son<\/strong>: Im\u00e1genes que act\u00faan como enlaces, botones u otros elementos interactivos.<\/li> <li><strong>Qu\u00e9 hacer<\/strong>: Describir la funci\u00f3n del elemento.<\/li> <li><strong>Ejemplo<\/strong>: Para un bot\u00f3n de b\u00fasqueda con una lupa: \u201cBot\u00f3n de b\u00fasqueda\u201d.<\/li> <\/ul> <\/li> <li> <p><strong>Im\u00e1genes Decorativas<\/strong>:<\/p> <ul> <li><strong>Qu\u00e9 son<\/strong>: Im\u00e1genes que no aportan informaci\u00f3n ni tienen una funci\u00f3n espec\u00edfica, solo mejoran el dise\u00f1o visual.<\/li> <li><strong>Qu\u00e9 hacer<\/strong>: Usar un alt vac\u00edo (<code>alt=\"\"<\/code>) para que los lectores de pantalla las ignoren.<\/li> <li><strong>Ejemplo<\/strong>: Si una p\u00e1gina tiene un borde decorativo de flores, el alt text ser\u00eda <code>alt=\"\"<\/code>.<\/li> <\/ul> <\/li> <li> <p><strong>Im\u00e1genes de Texto<\/strong>:<\/p> <ul> <li><strong>Qu\u00e9 son<\/strong>: Im\u00e1genes que contienen texto relevante.<\/li> <li><strong>Qu\u00e9 hacer<\/strong>: Incluir el texto presente en la imagen en la descripci\u00f3n alternativa.<\/li> <li><strong>Ejemplo<\/strong>: Si una imagen contiene un cartel que dice \u201cRebajas del 50% en todas las prendas\u201d, el alt text ser\u00eda: \u201cRebajas del 50% en todas las prendas\u201d.<\/li> <\/ul> <\/li> <li> <p><strong>Im\u00e1genes Complejas<\/strong>:<\/p> <ul> <li><strong>Qu\u00e9 son<\/strong>: Im\u00e1genes que contienen informaci\u00f3n compleja que no puede ser completamente descrita en un alt text corto (por ejemplo, infograf\u00edas detalladas).<\/li> <li><strong>Qu\u00e9 hacer<\/strong>: Proporcionar una descripci\u00f3n larga en la p\u00e1gina misma o enlazar a una p\u00e1gina separada con la descripci\u00f3n completa.<\/li> <li><strong>Ejemplo<\/strong>: Para una infograf\u00eda sobre el ciclo del agua: \u201cInfograf\u00eda detallada sobre el ciclo del agua. M\u00e1s informaci\u00f3n disponible en el siguiente enlace: [enlace a la descripci\u00f3n detallada]\u201d.<\/li> <\/ul> <\/li> <\/ol> <h4>C\u00f3mo Escribir Descripciones Alternativas<\/h4> <ol> <li> <p><strong>S\u00e9 Conciso y Claro<\/strong>:<\/p> <ul> <li>Las descripciones deben ser breves y directas, describiendo el contenido y la funci\u00f3n de la imagen.<\/li> <\/ul> <\/li> <li> <p><strong>Evita Redundancias<\/strong>:<\/p> <ul> <li>No repitas informaci\u00f3n ya presente en el contexto cercano a la imagen.<\/li> <\/ul> <\/li> <li> <p><strong>S\u00e9 Preciso<\/strong>:<\/p> <ul> <li>Aseg\u00farate de que la descripci\u00f3n refleje con precisi\u00f3n el contenido de la imagen.<\/li> <\/ul> <\/li> <li> <p><strong>Utiliza Lenguaje Neutral<\/strong>:<\/p> <ul> <li>Evita suposiciones sobre el contexto o la interpretaci\u00f3n de la imagen.<\/li> <\/ul> <\/li> <\/ol> <h4>Ejemplos Pr\u00e1cticos<\/h4> <ol> <li> <p><strong>Imagen de una Persona Leyendo<\/strong>:<\/p> <ul> <li><strong>Descripci\u00f3n Alt<\/strong>: \u201cPersona leyendo un libro en un parque\u201d.<\/li> <\/ul> <\/li> <li> <p><strong>Bot\u00f3n de Comprar<\/strong>:<\/p> <ul> <li><strong>Descripci\u00f3n Alt<\/strong>: \u201cBot\u00f3n de comprar\u201d.<\/li> <\/ul> <\/li> <li> <p><strong>Diagrama de un Sistema Solar<\/strong>:<\/p> <ul> <li><strong>Descripci\u00f3n Alt<\/strong>: \u201cDiagrama del sistema solar mostrando planetas orbitando el sol\u201d.<\/li> <\/ul> <\/li> <li> <p><strong>Decoraci\u00f3n de Fondo<\/strong>:<\/p> <ul> <li><strong>Descripci\u00f3n Alt<\/strong>: <code>alt=\"\"<\/code>.<\/li> <\/ul> <\/li> <li> <p><strong>Infograf\u00eda Compleja<\/strong>:<\/p> <ul> <li><strong>Descripci\u00f3n Alt<\/strong>: \u201cInfograf\u00eda detallada sobre el cambio clim\u00e1tico. M\u00e1s informaci\u00f3n en el siguiente enlace: [enlace a la descripci\u00f3n detallada]\u201d.<\/li> <\/ul> <\/li> <\/ol> <h4>Conclusi\u00f3n<\/h4> <p>Incluir descripciones alternativas en las im\u00e1genes no solo es una pr\u00e1ctica esencial para la accesibilidad web, sino que tambi\u00e9n mejora la usabilidad para todos los usuarios. Siguiendo estas pautas, puedes asegurar que tu contenido sea inclusivo y accesible para una audiencia m\u00e1s amplia.<\/p> <p>Para m\u00e1s detalles y ejemplos, puedes consultar las directrices de la Web Content Accessibility Guidelines (WCAG) en: <a href=\"https:\/\/www.w3.org\/WAI\/tutorials\/images\/decision-tree\/\">https:\/\/www.w3.org\/WAI\/tutorials\/images\/decision-tree\/\u00a0<\/a><\/p>","_links":{"self":[{"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/posts\/1410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/comments?post=1410"}],"version-history":[{"count":5,"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/posts\/1410\/revisions"}],"predecessor-version":[{"id":1417,"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/posts\/1410\/revisions\/1417"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/media\/1413"}],"wp:attachment":[{"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/media?parent=1410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/categories?post=1410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/accesia.info\/va\/wp-json\/wp\/v2\/tags?post=1410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}