{"id":196,"date":"2016-10-24T09:00:27","date_gmt":"2016-10-24T07:00:27","guid":{"rendered":"https:\/\/blogs.ua.es\/idesweb\/?p=196"},"modified":"2016-10-16T16:48:43","modified_gmt":"2016-10-16T14:48:43","slug":"usabilidad-accesibilidad-parte-4","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/idesweb\/2016\/10\/24\/usabilidad-accesibilidad-parte-4\/","title":{"rendered":"\u00bfUsabilidad, accesibilidad? (parte 4)"},"content":{"rendered":"<p><iframe loading=\"lazy\" title=\"\u00bfUsabilidad, accesibilidad? (parte 4)\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/VCxZrLJnXNI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>TRANSCRIPCI\u00d3N<\/p>\n<p>Pasando al tema de la accesibilidad web, pues existen distintas discapacidades y para saber hacer bien las p\u00e1ginas web hay que entender cada una de ellas: que problem\u00e1ticas presenta cada discapacidad y sobre todo hay que conocer lo que se llaman las tecnolog\u00edas o productos de apoyo.<\/p>\n<p>Las tecnolog\u00edas o productos de apoyo son aquellos instrumentos que usan las personas con discapacidad para minimizar o eliminar sus discapacidades, sus problemas.<\/p>\n<p>Por ejemplo, yo llevo gafas, yo tengo una discapacidad, yo soy miope, y sin gafas no veo. Mi producto de apoyo son las gafas, con ello logro que mi discapacidad desaparezca.<\/p>\n<p>Bien, si nos centramos en las personas ciegas, los productos de apoyo que suelen emplear para utilizar el ordenador y navegar por la web son b\u00e1sicamente dos. Por un lado tenemos la l\u00ednea braille, que es un dispositivo electromec\u00e1nico que va mostrando los caracteres, el texto que aparece en la pantalla del ordenador, lo va mostrando mediante en braille.<\/p>\n<p>El segundo producto de apoyo que suelen emplear las personas ciegas se conoce como lector de pantallas, en ingl\u00e9s screen reader. Es un software que se instala en la computadora y que va a leer el contenido de la p\u00e1gina web. Y no solamente va a leer el contenido del texto, sino que proporciona m\u00e1s informaci\u00f3n. Por ejemplo, cuando el lector de pantallas est\u00e9 leyendo una p\u00e1gina y se encuentre con un enlace, lo va a anunciar, le va a decir al usuario &#8220;Enlace&#8221;, le va a indicar el texto del enlace.<\/p>\n<p>O cuando encuentre una lista, le va a decir que ha encontrado una lista y le va a decir cu\u00e1ntos elementos tiene la lista. Y adem\u00e1s el usuario podr\u00e1 navegar por los elementos de la lista f\u00e1cilmente, el lector de pantalla le dir\u00e1 &#8220;Est\u00e1s en el elemento uno de tres&#8221; o &#8220;Est\u00e1s en el elemento dos de tres&#8221; y as\u00ed con el resto<br \/>\nde contenidos que podemos encontrar en una p\u00e1gina web.<\/p>\n<p>Tambi\u00e9n anuncia cuando hay una imagen, cuando hay una tabla, etc.<\/p>\n<p>Existe, como digo, existen diferentes programas lectores de de pantalla para los distintos sistemas operativos.<\/p>\n<p>Para Windows, los dos m\u00e1s famosos son el Jaws, aqu\u00ed tenemos la p\u00e1gina web de su fabricante, Freedom Scientific. El problema es que Jaws es un sistema propietario, es de pago, el precio base son unos mil d\u00f3lares, es un producto pues un poco caro.<\/p>\n<p>Pero tenemos soluciones alternativas, tenemos soluciones de c\u00f3digo abierto, como por ejemplo el lector de pantallas NVDA, que es completamente gratuito.<\/p>\n<p>Bien, \u00bfcu\u00e1ntas personas con discapacidad hay en el mundo? Porque mucha gente cuando se le dice &#8220;tienes que hacer la p\u00e1gina web accesible&#8221; dice &#8220;pues si hay pocas personas con discapacidad o las personas con discapacidad no usan la web, \u00bfpara que me voy a molestar en hacer las p\u00e1ginas web accesibles?&#8221;<\/p>\n<p>Bueno, eso demuestra un desconocimiento, porque hay muchas m\u00e1s personas con discapacidad de las que creemos.<\/p>\n<p>Os he puesto aqu\u00ed un par de estudios. El primero es una encuesta que se hizo en espa\u00f1a en el a\u00f1o 86 y en total un 15 por ciento de la poblaci\u00f3n presentaba alg\u00fan tipo de discapacidad.<\/p>\n<p>M\u00e1s recientemente, en este informe del a\u00f1o 2010, por ejemplo si solamente nos centramos en los problemas de visi\u00f3n, pues de los 44 millones de personas que hay en Espa\u00f1a, un mill\u00f3n presenta graves problemas de de visi\u00f3n, un mill\u00f3n de 44 millones, es un porcentaje pues bastante alto.<\/p>\n<p>Otra idea, otro mito que mucha gente tiene es que un sitio web, si tiene que ser accesible, tiene que ser<br \/>\nentonces feo y aburrido.<\/p>\n<p>Por ejemplo, mucha gente piensa que no hay que poner colores, pues porque las personas ciegas no pueden ver los colores o porque las personas con daltonismo tienen problemas con los colores. O tambi\u00e9n mucha gente piensa que no hay que poner im\u00e1genes.<\/p>\n<p>Al final, mucha gente llega a la conclusi\u00f3n de que hay que hacer una p\u00e1gina web de solo texto, y eso no es as\u00ed, se pueden seguir haciendo las p\u00e1ginas web como se hacen normalmente, con colores con im\u00e1genes, lo \u00fanico es que hay que poner ciertas caracter\u00edsticas para mejorar la accesibilidad.<\/p>\n<p>En este sitio web que os recomiendo Accessites.org pod\u00e9is encontrar galer\u00edas de de sitios web que son totalmente accesibles y tienen un buen dise\u00f1o, un dise\u00f1o moderno, un dise\u00f1o fresco, un dise\u00f1o agradable.<\/p>\n<p>Por ejemplo, he puesto el sitio web oficial del gobierno de Suecia y este sitio web es totalmente accesible no plantea ning\u00fan problema de accesibilidad y como pod\u00e9is ver pues tiene im\u00e1genes, tiene colores, tiene diferentes tipos de letra, no tiene nada que digamos que est\u00e1 feo porque se ha hecho accesible.<\/p>\n<p>Luego, una cosa muy importante hoy en d\u00eda con el incesante incremento del acceso a la web a trav\u00e9s de los dispositivos m\u00f3viles es que al tener en cuenta la accesibilidad podemos obtener beneficios a\u00f1adidos y por ejemplo un beneficio muy importante es que la accesibilidad web, como busca que una p\u00e1gina web se vea bien con distintos dispositivos, pues vamos a lograr que nuestras p\u00e1ginas web se vean bien tambi\u00e9n desde tabletas o desde tel\u00e9fonos m\u00f3viles.<\/p>\n<p>Por ejemplo, aqu\u00ed tenemos un sitio web es de un curso que yo imparto y como he aplicado ciertas t\u00e9cnicas se ve bien con pantallas peque\u00f1as o incluso con la pantalla de un dispositivo m\u00f3vil.<\/p>\n<p>\u00bfY c\u00f3mo se logra que un sitio web se accesible?<\/p>\n<p>&#8220;A ver Sergio, dame consejos&#8221;.<\/p>\n<p>Pues otra vez vuelvo a decir lo mismo que con la usabilidad: hay cientos de consejos que hay que aplicar y en una presentaci\u00f3n como est\u00e1 no lo puedo contar todo, pero s\u00ed que os voy a indicar por d\u00f3nde ten\u00e9is que continuar.<\/p>\n<p>Entonces, \u00bfd\u00f3nde encontramos informaci\u00f3n sobre c\u00f3mo mejorar la accesibilidad de nuestras p\u00e1ginas web?<\/p>\n<p>Pues el punto principal de aprendizaje es el sitio web del World Wide Web Consortium, esta organizaci\u00f3n internacional que tiene como objetivo desarrollar la Web a su m\u00e1ximo potencial. Dentro del W3C existe un grupo de trabajo llamado Web Accesibility Iniciative que se dedica exclusivamente a la accesibilidad web.<\/p>\n<p>Ellos llevan muchos a\u00f1os estudiando el tema de la accesibilidad web y todo lo que han desarrollado se puede resumir en este gr\u00e1fico, es un gr\u00e1fico extra\u00eddo de de su p\u00e1gina web. La accesibilidad web depende de tres pilares b\u00e1sicos, si uno de estos tres pilares falla, la accesibilidad fallar\u00e1.<\/p>\n<p>En la parte inferior izquierda tenemos a los desarrolladores, los developers. Los developers tienen que usar herramientas de autor, como por ejemplo Adobe Dreamweaver o Microsoft Frontpage, herramientas que generen contenido accesible. Pero no solamente la herramienta es suficiente, la herramienta te facilita el desarrollar contenido accesible, pero el desarrollador tiene que hacerlo. Y eso es el pilar que vemos en la parte superior que pone &#8220;content&#8221;, el contenido, el contenido tiene que ser accesible.<\/p>\n<p>Y por \u00faltimo, a la derecha tenemos los usuarios. Los usuarios tambi\u00e9n se tienen que preocupar, tienen que usar productos de apoyo, navegadores y reproductores multimedia que tengan en cuenta las caracter\u00edsticas de accesibilidad que hemos implementado en nuestras p\u00e1ginas web.<\/p>\n<p>Si uno de estos tres pilares falla, fallar\u00e1 la accesibilidad como digo.<\/p>\n<p>El WAI, el Web Accesibility Iniciative, ha desarrollado para cada uno de esos tres pilares, ha desarrollado una serie de pautas. Las m\u00e1s conocidas son las Web Content Accessibility Guidelines.<\/p>\n<p>La primera versi\u00f3n, como pod\u00e9is ver en esta imagen, apareci\u00f3 en el a\u00f1o 99. Se quedaron un poco viejas tardaron en evitar una nueva versi\u00f3n y por fin casi diez a\u00f1os despu\u00e9s en el 2008 publicada en la versi\u00f3n 2.0 que es la que se tiene que aplicar hoy en d\u00eda estas pautas han sido estandarizadas por el organismo internacional de est\u00e1ndares por iso se estandarizar\u00e1n<br \/>\nen el a\u00f1o 2012 en el est\u00e1ndar iso iec 40 500 y esto ha facilitado que<br \/>\ndiferentes pa\u00edses lo adopten como est\u00e1ndar de accesibilidad en concreto<br \/>\naqu\u00ed en ecuador el 28 de enero de este a\u00f1o se public\u00f3 que el inem publicaba<br \/>\nel est\u00e1ndar nt inem iso\/iec 40 500 que era una trasposici\u00f3n del est\u00e1ndar iso<br \/>\na los est\u00e1ndares ecuatorianos as\u00ed que ahora mismo el est\u00e1ndar que rige el<br \/>\ntema de la accesibilidad web en ecuador es \u00e9ste a\u00fan no est\u00e1 desarrollado en<br \/>\nel reglamento de aplicaci\u00f3n es decir no hay todav\u00eda leyes que obliguen a su<br \/>\naplicaci\u00f3n pero se est\u00e1 trabajando en ello en otros pa\u00edses como por ejemplo<br \/>\nespa\u00f1a francia alemania existen desde hace a\u00f1os leyes que obligan a que<br \/>\nciertas entidades garanticen que sus<br \/>\np\u00e1ginas web son accesibles por ejemplo<br \/>\nen el caso de espa\u00f1a que lo conozco bien pues todas las administraciones<br \/>\np\u00fablicas deben de garantizar que esos sitios web son accesibles y adem\u00e1s<br \/>\ntambi\u00e9n ciertas empresas de especial relevancia empresas como bancos empresas<br \/>\ncomo transporte de pasajeros empresas como suministro de servicios b\u00e1sicos<br \/>\nelectricidad agua o gas tambi\u00e9n deben de garantizar un nivel m\u00ednimo de accesibilidad en sus sitios web<\/p>\n<p>Ya para finalizar, me gustar\u00eda recordarte algunos de los sitios web en los que puedes encontrar m\u00e1s informaci\u00f3n sobre m\u00ed y sobre mi trabajo, y dos formas para contactar conmigo, a trav\u00e9s de mi correo electr\u00f3nico sergio.lujan@ua.es y a trav\u00e9s de mi cuenta en Twitter @sergiolujanmora.<\/p>\n<p>Recuerda que este v\u00eddeo forma parte del curso \u201cIntroducci\u00f3n al desarrollo web\u201d que est\u00e1 disponible en la direcci\u00f3n idesweb.es.<\/p>\n<p>Muchas gracias por tu atenci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TRANSCRIPCI\u00d3N Pasando al tema de la accesibilidad web, pues existen distintas discapacidades y para saber hacer bien las p\u00e1ginas web hay que entender cada una de ellas: que problem\u00e1ticas presenta cada discapacidad y sobre todo hay que conocer lo que se llaman las tecnolog\u00edas o productos de apoyo. Las tecnolog\u00edas o productos de apoyo son &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/blogs.ua.es\/idesweb\/2016\/10\/24\/usabilidad-accesibilidad-parte-4\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;\u00bfUsabilidad, accesibilidad? (parte 4)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[676],"tags":[],"class_list":["post-196","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts\/196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/comments?post=196"}],"version-history":[{"count":1,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts\/196\/revisions"}],"predecessor-version":[{"id":197,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts\/196\/revisions\/197"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/media?parent=196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/categories?post=196"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/tags?post=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}