{"id":6711,"date":"2022-05-22T14:43:35","date_gmt":"2022-05-22T17:43:35","guid":{"rendered":"https:\/\/irisfernandez.com.ar\/betaweblog\/?p=6711"},"modified":"2022-05-22T15:01:17","modified_gmt":"2022-05-22T18:01:17","slug":"accesibilidad-en-materiales-educativos-algunas-pautas-fundamentales","status":"publish","type":"post","link":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2022\/05\/22\/accesibilidad-en-materiales-educativos-algunas-pautas-fundamentales\/","title":{"rendered":"Accesibilidad en materiales educativos: algunas pautas fundamentales"},"content":{"rendered":"\n<p>Las personas que creamos contenido en la web, para nuestros y nuestras estudiantes por ejemplo, solemos centrarnos en el contenido, el enfoque did\u00e1ctico, el respeto por las licencias de los materiales y las citas de las fuentes. <\/p>\n\n\n\n<p>Pero hay un aspecto sobre el que falta mucha formaci\u00f3n, y tiene que ver con la creaci\u00f3n de materiales <strong>que no constituyan barreras de acceso<\/strong> <strong>para personas con discapacidad<\/strong>, personas mayores o gente con dispositivos antiguos, mala conectividad, etc.<\/p>\n\n\n\n<p>Hoy voy a mencionar algunas pautas, s\u00f3lo cinco, que son fundamentales para empezar a mejorar el material que creamos. Este es un primer paso para luego profundizar el conocimiento acerc\u00e1ndonos a las <a href=\"https:\/\/guia-wcag.com\/es\/\">pautas de la WCAG para el nivel A<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cinco pautas fundamentales, s\u00f3lo para empezar<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Texto alternativo en todas las im\u00e1genes acorde a la funci\u00f3n.<\/strong> Cuando cargamos una imagen en una plataforma como Moodle o en una red como Twitter, se nos pide una descripci\u00f3n de la imagen. Debemos describirla para que la persona que escucha o lee (y no ve la imagen) obtenga la informaci\u00f3n que quien ve la imagen obtiene. Por ejemplo, si en la imagen hay un chiste, debemos contar el chiste. Si en la imagen hay un producto en venta, debemos describir sus materiales, calidad, tama\u00f1o. <\/li><li><strong>Contraste de colores chequeado con una herramienta<\/strong>. Tal como puede observarse en la imagen siguiente, existen aplicaciones que nos avisan si estamos utilizando una combinaci\u00f3n de texto y fondo que puede ser ilegible para personas con problemas de visi\u00f3n, o si el contraste es suficiente. Es muy importante acostumbrarnos a utilizarlas.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/irisfernandez.com.ar\/betaweblog\/wp-content\/uploads\/2022\/05\/screenshot-guia-wcag.com-2022.05.22-14_29_00-1024x452.png\" alt=\"Captura de pantalla de la gu\u00eda WCAG simplificada, con el control de contraste de color a su izquierda, que indica que el contraste es suficiente.\" class=\"wp-image-6712\" width=\"512\" height=\"226\" srcset=\"https:\/\/irisfernandez.com.ar\/betaweblog\/wp-content\/uploads\/2022\/05\/screenshot-guia-wcag.com-2022.05.22-14_29_00-1024x452.png 1024w, https:\/\/irisfernandez.com.ar\/betaweblog\/wp-content\/uploads\/2022\/05\/screenshot-guia-wcag.com-2022.05.22-14_29_00-300x133.png 300w, https:\/\/irisfernandez.com.ar\/betaweblog\/wp-content\/uploads\/2022\/05\/screenshot-guia-wcag.com-2022.05.22-14_29_00-768x339.png 768w, https:\/\/irisfernandez.com.ar\/betaweblog\/wp-content\/uploads\/2022\/05\/screenshot-guia-wcag.com-2022.05.22-14_29_00-1200x530.png 1200w, https:\/\/irisfernandez.com.ar\/betaweblog\/wp-content\/uploads\/2022\/05\/screenshot-guia-wcag.com-2022.05.22-14_29_00.png 1358w\" sizes=\"auto, (max-width: 512px) 85vw, 512px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>No usar un color para transmitir informaci\u00f3n<\/strong>. Si subimos una lista de temas e indicamos &#8220;los temas marcados en rojo entran en el segundo parcial&#8221;, estamos dejando afuera a las personas que tienen problemas para ver los colores, o que utilizan lectores de pantalla.<\/li><li><strong>Los enlaces deben tener sentido.<\/strong> Al navegar utilizando un lector de pantalla, se utiliza la tecla TAB para saltar entre enlaces. Si en ese salto de uno a otro enlace el lector s\u00f3lo lee &#8220;aqu\u00ed&#8221;, &#8220;aqu\u00ed&#8221;, &#8220;aqu\u00ed&#8221;, el usuario\/a no se entera de lo que hacen esos enlaces. Lo que corresponde es que el link diga &#8220;Ir a Wikipedia&#8221;, &#8220;Ir al buscador DuckDuckGo&#8221;, etc. <\/li><\/ul>\n\n\n\n<p>Ejemplo incorrecto: &#8220;Haga clic <a href=\"http:\/\/wikipedia.org\">aqu\u00ed<\/a> para entrar a Wikipedia, y <a href=\"http:\/\/google.com\">aqu\u00ed<\/a> para ir al buscador Google.&#8221;<\/p>\n\n\n\n<p>Ejemplo correcto: &#8220;Haga clic aqu\u00ed para <a href=\"http:\/\/wikipedia.org\">entrar a Wikipedia<\/a>, y en este enlace para <a href=\"https:\/\/duckduckgo.com\/\">ir al buscador DuckDuckGo.&#8221;<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Se deben utilizar etiquetas de HTML que estructuren la informaci\u00f3n<\/strong>. Cuando escribimos texto en plataformas como Moodle o WordPress, tenemos la posibilidad de indicar qu\u00e9 texto es un encabezado, un p\u00e1rrafo, una lista de \u00edtems, etc. Es fundamental utilizar correctamente estas opciones para que el software pueda saltearse los p\u00e1rrafos leyendo s\u00f3lo los encabezados, para que pueda volver al encabezado anterior, para que pueda releer una lista. Si en cambio utilizamos un texto com\u00fan pero en negrita para un t\u00edtulo, o asteriscos para una lista, el software pierde esta funcionalidad.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Cuatro principios<\/h3>\n\n\n\n<p>Estos son los cuatro principios que agrupan todas las pautas de accesibilidad, y que se deben cumplir en el sitio completo, no s\u00f3lo en una parte.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Perceptible<\/strong> (todo se debe poder percibir con alg\u00fan sentido)<\/li><li><strong>Operable <\/strong>(el sitio completo se debe poder utilizar con cualquier dispositivo, sin lugares a los que no se llegue si no se puede usar un mouse por ejemplo)<\/li><li><strong>Comprensible <\/strong>(lenguaje simple, ayudas, mensajes de error claros)<\/li><li><strong>Robusto <\/strong>(compatibilidad con herramientas de usuario actuales y futuras, para ello, cumplir las pautas de la WCAG alcanza)<\/li><\/ul>\n\n\n\n<p>Fuente: http:\/\/accesibilidadweb.dlsi.ua.es\/?menu=principios-2.1 <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Las personas que creamos contenido en la web, para nuestros y nuestras estudiantes por ejemplo, solemos centrarnos en el contenido, el enfoque did\u00e1ctico, el respeto por las licencias de los materiales y las citas de las fuentes. Pero hay un aspecto sobre el que falta mucha formaci\u00f3n, y tiene que ver con la creaci\u00f3n de &hellip; <a href=\"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/2022\/05\/22\/accesibilidad-en-materiales-educativos-algunas-pautas-fundamentales\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> &#8220;Accesibilidad en materiales educativos: algunas pautas fundamentales&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39],"tags":[],"class_list":["post-6711","post","type-post","status-publish","format-standard","hentry","category-accesibilidad-y-usabilidad"],"_links":{"self":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/comments?post=6711"}],"version-history":[{"count":2,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6711\/revisions"}],"predecessor-version":[{"id":6715,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/posts\/6711\/revisions\/6715"}],"wp:attachment":[{"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/media?parent=6711"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/categories?post=6711"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/irisfernandez.com.ar\/betaweblog\/index.php\/wp-json\/wp\/v2\/tags?post=6711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}