Una introducción a la "Accesibilidad en Web"
Escrito por Ricardo Pedraza Lunes, 01 de Febrero de 2010 11:30
Hoy en día es cada vez más común en el ámbito del diseño web el escuchar conceptos como usabilidad y estructurar cada vez más las páginas haciendo uso de CSS y dejando de lado el armado por medio de tablas, pero lo que no es común es escuchar el término de accesibilidad, aún cuando puede ser uno de los aspectos más importantes del diseño web.
Cuando hablamos de accesiblidad nos referimos a la capacidad que tienen las páginas web de ser vistas sin importar el agente de uso; por agente de uso, nos referimos al medio que se usa para ver una página web.
Antes estos agentes de uso se limitaban a los navegadores y la variedad existente de ellos, y como antes la variedad se limitaba a Internet Explorer y Netscape Navigator, la verdad no representaba gran problema el hacer que una página se viera bien en ambos, sólo era necesario tener un poco de paciencia y corregir pequeños fallos. El problema surge hoy en día, ya que vivimos en una era en donde nos encontramos con que es posible el entrar a Internet por más de un medio.
La importancia de la accesibilidad.
La accesibilidad es importante ya que nos encontramos con un boom de navegadores, donde es cada vez más difícil el saber que navegador va a usar un cierto usuario. Después del conflicto de Netscape y Microsoft, se pensaba que nadie podría desbancar del trono de los navegadores a Internet Explorer, realidad que duró mucho tiempo. De no ser porque Microsoft se negó a darle soporte al Internet Explorer 6, tal vez tendríamos una distinta historia, pero su negativa a continuar dando soporte a los usuarios hizo que grupos de usuarios se dedicaran a crear navegadores que cumplieran con sus expectativas. Así, teniendo como base el navegador Mozilla, cada vez hay más y más navegadores, y lo más notable es que cada vez más usuarios se están apropiando de dichos navegadores, por lo que es común el ver a gente usando no sólo Internet Explorer, sino Opera, Firefox, Chrome, Safari o demás navegadores que circulan por Internet.
Uno de los más importantes puntos de la accesibilidad para la navegación en Internet “clásica”, por decirle de cierto modo (y con esto nos referimos a la navegación por medio de computadoras) es que se encarga de hacer que las páginas se vean bien sin importar el navegador que se use, por lo que podríamos considerar a todas las páginas que dicen “se ve mejor si usas IE7 uo tro navegador” como páginas mal diseñadas. La accesibilidad trata de no discriminar entre navegadores al momento de navegar por Internet, pero ese sólo es un aspecto.
Como mencionábamos antes, hoy en día hay una gran variedad de productos que permiten el poder conectarse a Internet. Ya no sólo es posible usando una computadora y un monitor, sino que vemos que es posible lograr esto usando dispositivos que en un principio no pensábamos que se podrían. El primero de estos dispositivos fue la web TV. La web TV era una pantalla parecida a la de las televisiones que servía para navegar en Internet; hoy en día es raro ver uno de estos dispositivos, pero existen, y fueron precursores tecnológicamente hablando. Uno de los ejemplos más populares hoy en día es el de los teléfonos celulares. Los teléfonos de hoy en día permiten que sin importar en dónde nos encontremos podamos navegar y sacar información de Internet, y cada vez es más común ver personas que los usan para ello. Otro ejemplo, y uno de los más curiosos a mi parecer, es el de los juegos de video. Los juegos de video empezaron como un medio de entretenimiento electrónico que no tenía en miras ir más allá, pero últimamente han cobrado más y más importancia, hasta llegar a ver muchos de los fenómenos que protagonizan en esta época. El fenómeno que nos interesa en esta ocasión es el de su conectividad con Internet. En estos tiempos es cada vez más común el navegar en Internet usando plataformas de juegos de video, siendo notables los casos del Xbox 360, Nintendo DS, Nintendo Wii y el Playstation 3. El primero es notable debido a la interacción que hace sobre varios medios, ya que implementa un sistema de juego en línea que es complementado por medio de otras aplicaciones de Microsoft y su sistema Live, siendo aejemplos notables la integración entre el Xbox, el Messenger y los espacios personales de perfil que ofrece Live. En el caso del Nintendo DS, lo más notable es que es el primer sistema para el cual se vende un navegador de Internet, siendo Opera el afortunado. Estos ejemplos sirven para ver cómo es que cada vez hay una mayor variedad de aparatos que sirven para navegar en Internet, y la creciente importancia que la accesibilidad juega en el diseño de páginas web.
El aspecto social de la accesibilidad.
Pero esto no es todo, ya que la accesibilidad juega un papel social importante. Otro de los principios de la accesibilidad es el que cualquier persona pueda entrar y navegar en las páginas web, sin importar sus capacidades físicas ni cognitivas. Muchas de las personas que navegan por Internet sufren de discapacidades físicas, el ejemplo más claro y común es el de la ceguera. En un principio parecería congruente pensar que una persona ciega no usaría Internet, pero si reflexionamos un poco más, veremos que si pueden hacer casi cualquier actividad sin ayuda, el navegar por Internet no debería de ser la excepción. Para las personas ciegas existen dispositivos llamados lectores de pantalla, que básicamente su función es esa, leen lo que aparece en pantalla para las personas que no pueden ver. Así como existen personas ciegas que usan Internet, hay personas con distintas discapacidades físicas que debemos de tomar en cuenta al momento de diseñar páginas web, como son las personas que no pueden manejar un Mouse, daltónicos y demás, de este modo vemos que la accesibilidad no sólo sirve para hacer accesibles las páginas a los distintos navegadores, sino que nos ayuda a hacer accesibles las páginas a distintos tipos de personas, presentándose también como un bien social.
Cómo implementar una web accesible.
Contrario a los principios de usabilidad, la accesibilidad depende de una realización técnica. Esto quiere decir que, mientras que la usabilidad depende de constructor teóricos que se implementan independientemente de las herramientas o técnica (dígase un uso apropiado o inapropiado del html), la accesibilidad depende directamente de la técnica. Al hacer una página web usable, hablamos de una organización y estructuración de la información que permite que esta sea fácilmente localizable para las personas que usan la web, mientras que una web accesible depende de cómo se realiza la página técnicamente hablando, de la limpieza del código, de la implementación de etiquetas a imágenes y demás aspectos que en realidad no son teóricos, sino prácticos.
Las tablas, enemigas mortales de la accesibilidad.
En México es muy común el ver páginas web en donde el layout o el aspecto visual es realizado por medio de tablas, esto es debido a dos aspectos importantes: primero, el realizar un layout con tablas es más fácil, y de entrada permite una mayor estabilidad aparente entre navegadores; y segunda, todavía no hay muchas personas que sepan usar bien las hojas de estilo (CSS) para layouts. El principal problema de usar tablas es que crean conflictos de accesibilidad. Por ejemplo, un lector de pantalla leería la página celda por celda, y muchas veces al hacer el layout hay muchas celdas con contenido “vacío”, significando esto que estas celdas sólo son usadas para meter elementos gráficos que no aportan nada de información, pero que sin embargo son leídos. Del mismo modo, al realizar las páginas con tablas sólo se verán bien en el medio que se haya elegido, en este caso las pantallas de las computadores, esto sin mencionar que al deshabilitar los estilos de la página, toda la página se descompone (podría pensarse que nadie sabe ni quiere deshabilitar los estilos de página, pero debemos tomar en cuenta que hay usuarios expertos que sí lo hacen para ahorrar tiempo de carga y ancho de banda). En fin, las tablas proporcionan muchas desventajas que aunque imperceptibles a primera vista, se van acumulando una tras otra y en conjunto llegan a causar problemas mayores.
Lo optimo: las hojas de estilo.
Lo mejor a la hora de diseñar el layout de las páginas web es el uso de hojas de estilo. Aunque en un principio presentan una curva de aprendizaje algo compleja, una vez sabiendo usar las hojas de estilo apropiadamente no se querrá volver a las tablas. Una de las principales ventajas de las hojas de estilo es que separa la información de la presentación de la misma, significando esto que un solo archivo externo puede controlar el cómo se verá un sitio web entero. Esto trae como principal ventaja el que se puede cambiar la apariencia completa del sitio modificando un solo archivo. Pero eso no es todo, ya que nos es posible decidir cómo se verá la página dependiendo del medio que se use para verla, siendo una gran ayuda para la accesibilidad de nuestros sitios web. Por ejemplo, podemos decirle que se vea de cierto modo si usamos una pantalla de computadora, de otro modo si se requiere que se imprima la información y de otro modo si se usa un dispositivo móvil para ver la página, en resumen, simplifica enormemente la labor de diseño. Otra de las ventajas es que el código es mucho más limpio, permitiendo que los lectores de página tengan una mejor y más fluida lectura del contenido de la pantalla, y mejorando enormemente la experiencia del usuario.
Texto por: Ricardo Pedraza
RSS feed Comments
escrito por Jorge Marcelino, febrero 01, 2010
