{"id":20732,"date":"2020-08-11T00:00:00","date_gmt":"2020-08-11T00:00:00","guid":{"rendered":"https:\/\/localhost:10083\/sin-categorizar\/digital-accessibility-and-wcag-2-1-es\/"},"modified":"2023-04-12T11:41:57","modified_gmt":"2023-04-12T09:41:57","slug":"accesibilidad-web-y-estandares-wcag-2-1","status":"publish","type":"post","link":"https:\/\/wp-staging.amberscript.com\/es\/blog\/accesibilidad-web-y-estandares-wcag-2-1\/","title":{"rendered":"Accesibilidad web y normas WCAG 2.1"},"content":{"rendered":"\n<p><em>En Europa, la\u00a0<a href=\"https:\/\/wp-staging.amberscript.com\/es\/accesibilidad-digital\/\">accesibilidad web<\/a>\u00a0desempe\u00f1ar\u00e1 un papel importante en la agenda p\u00fablica en 2020. Impulsadas por un cambio de legislaci\u00f3n y normas obligatorias sobre las directrices de accesibilidad al contenido de la web (WCAG 2.1), muchas organizaciones p\u00fablicas se esfuerzan por encontrar soluciones pragm\u00e1ticas que se ajusten al presupuesto, se ajusten a los procesos y resuelvan la cuesti\u00f3n hacer la web accesible.<\/em><\/p>\n\n\n\n<p>He aqu\u00ed por qu\u00e9 vale la pena tomarse en serio la legislaci\u00f3n y el avance hacia una Europa digitalmente accesible::<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Los Estados Unidos est\u00e1n muy por delante de Europa en lo que se refiere a la accesibilidad web (especialmente en el sector de la educaci\u00f3n) y sirven de modelo para sus hom\u00f3logos en Europa;<\/li>\n\n\n\n<li>La tecnolog\u00eda ha avanzado mucho y ahora est\u00e1 lista para allanar el camino hacia una mejor inclusi\u00f3n digital en Internet mediante el uso de la IA, como por ejemplo en el reconocimiento autom\u00e1tico del habla;<\/li>\n\n\n\n<li>Es un hecho universalmente conocido que la accesibilidad web no s\u00f3lo beneficia a las personas discapacitadas o impedidas, sino a todos nosotros al mejorar dr\u00e1sticamente la facilidad de uso en general.;<\/li>\n\n\n\n<li>El 2 de diciembre de 2016 se public\u00f3 la directiva europea 2102 sobre accesibilidad web. Esta directiva viene con algunos plazos importantes y obliga a las instituciones p\u00fablicas a tener un contenido y una presencia accesibles en la web.<\/li>\n<\/ul>\n\n\n\n<p>Internet y la digitalizaci\u00f3n son hoy en d\u00eda omnipresentes y desempe\u00f1an un papel crucial en nuestra vida cotidiana. Los progresos que se realizan cada d\u00eda en materia de inclusi\u00f3n digital son abrumadores y la oportunidad m\u00e1s b\u00e1sica e importante de todo esto es hacer que la informaci\u00f3n y el conocimiento sean accesibles en cualquier momento y lugar.<\/p>\n\n\n\n<p>Desafortunadamente eso no se aplica realmente a todo el mundo. Las personas con discapacidades f\u00edsicas, mentales o sensoriales, como por ejemplo los discapacitados auditivos o sordos, no pueden acceder o utilizar todos los recursos disponibles en el \u00e1mbito digital a menos que est\u00e9n dise\u00f1ados de forma accesible.<\/p>\n\n\n\n<p>Y el problema no radica en los propios impedimentos o en la dependencia derivada de los afectados, sino en la forma en que estos impedimentos y dificultades son manejados por la sociedad. Y es exactamente ah\u00ed donde la nueva directiva de la UE da un salto e inicia un cambio hacia una mayor inclusi\u00f3n digital, hacia una accesibilidad que proporciona soluciones basadas en la demanda, porque la inclusi\u00f3n, as\u00ed como la igualdad de oportunidades y la posibilidad de participar en la vida cotidiana se considera un derecho humano b\u00e1sico.<\/p>\n\n\n\n<p>Como muestran las estad\u00edsticas, no son pocas las personas que se beneficiar\u00e1n de las medidas que exige la directiva: Alrededor de 80 millones de personas en Europa viven con una discapacidad severa y alrededor del 5% de la poblaci\u00f3n mundial tiene una discapacidad auditiva. Eso suma m\u00e1s de 360 millones de personas.<\/p>\n\n\n\n<p>Con la nueva directiva de la UE sobre accesibilidad web relativa a los sitios web de las instituciones p\u00fablicas\u2019, se persigue una Europa m\u00e1s inclusiva con una legislaci\u00f3n unificada sobre el tema mencionado. Despu\u00e9s de que la directiva entrara en vigor el 22 de diciembre de 2016, el plazo para que los miembros de la Uni\u00f3n Europea aplicaran los objetivos incluidos en la legislaci\u00f3n nacional era el 23 de septiembre de 2018. La norma aplicable para la accesibilidad web que ha sido establecida por la Uni\u00f3n Europea en el marco de la UE 2016\/2102 es la norma europea (EN) 301 549 V 2.1.2. Esto se refiere al nivel A y AA de los est\u00e1ndares internacionales de las pautas de accesibilidad al contenido de la web (WCAG) 2.1 como requisitos m\u00ednimos v\u00e1lidos en la accesibilidad web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 significa exactamente la accesibilidad web?<\/strong><\/h2>\n\n\n\n<p>Oficialmente, el significado de accesibilidad implica que todas las personas, independientemente de su condici\u00f3n f\u00edsica o mental, pueden acceder y utilizar por igual las cosas y aplicaciones \u2013 sin dificultades sustanciales o ayuda externa.<\/p>\n\n\n\n<p>La accesibilidad web es un t\u00e9rmino m\u00e1s espec\u00edfico. Se refiere a las ofertas digitales, a menudo basadas en la web (Internet e Intranet), los programas, los sistemas operativos, las aplicaciones digitales y m\u00f3viles y los formatos de archivo de las aplicaciones de oficina. Todas estas cuestiones deben ser dise\u00f1adas de manera perceptible, operable, comprensible y robusta para que se consideren accesibles. Todas las personas, es decir, las personas con discapacidades auditivas y visuales, as\u00ed como las personas con limitaciones f\u00edsicas, motoras, cognitivas y neurol\u00f3gicas, deben poder tener acceso igual e independiente a todas las ofertas mencionadas anteriormente.<\/p>\n\n\n\n<p>Las medidas de accesibilidad web no s\u00f3lo est\u00e1n dirigidas a las personas con discapacidades, sino que tambi\u00e9n benefician a las personas de edad avanzada porque, por un lado, no nacieron como \u00abnativos digitales\u00bb y, por otro lado, la edad lleva naturalmente a una disminuci\u00f3n de ciertas capacidades. Adem\u00e1s, tambi\u00e9n las personas con limitaciones temporales, es decir, por ejemplo, con extremidades fracturadas, se benefician de la accesibilidad web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>El elefante en la habitaci\u00f3n: \u00bfqu\u00e9 se aplica cu\u00e1ndo y para qui\u00e9n?<\/strong><\/h2>\n\n\n\n<p>La directiva se dirige a las instituciones p\u00fablicas, es decir, a cualquier instituci\u00f3n nacional, regional y municipal, como las universidades p\u00fablicas o las instituciones pol\u00edticas.<\/p>\n\n\n\n<p>Como ya se ha mencionado anteriormente, los requisitos m\u00ednimos en cuanto al nivel de accesibilidad web se dan en forma de la Norma Europea EN 301 549, que a su vez hace referencia a unos 50 criterios de las pautas de accesibilidad al contenido de la web WCAG 2.1.<\/p>\n\n\n\n<p>No importa cu\u00e1n compleja sea la legislaci\u00f3n nacional, al final las normas WCAG 2.1 son una gu\u00eda fiable para alcanzar los est\u00e1ndares m\u00ednimos de accesibilidad que exige la directiva de la UE.<\/p>\n\n\n\n<p>Por favor, encuentre los enlaces a la norma y la gu\u00eda mencionadas aqu\u00ed:<br><strong><a href=\"https:\/\/www.etsi.org\/deliver\/etsi_en\/301500_301599\/301549\/02.01.02_60\/en_301549v020102p.pdf\" target=\"_blank\" rel=\"noopener\">EN 301 549<\/a><\/strong><br><strong><a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener\">WCAG 2.1<\/a><\/strong><\/p>\n\n\n\n<p>A continuaci\u00f3n se presenta un resumen de las medidas y requisitos m\u00e1s importantes:<\/p>\n\n\n\n<p>Todos los contenidos y aplicaciones, etc. deben ser dise\u00f1ados de manera perceptible, operable, comprensible y robusta.<\/p>\n\n\n\n<p><strong>Alternativas de texto:<\/strong>&nbsp;Para todo el contenido que no sea texto (por ejemplo, im\u00e1genes en movimiento, gr\u00e1ficos o infograf\u00edas) tiene que haber una alternativa como por ejemplo la letra grande, el braille, el habla, los s\u00edmbolos o el lenguaje f\u00e1cil. Los criterios de \u00e9xito del WCAG son los siguientes:<\/p>\n\n\n\n<p><em><strong>SC 1.1.1 Contenido no textual<\/strong><\/em><br><em><strong>SC 1.3.1 Informaci\u00f3n y relaciones<\/strong><\/em><br><em><strong>SC 2.4.4 Prop\u00f3sito del enlace (en contexto)<\/strong><\/em><\/p>\n\n\n\n<p>Para el video y el audio (pregrabados) basados en el tiempo, las transcripciones y leyendas deben estar disponibles. Los requisitos exactos se encuentran en el cuadro adjunto:<\/p>\n\n\n<div id=\"av_section_1\" class=\"avia-section main_color avia-section-default avia-no-border-styling  avia-bg-style-scroll  avia-builder-el-0  el_before_av_section  avia-builder-el-first   container_wrap fullsize\">\n<div class=\"container\"><main class=\"template-page content  av-content-full alpha units\" role=\"main\"><p><\/p>\n<p><\/p><\/main><\/div>\n<\/div>\n<div id=\"av_section_3\" class=\"avia-section main_color avia-section-default avia-no-border-styling  avia-bg-style-scroll  avia-builder-el-12  el_after_av_section  el_before_av_section   container_wrap fullsize\" style=\"margin-top: -50px; margin-bottom: 0px;\">\n<div class=\"container\">\n<div class=\"template-page content  av-content-full alpha units\">\n<div class=\"post-entry post-entry-type-page post-entry-24827\">\n<div class=\"entry-content-wrapper clearfix\">\n<section class=\"av_textblock_section \">\n<div class=\"avia_textblock  \" style=\"font-size: 16px;\">\n<table>\n<tbody>\n<tr>\n<td style=\"text-align: center;\">&nbsp;<\/td>\n<td style=\"text-align: center;\"><strong>Contenido de texto alternativo<\/strong><\/td>\n<td style=\"text-align: center;\"><strong>Subt\u00edtulos\/subt\u00edtulos descriptivos<\/strong><\/td>\n<td style=\"text-align: center;\"><strong>Descripci\u00f3n de audio<\/strong><\/td>\n<td style=\"text-align: center;\"><strong>Transcripci\u00f3n<\/strong><\/td>\n<\/tr>\n<tr>\n<td><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Audio pregrabado (s\u00f3lo audio, por ejemplo, podcasts)<\/span><\/td>\n<td style=\"text-align: left;\"><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Requerido<\/span><\/td>\n<td style=\"text-align: left;\"><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">No es necesario<\/span><\/td>\n<td style=\"text-align: left;\"><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">No es necesario<\/span><\/td>\n<td style=\"text-align: left;\"><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Requerido<\/span><\/td>\n<\/tr>\n<tr>\n<td><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Im\u00e1genes en movimiento pregrabadas (s\u00f3lo video, por ejemplo, animaciones sin sonido)<\/span><\/td>\n<td><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Requerido<\/span><\/td>\n<td><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">No es necesario<\/span><\/td>\n<td><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Requerido si no hay transcripci\u00f3n<\/span><\/td>\n<td><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Requerido si no hay descripci\u00f3n de audio<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: left;\"><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Pel\u00edculas pregrabadas (captura de conferencias, tutoriales, videos de aprendizaje,..)<\/span><\/td>\n<td style=\"text-align: left;\"><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Requerido<\/span><\/td>\n<td style=\"text-align: left;\"><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Requerido<\/span><\/td>\n<td style=\"text-align: left;\"><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">Requerido, a menos que toda la informaci\u00f3n visual sea tambi\u00e9n audible<\/span><\/td>\n<td style=\"text-align: left;\"><span data-sheets-value=\"{\" data-sheets-userformat=\"{\">No es necesario a menos que la pel\u00edcula contenga elementos interactivos<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/section>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"after_section_5\" class=\"main_color av_default_container_wrap container_wrap fullsize\">\n<div class=\"container\">\n<div class=\"template-page content  av-content-full alpha units\">\n<div class=\"post-entry post-entry-type-page post-entry-24827\">\n<div class=\"entry-content-wrapper clearfix\">\n<div class=\"flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-42  el_after_av_section  avia-builder-el-no-sibling  \" style=\"border-radius: 0px;\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<p>Los criterios de \u00e9xito del WCAG son los siguientes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>SC 1.2.1 S\u00f3lo audio o v\u00eddeo (pre-grabado)<br>SC 1.2.2 Leyendas (medios pregrabados)<br>SC 1.2.3 Descripci\u00f3n de audio (medios pregrabados);<\/li>\n\n\n\n<li>El contenido debe presentarse siempre de diversas maneras (por ejemplo, mediante un dise\u00f1o f\u00e1cil) sin perder ninguna informaci\u00f3n o estructura;<\/li>\n\n\n\n<li>El contenido debe presentarse siempre de manera que sea f\u00e1cil de detectar y leer, por ejemplo, mediante el uso de altos contrastes de color o la posibilidad de aumentar la fuente;<\/li>\n\n\n\n<li>Todas las funciones deben ser operables a trav\u00e9s del teclado;<\/li>\n\n\n\n<li>Los sitios web siempre deben ser dise\u00f1ados de manera que sean predecibles en su uso.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Medidas obligatorias adicionales<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Presentaci\u00f3n de una declaraci\u00f3n completa, detallada y actualizada anualmente sobre la accesibilidad proporcionada. Esta declaraci\u00f3n debe ser accesible desde todas las p\u00e1ginas del sitio web correspondiente.<\/li>\n\n\n\n<li>Provisi\u00f3n de una posibilidad de ponerse en contacto f\u00e1cil y electr\u00f3nicamente (Mecanismo de retroalimentaci\u00f3n). Este mecanismo de retroalimentaci\u00f3n tambi\u00e9n debe ser accesible desde todas las p\u00e1ginas del sitio web correspondiente.<\/li>\n<\/ul>\n\n\n\n<p><strong>Plazos escalonados<\/strong><\/p>\n\n\n\n<p><strong>23.09.2019:<\/strong>&nbsp;Las nuevas p\u00e1ginas web, creadas despu\u00e9s del 23.09.2018, tienen que ser accesibles<\/p>\n\n\n\n<p><strong>23.09.2020:<\/strong>&nbsp;Todos los dem\u00e1s sitios web (intranets, extranets), y los medios de comunicaci\u00f3n basados en el tiempo, como el v\u00eddeo y el audio, tienen que ser accesibles. Este plazo es el m\u00e1s importante para las instituciones que utilizan los medios de comunicaci\u00f3n para apoyar el aprendizaje.<\/p>\n\n\n\n<p><strong>23.09.2021:<\/strong>&nbsp;Todas las aplicaciones m\u00f3viles tienen que ser accesibles<\/p>\n\n\n\n<p>En el siguiente enlace encontrar\u00e1&nbsp;<a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/\" target=\"_blank\" rel=\"noopener\">una visi\u00f3n general de todas las medidas y requisitos aplicables<\/a>&nbsp;de acuerdo con las WCAG:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Conclusi\u00f3n<\/strong><\/h2>\n\n\n\n<p>Si bien la legislaci\u00f3n relativa a la accesibilidad web puede percibirse como una tarea dif\u00edcil, o incluso como un obst\u00e1culo operacional, es importante tener presente la esencia de la legislaci\u00f3n: Asumir la responsabilidad como sociedad para todos los ciudadanos, incluidas las personas con discapacidades.<\/p>\n\n\n\n<p>Sin embargo, a la larga, todas las instituciones y empresas, ya sean p\u00fablicas o privadas, se benefician al hacer que su presencia (online) y sus propuestas sean accesibles para todos. Pero no s\u00f3lo eso \u2013 como ya se ha mencionado, la inclusi\u00f3n de todas las personas en todos los \u00e1mbitos de la vida cotidiana es un derecho humano b\u00e1sico y no deber\u00eda encontrar un fin en ninguna parte. M\u00e1s a\u00fan: ser inclusivo como organizaci\u00f3n no es el trabajo o la responsabilidad de una sola persona o departamento. Ser accesible digitalmente es un proceso y tiene que ser vivido activamente, integrado y coordinado desde todos los \u00e1ngulos.<\/p>\n\n\n\n<p>Al final, todo el tema de la \u00abaccesibilidad web\u00bb no deber\u00eda considerarse una carga, sino mucho m\u00e1s como una oportunidad. En \u00faltima instancia, todos nos beneficiamos de las medidas aplicables, ya que el significado b\u00e1sico de la accesibilidad es la facilidad de uso.<\/p>\n\n\n\n<p><em><strong>Si desea recibir m\u00e1s informaci\u00f3n sobre la Accesibilidad web y c\u00f3mo Amberscript puede ayudarle, por favor, p\u00f3ngase en contacto con nosotros.<\/strong><\/em><\/p>\n\n\n\n","protected":false},"excerpt":{"rendered":"<p><b>Accesibilidad web y est\u00e1ndares WCAG 2.1 <b><\/p>\n<p>Aqu\u00ed hay todo lo que necesitas saber sobre la accesibilidad web y c\u00f3mo hacer que el contenido digital sea accesible.<\/p>\n","protected":false},"author":70,"featured_media":20755,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[148],"tags":[637],"class_list":["post-20732","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-digital-accessibility-es"],"acf":{"text":"","link":"","questions":""},"_links":{"self":[{"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/posts\/20732","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/comments?post=20732"}],"version-history":[{"count":0,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/posts\/20732\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/media\/20755"}],"wp:attachment":[{"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/media?parent=20732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/categories?post=20732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-staging.amberscript.com\/es\/wp-json\/wp\/v2\/tags?post=20732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}