{"id":33972,"date":"2024-08-22T09:40:31","date_gmt":"2024-08-22T07:40:31","guid":{"rendered":"https:\/\/www.mtp.es\/?p=33972"},"modified":"2024-08-22T09:40:31","modified_gmt":"2024-08-22T07:40:31","slug":"accesibilidad-web-todo-lnecesitas-saber-sitio-accesible","status":"publish","type":"post","link":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/","title":{"rendered":"Accesibilidad web: todo lo que necesitas saber para hacer tu sitio accesible"},"content":{"rendered":"<p>La accesibilidad es esa cualidad de la experiencia de usuario que, adem\u00e1s de proporcionar una interacci\u00f3n \u00fatil y satisfactoria con la p\u00e1gina web o aplicaci\u00f3n, permite su uso a todo tipo de personas, independientemente de si tienen alg\u00fan tipo de impedimento o barrera f\u00edsica. Vamos a explicar en este post el concepto y las ventajas de la accesibilidad, as\u00ed como la ayuda que puede aportar MTP para conseguirla.<\/p>\n<h2><strong>\u00bfPor qu\u00e9 deber\u00eda hacer accesible mi sitio web?<\/strong><\/h2>\n<p>Seg\u00fan el informe mundial sobre discapacidades de la <strong>Organizaci\u00f3n Mundial de la Salud (OMS)<\/strong> de 2011, el 15% de la poblaci\u00f3n mundial posee alg\u00fan tipo de discapacidad. Esto incluye <strong>discapacidades f\u00edsicas<\/strong>, as\u00ed como <strong>discapacidades cognitivas y neurol\u00f3gicas<\/strong>. debido al envejecimiento de la poblaci\u00f3n, se prev\u00e9 que esta tasa de personas aumente. Mil millones de personas en el mundo viven con una discapacidad y deber\u00edan poder disfrutar del mismo acceso a la informaci\u00f3n que aquellos sin discapacidad.<\/p>\n<p>Hacer un sitio web accesible tambi\u00e9n da un beneficio inesperado: Los buscadores como Google o Bing son ciegos. Esto implica que, si el sitio web que est\u00e1n indexando es accesible, probablemente aparecer\u00e1 con m\u00e1s facilidad en las primeras posiciones al buscar, pues la accesibilidad beneficia al SEO.<\/p>\n<h2><strong>\u00bfC\u00f3mo se puede hacer un sitio accesible?<\/strong><\/h2>\n<p>Lo primero que tenemos que saber para hacer un sitio web accesible es qu\u00e9 es la <strong>accesibilidad web<\/strong>.<\/p>\n<p>Una b\u00fasqueda r\u00e1pida en cualquier buscador sobre accesibilidad web nos arrojar\u00e1 much\u00edsima informaci\u00f3n al respecto. hay much\u00edsimas definiciones de accesibilidad, algunas m\u00e1s acertadas que otras. Podemos decir que la accesibilidad web es lo que permite que el m\u00e1ximo n\u00famero de usuarios pueda acceder a una p\u00e1gina web, independientemente de su perfil de usuario, del dispositivo que use o de las tecnolog\u00edas de asistencia que necesite.<\/p>\n<p>No todos los sitios webs tienen el mismo nivel de accesibilidad. Cuantos m\u00e1s perfiles de usuario puedan visitar una p\u00e1gina web, el nivel de accesibilidad ser\u00e1 m\u00e1s alto.<\/p>\n<p>El <strong>Consorcio World Wide Web (W3C)<\/strong> desarrolla pautas de accesibilidad para contenido web, llamadas<strong> WCAG<\/strong>. Estas pautas son un est\u00e1ndar internacional. al seguirlas, garantizamos que los sitios webs sean accesibles.<\/p>\n<p>Las WCAG est\u00e1n divididas en <strong>tres niveles<\/strong>: A, AA y AAA, ordenados de menor a mayor nivel de accesibilidad. Cada nivel contiene una serie de criterios de accesibilidad que recomiendan t\u00e9cnicas espec\u00edficas para su cumplimiento, orientadas a desarrollar un sitio web accesible.<\/p>\n<p>Estos <strong>criterios<\/strong> est\u00e1n divididos en cuatro principios:<\/p>\n<p style=\"padding-left: 40px;\"><strong>&#8211; Perceptible.<\/strong> Los visitantes deben poder percibir o entender y ser conscientes del contenido e informaci\u00f3n de un sitio web. Por ejemplo: Si existe una imagen, debe llevar texto alternativo.<\/p>\n<p style=\"padding-left: 40px;\"><strong>&#8211; Operable.<\/strong> Los visitantes deben poder utilizar todas las partes de un sitio web sin interrupciones. Por ejemplo, para cumplir con este principio, debe poderse navegar por el sitio utilizando el teclado o utilizando interruptores adaptativos.<\/p>\n<p style=\"padding-left: 40px;\"><strong>&#8211; Comprensible.<\/strong> Todo el contenido en un sitio ya sea escrito o presentado de otra manera, debe ser f\u00e1cil de entender. Un ejemplo de lo que se pretende con este principio es que una persona con un problema cognitivo pueda acceder al sitio web. Estas personas se benefician de un lenguaje claro y conciso.<\/p>\n<p style=\"padding-left: 40px;\"><strong>&#8211; Robusto.<\/strong> Los cimientos de un sitio web, como su c\u00f3digo HTML, deben ser f\u00e1cilmente legibles e interpretados por todos los visitantes, incluidas las tecnolog\u00edas de asistencia como lectores de pantalla. Por ejemplo, utilizando la sem\u00e1ntica correcta de HTML 5 (etiqueta button en lugar de etiqueta span para colocar un elemento que ser\u00e1 pulsado para hacer una acci\u00f3n) podemos asegurarnos de que los usuarios que dependen del teclado y de los lectores de pantallas podr\u00e1n interactuar con el contenido del sitio.<\/p>\n<h2><strong>\u00bfC\u00f3mo saber si un sitio es accesible?<\/strong><\/h2>\n<p>Consideramos que <strong>un sitio es accesible cuando cumple con los criterios de la WCAG en su \u00faltima versi\u00f3n, la 2.2<\/strong>. Existen muchas herramientas que ayudan a mejorar la accesibilidad de un sitio web, pero hay que tener cuidado al usarlas. Es frecuente que arrojen falsos positivos o falsos negativos. Por ejemplo, estas herramientas suelen considerar por defecto que las im\u00e1genes deben llevar texto alternativo. Aunque esto es cierto en la mayor\u00eda de los casos, no suelen tener en cuenta las im\u00e1genes decorativas, que no deben llevarlo al no aportar informaci\u00f3n.<\/p>\n<p>Utilizar este tipo de herramientas es una buena idea para realizar una primera revisi\u00f3n del sitio y solucionar algunas barreras, pero nunca deben sustituir a la<strong> revisi\u00f3n de accesibilidad<\/strong> manual realizada por un <strong>consultor experto<\/strong>.<\/p>\n<p>En MTP, contamos con expertos <a href=\"https:\/\/mtp.global\/es\/servicios\/accesibilidad-digital-y-ux\/\" target=\"_blank\" rel=\"noopener\"><strong>consultores de accesibilidad<\/strong><\/a> que, utilizando los criterios de la WCAG en su versi\u00f3n 2.2 como base para la auditor\u00eda y realizando pruebas manuales, podr\u00e1n elaborar un informe detallado. Este informe identificar\u00e1 las principales barreras de accesibilidad del sitio web y ofrecer\u00e1 opciones viables para solucionarlas.<\/p>\n<p>MTP, a trav\u00e9s de <a href=\"https:\/\/mtp.global\/es\/dinclusive\/\" target=\"_blank\" rel=\"noopener\"><strong>DInclusive<\/strong><\/a>, tambi\u00e9n puede certificar la accesibilidad en diferentes niveles. Desc\u00fabrelo aqu\u00ed.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vamos a explicar en este post el concepto y las ventajas de la accesibilidad, as\u00ed como la ayuda que puede aportar MTP para conseguirla.<\/p>\n","protected":false},"author":9,"featured_media":33970,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[205],"tags":[],"class_list":["post-33972","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accesibilidad-digital-y-ux"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accesibilidad web: lo esencial para una web accesible | MTP<\/title>\n<meta name=\"description\" content=\"Explicamos en este post lo que se necesita para que un sitio web sea accesible, y c\u00f3mo MTP puede ayudar a lograr esa accesibilidad digital.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accesibilidad web: lo esencial para una web accesible | MTP\" \/>\n<meta property=\"og:description\" content=\"Explicamos en este post lo que se necesita para que un sitio web sea accesible, y c\u00f3mo MTP puede ayudar a lograr esa accesibilidad digital.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/\" \/>\n<meta property=\"og:site_name\" content=\"MTP Espa\u00f1a\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-22T07:40:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"MTP\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"MTP\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accesibilidad web: lo esencial para una web accesible | MTP","description":"Explicamos en este post lo que se necesita para que un sitio web sea accesible, y c\u00f3mo MTP puede ayudar a lograr esa accesibilidad digital.","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:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/","og_locale":"es_ES","og_type":"article","og_title":"Accesibilidad web: lo esencial para una web accesible | MTP","og_description":"Explicamos en este post lo que se necesita para que un sitio web sea accesible, y c\u00f3mo MTP puede ayudar a lograr esa accesibilidad digital.","og_url":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/","og_site_name":"MTP Espa\u00f1a","article_published_time":"2024-08-22T07:40:31+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","type":"image\/jpeg"}],"author":"MTP","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"MTP","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#article","isPartOf":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/"},"author":{"name":"MTP","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813"},"headline":"Accesibilidad web: todo lo que necesitas saber para hacer tu sitio accesible","datePublished":"2024-08-22T07:40:31+00:00","mainEntityOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/"},"wordCount":863,"publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","articleSection":["Accesibilidad digital y UX"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/","url":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/","name":"Accesibilidad web: lo esencial para una web accesible | MTP","isPartOf":{"@id":"https:\/\/mtp.global\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#primaryimage"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","datePublished":"2024-08-22T07:40:31+00:00","description":"Explicamos en este post lo que se necesita para que un sitio web sea accesible, y c\u00f3mo MTP puede ayudar a lograr esa accesibilidad digital.","breadcrumb":{"@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#primaryimage","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/mtp.global\/es\/blog\/accesibilidad-digital-y-ux\/accesibilidad-web-todo-lnecesitas-saber-sitio-accesible\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mtp.global\/es\/home\/"},{"@type":"ListItem","position":2,"name":"Accesibilidad web: todo lo que necesitas saber para hacer tu sitio accesible"}]},{"@type":"WebSite","@id":"https:\/\/mtp.global\/es\/#website","url":"https:\/\/mtp.global\/es\/","name":"MTP Global","description":"","publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mtp.global\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/mtp.global\/es\/#organization","name":"MTP Global","url":"https:\/\/mtp.global\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","width":1200,"height":400,"caption":"MTP Global"},"image":{"@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813","name":"MTP","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","caption":"MTP"},"url":"https:\/\/mtp.global\/es\/blog\/author\/marketing\/"}]}},"fimg_url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/08\/MTP-Blog-accesibilidad-wcag.jpg","_links":{"self":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/33972","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/comments?post=33972"}],"version-history":[{"count":0,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/33972\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media\/33970"}],"wp:attachment":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media?parent=33972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/categories?post=33972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/tags?post=33972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}