Posts Tagged ‘accesibilidad’
Desde luego mi madre cuando me parió nunca hubiera pensado que le fuese a salir un niño tan chungo como yo. Pues si, soy maquero desde hace mucho y si no estamos bastante mal mirados los seos como miembros de las fuerzas oscuras de internet, peor estamos los maqueros como pejigeras y elitistas, tikismikis y delicaos.
La cuestión es que hoy he recogido mi material, login y passwords para un curso de la CEA (Confederación de empresarios de Andalucía), hasta ahí todo bien. Lo malo viene cuando me dicen que no puedo ver los tutoriales en flash en firefox ni safari porque la web está optimizada para ie6, si, internet explorer 6. Hay que tocarse los cojones con las administraciones y la accesibilidad de las mismas.
Ya no les vale con excluir a los maqueros como yo, sino que encima lo hacen con ie6, es decir, que el que actualizara a ie7 ya no pede volver a ie6, no te deja Windows, a no ser que instales un software que te deja tener los dos exploradores instaladaos, en fin, complicaciones e historias.
Lo que si tengo claro es que no voy ni a instalar windows de manera nativa ni virtualizarlo para hacer un curso de photoshop, a tomar por culo la bicicleta… como decimos aquí en Sevilla.
PD: Lo que me falta para que me peguen es decir que soy ducatista de pura cepa… Vaya telaaaaa.
Durante el diseño de un documento que contenga información no textual se ha de complementar esa información con textos equivalentes siempre que sea posible.
El texto alternativo indica a los dispositivos de usuario qué es lo que deben hacer en caso de no mostrar las imágenes y todo objeto multimedia (porque estén desactivadas, porque se trate de un navegador en modo de texto o un lector de pantalla, etc.).
Toda imagen contenida en una página Web debe disponer de una alternativa textual equivalente que proporcione la misma información o función que la imagen.
Existen dos tipos de alternativas textuales para las imágenes:
Texto alternativo: se indica a través del atributo alt del elemento de imagen IMG.
Descripción detallada: se indica a través del atributo longdesc del elemento imagen IMG.
Para imágenes sencillas usaremos el atributo “alt” con una breve descripción de las mismas. Si la información es más relevante y precisa de una información más detallada, como el caso de una gráfica, deberemos de usar “longdesc”, donde deberemos especificar una url con el texto explicativo.
En el caso de ser un elemento meramente decorativo bastará con no poner nada entre las comillas del atributo “alt”. Se recomienda para este tipo de caso usar imágenes mediante CSS. Ejemplo son viñetas, separadores, líneas, etc…
Si son imágenes textuales debido a causa mayor por el diseño, fuentes no estándar, el texto de la etiqueta debe de ser el mismo que el de la imagen. Por ejemplo en ecabezados…
En imágenes que actúan de enlaces el texto debe describir a donde lleva dicho enlace. Y si son animadas describiran la animación en sí.
Para los mapas de imágenes, imágenes divididas en áreas que contienen enlaces, toda área debe de llevar un atributo alt que describa el destino de los enlaces.
Por ahora es facilito todo ¿no?. La accesibilidad parece chunga pero no lo es. Un saludo!!
Para crear sitios web accesibles debemos de seguir una serie de pasos básicos para cumplir los requisitos de de la w3c. Aunque algunos piensen que sólo sabe tocar los cojones, cosa que a veces es cierta, también debemos de pensar en aquellas personas que no tienen la suerte de contar con todos sus sentidos en perfectas condiciones. Así que vamos a empezar poquito a poco y ya vereis como tampoco duele tanto.
Consta de 3 pasos fundamentales que si seguimos desde un principio nos facilitarán las cosas muchísimo.
- La información debe de estar estructurada y con un sentido lógico
- Proporcionar estilo, apariencia y buena colocación a los elementos.
- Comprobar la accesibilidad de la página.
Contenido y estructuración. El texo debe de aparecer íntegramente sin estilos ni presentaciones visuales. Utilizaremos los elementos estructurales básicos para añadir valor semántico a los contenidos, no para añadir estilos, márgenes, destacar textos, etc…
- Encabezados. Describe brevemente el tema de la sección que introduce.
- Listas. Enumeran elementos.
- Párrafos. Una idea principal o concepto por párrafo.
- Tablas de datos. Indican datos tabulares y nunca se deben de usar para diseñar ni maquetar.
Debemos seguir las últimas versiones de los estándares cuando estén disponiblesy así garantizarnos la compatibilidad futura durante el máximo de tiempo posible.
Si insertamos imágenes, objetos programados o multimedia con contenido relevante debemos de proporcionar alternativas textuales equivalentes.
Presentación y maquetación. Hay que separar el contenido de la presentación. Es decir, una página web debe de entenderse tanto si se accede desde un ordenador convencional, en blanco y negro, con un móvil, etc… Una vez estructurado bien el sitio podemos organizar la presentación a través de estilos y elementos decorativos.
El estilo uniforme a lo largo de todo el sitio web es esencial para aquellas personas que tienen más dificultad para aprender y leer, además de facilitar la navegación a los usuarios. Si dos elementos se muestran de manera distinta es posible que no se identifique adecuadamente uno de ellos.También ayuda a los usuarios a localizar mecanismos de navegación más fácilmente, así como saltarnoslo para ir directamente a los contenidos.
Maquetar contenido con tablas de datos dificulta la comprensión del sitio, por eso dejaremos las hojas de estilo (CSS).
Revisión. Después de construir el siti web debemos de revisar minuciosamente el código del sitio. Para ello desiponemos de herramientas para validar los requisitos de accesibilidad. Y el lenguaje usado debe de ser lo más sencillo posible para que lo entienda el mayor número posible de personas.
Herramientas útiles
Espero haberos ayudado. Saludos!!
Releyendo el post sobre crear webs accesibles me ha dado por explicar el porqué según yo.
La accesibilidad además de permitir y mejorar el acceso a personas discapacitadas, tiene otras ventajas…
- La separación del contenido y presentación, o el uso de estándares facilita el desarrollo y mantenimiento de la misma, ahorrando carga en los recursos del servidor.
- Ahorro de costes debido a los beneficios antes mencionados.
- La estructuración y la semántica, además de añadir contenido contextual a todos los elementos mejora la indexación en los buscadores.
- Permite alcanzar un alto nivel de interacción a través de distintos dispositivos o configuraciones de los usuarios.
- Los sitios web accesibles son, en la mayoría de los casos, más usables. La sencillez, facilidad de manejo y navegación van unidos a la accesibilidad.
- Benefician a todos los usuarios de la Web en general.
- No excluimos a nadie, por lo tanto nuestras visitan aumentan como nuestros beneficios.
Leo en 2linka2 una inciativa sobre una campaña para concienciar a los diseñadores sobre crear webs accesibles. Viene de un blog argentino llamado Crear webs accesibles y consiste básicamente en bajarse un cartel en distintos formatos, hacerse una foto y enviarla. El 12 de diciembre aparecerás en el listado con tu foto y un enlace a tu blog.
La verdad es que es una idea muy buena ya que yo trabajo con posicionamiento y la verdad es que las webs accesibles a día de hoy no existen. Nos hemos empeñado tanto en lo visual que nos olvidamos de aquellos que no tienen esa suerte o un ordenador a la última.
Seamos un poco más soliadrios!!
