Consumer Eroski rediseña su página Web Accesible

Estos días vengo publicando ejemplo de páginas Web que no tienen en cuenta para nada el tema de la accesibilidad Web. Hoy presentamos una página Web que sí que hace incapié en estos criterios de accesibilidad, Consumer Eroski.

Eroski ha celebrado los 10 años de presencia en internet rediseñando su portal y haciéndolo accesible. Navegando por el portal se nota que han tenido en cuenta los criterios de accesibilidad. Tendrían que corregir algunos errores que se les han escapado, por ejemplo tienen algunas imágenes sin texto alternativo.

Hay que dar un 10 a Eroski por el rediseño del sitio y animar a otras empresas a seguir el ejemplo.

Página Web de Eroski http://www.consumer.es

servido por webaccesible sin comentarios compártelo

Web del ayuntamiento de Arganda, un nuevo ejemplo de Web no accesible

Nuevamente nos encontramos con una Web de un ayuntamiento que no cumple con los criterios de accesibilidad exigidos por ley para las páginas Web de organismos públicos.

En este caso se trata de la Web del Ayuntamiento de Arganda http://www.ayto-arganda.es/ , Para empezar está maquetada con tablas, y su código no es estandar. Para empezar ni siquiera tiene declarado el DOCTYPE.

Respecto a la accesibilidad tiene fallos se mire por donde se mire, se nota que no han tenido en cuenta ni siquiera los niveles de accesibilidad nivel A. El TAE nos devuelve 32 errores automáticos de nivel A y 69 de nivel AA. Entre los que se pueden ver a simple vista está el uso de medidas absolutas, falta de textos alternativos en las imágenes,

Esperemos que los responsables tomen nota y realicen los cambios necesarios para ajustarse a la ley.

servido por webaccesible sin comentarios compártelo

Sobre la accesibilidad de la Web del ayuntamiento de Chiclana

El ayuntamiento de Chiclana en Cádiz ha estrenado nueva página Web. He detectado varios problemas que deberían haber solventado antes de publicarla (si es que piensan solventarlos). En primer lugar cuando entras en la Web te aparece una película flash con cuatro enlaces. Desde el punto de vista de la usabilidad esta página estaría de sobra, además considero que ese flash debería de llevar contenido alternativo.

Si hacemos clic en uno de los enlaces que nos lleva a la Web del Ayuntamiento tarda una barbaridad en cargar y nos muestra el mensaje de que el sistema está generando la página Web.

Una vez que nos muestra la página Web y después de analizarla con varias herramientas se sacan las siguientes conclusiones:

La página Web no está generada con código estándar, después de analizar el códido desde la Web de la W3C el resultado son 27 errores de código. En la Web han publicado el logo de la validación de código pero no está enlazado al análisis, si fuera así se darían cuenta que tienen 27 errores sin embargo este logo si que lo enlazan a una página donde hablan de la accesibilidad de la página.

Sobre la accesibilidad hay que indicar que toda Web pública por ley tiene que cumplir los niveles de accesibilidad nivel AA y esta aunque han puesto el logo de que cumple con estos criterios en realidad no los cumple. Haciendo un simple estudio con la herramienta TAW nos aparecen

servido por webaccesible 2 comentarios compártelo

Bluementals el editor Web más accesible

La revista PC Actual publica en su Web un artículo sobre este editor, Bluementals, declarado el editor Web más accesible.

El programa es muy completo y permite generar XHTML y CSS accesible, tiene una facilidad de uso fantástica y un precio inmejorable tan solo 39,85 dólares. Es hora que los demás editores Web se pongan las pilas y sigan el ejemplo de este excelente editor Web.

Podeis conseguir más información en la Web del fabricante: http://www.blumentals.net/

servido por webaccesible sin comentarios compártelo

Sólo una de cada tres páginas de hospitales son accesibles

Según un estudio de la Universidad de Elche sobre Webs de hospitales de España, Reino Unido y Estados Unidos, sólo un tercio de las Web pasan los criterios de accesibilidad, una noticia triste más sabiendo que en nuestro pais por ejemplo se supone que todas las Webs de organísmo públicos deberían de ser accesibles, y en este caso creo que se debería de obligar también a los hospitales privados a que sus Webs sean accesibles.

He leido varios artículos sobre el tema y veo con incredulidad que culpa a los Webmasters e incluso se da consejos, vamos de risa. Es cierto que hay mucho chapuzas , que se dedica a hacer páginas Web con el dreamweaver, o con Frontpage que es peor, pero somos muchos los profesionales que desde años llevamos poniendo en práctica los criterios de accesibilidad de nuestras Webs. Creo que las empresas públicas deberías de estar informadas de las exigencias que tienen las páginas públicas. También los Webmasters, pero esto se presupone porque vamos si a estas alturas hay que dar explicaciones a algún webmaster apaga y vámonos.

La solución sería muy sencilla, si la Web está hecha después de ls ley que obliga a las webs de organismos públicos y no es accesible habría que exigir a la empresa que hizo la Web a que solucione los problemas de accesibilidad. Para las nuevas páginas todas las Webs deberían de ser chequeadas por algún organismo para certificar la accesibilidad y así no tener problemas a posteriori.

servido por webaccesible sin comentarios compártelo

Flash vs Accesibilidad

Ya no está tan de moda pero se sigue utilizando como recursos para las Web las películas flash. A mi personalmente no me gustan nada y si a la accesibilidad nos referímos menos aun.

El flash es de por sí un elementos no accesible pero hay diferentes grados. El caso más grave es una Web realizada totalmente con flash. Para hacer accesible una Web de este tipo deberemos contar con una página alternativa accesible. En estas páginas, normalmente en el pie suele haber un enlace que dice "version accesible", en el mejor de los casos a la página se le añade un código que detecta si el navegador del usuario puede mostrar flash o no. En caso de que pueda presenta la película flash y en caso contrario le muestra directamente la versión no accesible. En ejemplo claro de esto lo encontramos en esta Web: http://www.permisoporpuntos.es/es/

Otro grado de inaccesibilidad lo encontramos cuando aun no haciendo totalmente nuestra Web en flash, si que lo utilizamos para poner una animación, un menú, etc. estos contenidos siempre tienen que tener un contenido alternativo que en caso de no mostrar el flash muestre el menú en html o una explicación de la animación en este caso.

La animaciones además no pueden hemitir parpadeos muy fuertes, que pueda provocar a un usuario un ataque de epiléptico o simplemente provocar su distacción, y se deberá de habilitar en la película flash un control para para y poner en marcha la animación.

servido por webaccesible sin comentarios compártelo

¿Son los frames accesibles?

Una página Web puede ser accesible de nivel A y si utilizamos correctamente las etiquetas y atributos HTML para la inserción de frames. Si usted puede elegir le aconsejaría que no utilizara frames bajo ningún concepto, además de la accesibilidad los frames son horrorosos de cara al posicionamiento de las páginas Web en los buscadores.

Si utilizamos frames a pesar de todo deberemos de utilizar la etiqueta title en cada una de las páginas en las que esté compuesta la página. El texto del title tiene que ser descriptivo. Por ejemplo si tienemos un frame para el menú deberíamos de poner como title "menu de la página".

También deberemos utilizar el atributo title dentro de la etiqueta frameset utilizando un texto también descriptivo por ejemplo FRAME name=topFrame src="topframe.htm" title="Cabecera de la Web"

servido por webaccesible sin comentarios compártelo

Dudas sobre title y alt cuando enlazamos una imagen

En ocasiones a los desarrolladores Web que comienzan con temas de accesibilidad en su páginas Web les surge una duda muy común que gira en torno al texto que hay que poner en el title de un enlace y el alt de una imagen cuando lo que estamos enlazando es precisamente una imagen.

La respuesta es sencilla, el alt es para dar un contenido alternativo a la imagen y el title es para indicar lo que hace el enlace, siplemente tenemos que seguir estos pasos.

Vamos a ver un ejemplo muy sencillo y claro que se dan en todas las webs: el logo de la empresa en la cabecera. Normalmente en la parte superior de nuestras Webs está el logo de la empresa, organismo, título del blog, etc y lo tenemos con una imagen, normalmente esta imagen está enlazada a la página principal del site, pues bien para hacerlo correctamente el código a implemetar sería el siguiente:

Cuando pasamos por encima de la imagen se mostrará el texto de la etiqueta title pero el alt en la imagen es necesario igualmente y no debemos mezclar una cosa con la otra.

servido por webaccesible sin comentarios compártelo