{"id":2229,"date":"2022-12-27T09:04:18","date_gmt":"2022-12-27T09:04:18","guid":{"rendered":"https:\/\/keruanima.com\/?p=2229"},"modified":"2024-10-11T09:33:52","modified_gmt":"2024-10-11T09:33:52","slug":"w3c-accesibilidad-aa","status":"publish","type":"post","link":"https:\/\/keruanima.com\/en\/diseno\/diseno-web\/w3c-accesibilidad-aa\/","title":{"rendered":"W3C y los est\u00e1ndares de accesibilidad AA"},"content":{"rendered":"<h2 class=\"wp-block-heading\">introducci\u00f3n<\/h2>\n\n\n\n<p>Hoy traigo un tema que deber\u00eda tomarse muy en serio en todos los dise\u00f1os web, porque todo el mundo deber\u00eda tener la posibilidad de visitar una p\u00e1gina web independientemente de sus discapacidades o condici\u00f3n. Hoy hablaremos de accesibilidad y como se mejora un dise\u00f1o para web o app, tambi\u00e9n os dar\u00e9 algunos truquis o herramientas para que el camino no sea tan tortuoso.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfqu\u00e9 son los est\u00e1ndares de accesibilidad AA y AAA?<\/h2>\n\n\n\n<p>Los est\u00e1ndares de accesibilidad AA y AAA son pautas y recomendaciones para hacer que los sitios web sean m\u00e1s f\u00e1ciles y c\u00f3modos de usar para todas las personas, independientemente de sus habilidades o discapacidades. Estos est\u00e1ndares fueron publicados por el W3C (World Wide Web Consortium), que es una organizaci\u00f3n internacional que trabaja para mejorar la calidad y la seguridad de la internet.<\/p>\n\n\n\n<p>La principal diferencia entre los est\u00e1ndares de accesibilidad AA y AAA es el nivel de exigencia y detalle en las pautas. Los est\u00e1ndares de accesibilidad AA establecen un nivel m\u00ednimo de accesibilidad para los sitios web y son considerados m\u00e1s amplios y menos exigentes que los est\u00e1ndares de accesibilidad AAA.<\/p>\n\n\n\n<p>Algunas de las principales pautas de accesibilidad AA incluyen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hacer que el contenido del sitio web sea f\u00e1cil de leer y entender, utilizando un lenguaje claro y sencillo y proporcionando subt\u00edtulos para los videos y audios.<\/li>\n\n\n\n<li>Ofrecer alternativas para contenido visual, como descripciones de im\u00e1genes y videos para personas con problemas de visi\u00f3n.<\/li>\n\n\n\n<li>Proporcionar opciones de navegaci\u00f3n y men\u00fas f\u00e1ciles de usar para personas con discapacidad motora o que utilizan dispositivos de asistencia para navegar por la web.<\/li>\n\n\n\n<li>Hacer que los formularios y botones del sitio web sean f\u00e1ciles de usar para personas con discapacidad motora o que utilizan dispositivos de asistencia para interactuar con la web.<\/li>\n\n\n\n<li>Ofrecer opciones de audio o texto para contenido multimedia, como videos o presentaciones, para personas con discapacidad auditiva o visual.<\/li>\n<\/ul>\n\n\n\n<p>Por otro lado, algunas de las principales pautas de accesibilidad AAA incluyen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Proporcionar contenido que sea f\u00e1cil de leer y entender para todas las personas, independientemente de su nivel de lectura o comprensi\u00f3n.<\/li>\n\n\n\n<li>Ofrecer alternativas para contenido visual, como descripciones de im\u00e1genes y videos, que sean m\u00e1s detalladas y completas para personas con problemas de visi\u00f3n.<\/li>\n\n\n\n<li>Proporcionar opciones de navegaci\u00f3n y men\u00fas que sean f\u00e1ciles de usar para todas las personas, independientemente de su nivel de habilidad o discapacidad.<\/li>\n\n\n\n<li>Hacer que los formularios y botones del sitio web sean f\u00e1ciles de usar para todas las personas, independientemente de su nivel de habilidad o discapacidad.<\/li>\n\n\n\n<li>Ofrecer opciones de audio o texto para contenido multimedia, como videos o presentaciones, que sean m\u00e1s completas y detalladas para personas con discapacidad auditiva o visual.<\/li>\n\n\n\n<li>Proporcionar contenido y funcionalidades que sean accesibles a trav\u00e9s de distintos dispositivos y plataformas, como dispositivos m\u00f3viles o aplicaciones de escritorio.<\/li>\n\n\n\n<li>Evitar el uso de tecnolog\u00edas que puedan ser dif\u00edciles de usar o inaccesibles para algunas personas, como tecnolog\u00edas que requieran plugins o extensiones especiales.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfc\u00f3mo hacer tu sitio web m\u00e1s accesible?<\/h2>\n\n\n\n<p>Existen varias reglas que puedes seguir al crear una hoja de estilos para un proyecto web para que cumpla con los est\u00e1ndares de accesibilidad AA:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Usa un tama\u00f1o de letra legible: Aseg\u00farate de que el tama\u00f1o de letra de tu sitio web sea lo suficientemente grande como para que las personas puedan leerlo f\u00e1cilmente, especialmente si tienen problemas de visi\u00f3n o usan dispositivos de asistencia para navegar por la web.<\/li>\n\n\n\n<li>Usa colores de contraste adecuado: Aseg\u00farate de que los colores de texto y fondo de tu sitio web tengan un contraste suficiente para que las personas puedan leer el contenido f\u00e1cilmente, especialmente si tienen problemas de visi\u00f3n o usan dispositivos de asistencia para navegar por la web. Puedes usar herramientas en l\u00ednea como <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebAIM<\/a> o <a href=\"https:\/\/toolness.github.io\/accessible-color-matrix\/\" rel=\"nofollow\" title=\"\">esta otra<\/a> para comprobar el contraste entre los colores.<\/li>\n\n\n\n<li>Usa etiquetas de encabezado adecuadas: Utiliza etiquetas de encabezado (como H1, H2, etc.) para marcar los t\u00edtulos y subt\u00edtulos de tu sitio web de forma jer\u00e1rquica, ya que esto ayuda a las personas con discapacidad visual o que usan dispositivos de asistencia para navegar por la web a comprender la estructura del contenido.<\/li>\n\n\n\n<li>Ofrece alternativas para contenido visual: Aseg\u00farate de proporcionar alternativas para contenido visual como im\u00e1genes o videos, como descripciones de texto o transcripciones para personas con discapacidad visual o que usan dispositivos de asistencia para navegar por la web.<\/li>\n\n\n\n<li>Utiliza etiquetas de t\u00edtulo adecuadas: Aseg\u00farate de proporcionar t\u00edtulos adecuados para tus p\u00e1ginas y elementos del sitio web, ya que esto ayuda a las personas con discapacidad visual o que usan dispositivos de asistencia para navegar por la web a comprender el contenido y la estructura del sitio.<\/li>\n\n\n\n<li>Ofrece opciones de audio o texto para contenido multimedia: Aseg\u00farate de proporcionar opciones de audio o texto para contenido multimedia como videos o presentaciones, para que las personas con discapacidad auditiva o visual puedan acceder al contenido de tu sitio web.<\/li>\n<\/ul>\n\n\n\n<p>Si quieres que tu sitio web tenga un look espec\u00edfico siempre puedes hacerlo a tu gusto sin tener en cuenta alguno de estos puntos pero implementando un bot\u00f3n accesible para la configuraci\u00f3n de tu sitio a una versi\u00f3n accesible, por ejemplo proporcionando un bot\u00f3n en el men\u00fa para activar el sitio en su versi\u00f3n de estilos accesibles. Ser\u00eda bueno hacer lo posible para que nuestro sitio sea disfrutable por todos los visitantes que lleguen a \u00e9l \u00bfverdad?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">otras formas de medir la accesibilidad<\/h2>\n\n\n\n<p>Adem\u00e1s de  lo establecido por W3C existen otras formas de indagar en problemas de accesibilidad <\/p>\n\n\n\n<p>El gobierno de espa\u00f1a ya establece sus recomendaciones y obligaciones para sitios y aplicaciones p\u00fablicas en el <a href=\"https:\/\/www.boe.es\/buscar\/act.php?id=BOE-A-2018-12699\" target=\"_blank\" rel=\"noreferrer noopener\">Real Decreto 1112\/2018, de 7 de septiembre, sobre accesibilidad de los sitios web y aplicaciones para dispositivos m\u00f3viles del sector p\u00fablico.<\/a><\/p>\n\n\n\n<p>Y por otro lado expertos como Jakob NIelsen ya establecen sus propios principios sobre como debe ser un sitio web usable y accesible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Las 10 heur\u00edsticas de usabilidad de Jakob Nielsen<\/h3>\n\n\n\n<p>Jakob Nielsen es un experto en usabilidad y dise\u00f1o de interfaces de usuario. Es conocido por sus 10 heur\u00edsticas de usabilidad, que son principios de dise\u00f1o que se utilizan para evaluar la facilidad de uso de una interfaz y mejorar su usabilidad.<\/p>\n\n\n\n<p>Las 10 heur\u00edsticas de usabilidad de Jakob Nielsen son principios de dise\u00f1o de interfaces de usuario que se utilizan para evaluar la facilidad de uso de una interfaz y mejorar su usabilidad. Las 10 heur\u00edsticas son las siguientes:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>La interfaz debe ser intuitiva, es decir, debe ser f\u00e1cil de entender y usar sin necesidad de instrucciones.<\/li>\n\n\n\n<li>Los usuarios deben poder realizar tareas efectivamente y eficientemente.<\/li>\n\n\n\n<li>La interfaz debe ser f\u00e1cil de aprender, es decir, debe ser f\u00e1cil de entender y usar despu\u00e9s de un corto per\u00edodo de tiempo.<\/li>\n\n\n\n<li>La interfaz debe ser consistente, es decir, deben usarse elementos y convenciones estandarizados para facilitar la comprensi\u00f3n y uso.<\/li>\n\n\n\n<li>La interfaz debe proporcionar retroalimentaci\u00f3n clara y precisa para informar al usuario sobre el resultado de sus acciones.<\/li>\n\n\n\n<li>Los errores deben ser manejados de manera efectiva y se deben proporcionar instrucciones claras sobre c\u00f3mo solucionarlos.<\/li>\n\n\n\n<li>Los usuarios deben tener control sobre la interfaz y deben poder deshacer f\u00e1cilmente sus acciones.<\/li>\n\n\n\n<li>La interfaz debe ser atractiva y est\u00e9ticamente agradable para mantener la atenci\u00f3n y el inter\u00e9s del usuario.<\/li>\n\n\n\n<li>La interfaz debe ser compatible con las necesidades, habilidades y expectativas del usuario.<\/li>\n\n\n\n<li>La interfaz debe ser dise\u00f1ada de manera que permita al usuario realizar tareas de manera segura y sin riesgo de error.<\/li>\n<\/ol>\n\n\n\n<p>Al evaluar la usabilidad de una interfaz utilizando estas heur\u00edsticas, se pueden identificar problemas de dise\u00f1o y hacer cambios para mejorar la experiencia del usuario.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>En resumen, los est\u00e1ndares de accesibilidad AA y AAA buscan hacer que los sitios web sean m\u00e1s f\u00e1ciles y c\u00f3modos de usar para todas las personas, independientemente de sus habilidades o discapacidades.<\/p>\n\n\n\n<p>Si puedes, dedicale tiempo a comprobar que tu sitio web es accesible.<\/p>\n\n\n\n<p>Mucha suerte y \u00e1nimo!<\/p>","protected":false},"excerpt":{"rendered":"<p>introducci\u00f3n Hoy traigo un tema que deber\u00eda tomarse muy en serio en todos los dise\u00f1os web, porque todo el mundo deber\u00eda tener la posibilidad de visitar una p\u00e1gina web independientemente de sus discapacidades o condici\u00f3n. Hoy hablaremos de accesibilidad y como se mejora un dise\u00f1o para web o app, tambi\u00e9n os dar\u00e9 algunos truquis o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2230,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[43,13,68],"tags":[123,53,21,54,14,125,67,124],"class_list":["post-2229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno","category-diseno-web","category-ui-y-ux","tag-accesibilidad","tag-consejos","tag-creatividad","tag-diseno","tag-diseno-web","tag-esperiencia-de-usuario","tag-recomendaciones","tag-ux"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/posts\/2229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/comments?post=2229"}],"version-history":[{"count":3,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/posts\/2229\/revisions"}],"predecessor-version":[{"id":3728,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/posts\/2229\/revisions\/3728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/media\/2230"}],"wp:attachment":[{"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/media?parent=2229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/categories?post=2229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/keruanima.com\/en\/wp-json\/wp\/v2\/tags?post=2229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}