Seguro que tras leer el título no tienes ni idea de lo que va a tratar el tema de este artículo, no se me ocurría ninguno mejor xD.

Es muy común ,tanto en diseño web como en diseño de aplicaciones de escritorio, el uso de botones de bi-estado o de reacciones contrarias, esto son botones que al pulsarlos realizan una acción concreta y al volverlos a pulsar realizan la acción opuesta.

Suelen emplearse para tareas como bloquear/desbloquear usuarios, abrir/cerrar elementos, …

Normalmente esos botones se acompañan de una imagen gráfica que obviamente cambiar al pulsar el botón.

Tras ver la imagen, los habrás reconocido y podrías decirme muchos más ejemplos.

El problema del uso de imagenes en los botones reside en el mal uso de estos, y la confusión que pueden presentarle a los usuarios.

Obviando el tema de la elección correcta de las imagenes, la principal confusión reside en usar correctamente ambas imágenes para representar un estado o el otro.

¿Qué estado debe representar la imágen, el estado actual del sistema o el estado que se conseguirá al pulsar el botón?

Pues los estudios y el sentido común (el mío) me dicen que la imagen del botón debe representar el estado en que se encontrará el sistema tras pulsar el sistema.

Si sobre un botón empleamos una imagen de una marca de validación el usuario pensará que al pulsar ese botón se activará o desbloqueará “algo”.

Si por el contrario empleamos una aspa el usuario pensará que al pulsar el botón se bloqueará o desactivara “algo”.

Accesibilidad Electrónica

El acceso a las tecnologías de la información y las comunicaciones crea
oportunidades para todos, pero quizás para nadie esto es más importante que
para las personas con discapacidad. Pero las barreras sociales de
prejuicios, infraestructuras y formatos inaccesibles bloquean el camino de la
participación. Cuando las tecnologías de la información están disponibles
para todos, son una importante ayuda para que todas las personas alcancen
al máximo sus posibilidades y a las personas con discapacidad les permiten
formar parte del desarrollo de la sociedad.

En la Primera Cumbre Mundial de la Sociedad de Información en el 2003, los
gobiernos expresaron su compromiso para construir una sociedad de
información centrada en la gente, inclusiva y orientada hacia el desarrollo, en
la cual cada uno pueda crear, tener acceso, utilizar y compartir la
información y el conocimiento. A pesar de ese planteo, muchas personas
con discapacidad siguen siendo incapaces de aprovechar todas las ventajas
de Internet, pues la mayor parte de los sitios web son inaccesibles para los
ciegos y discapacitados visual, dependen de la capacidad de usar un mouse
y la capacitación en el tema a menudo se realiza en formatos y en edificios
que son inaccesibles. Como las personas con discapacidad están entre los
sectores mas marginados de la sociedad, muchas de ellas no tienen ningún
acceso a las tecnologías de la información. Incluso aquellos que tienen
acceso a las tecnologías de la información a menudo no pueden utilizarlas
con eficacia, pues el equipamiento adaptativo disponible no puede seguir el
rítmo de la innovación.

Al no poder tener acceso a las tecnologías de la información las personas
con discapacidad están en una desventaja considerable. Por ejemplo, como
la educación cada vez va dependiendo más de las tecnologías de la
información, las personas con discapacidad al no tener, por ejemplo, acceso
a Internet ven limitadas sus posibilidades educativas.

Varios lugares ya tienen legislación y regulaciones que requieren que los
sitios web sean completamente accesibles. A nivel internacional, se
desarrollan estándares y pautas de accesibilidad de los sitios web. Una vez
que sea adoptada y ratificada, la Convención Internacional sobre los
Derechos de las Personas con Discapacidades requerirá una seguridad
institucional que las personas con discapacidad tengan acceso a las
tecnologías de la información. La misma especifica que se deben introducir
medidas para eliminar obstáculos y barreras a la información y a las
comunicaciones y que promuevan el acceso de las personas con
discapacidad a las tecnologías de la información y las comunicaciones,
incluyendo Internet.

Poner las tecnologías de la información a disposición de las personas con
discapacidad no es sólo una cuestión de derechos humanos, eso también es
un buen criterio de negocios. Hay estudios que plantean que los sitios web
accesibles aparecen más arriba en el ranking de páginas de los motores de
búsqueda y que pueden ahorrarse costos en el mantenimiento del sitio. Ello
también le permite a las empresas tener acceso a un sector de clientes aún
no explotado. Muchos sitios web, sin embargo, siguen siendo inaccesibles
para los discapacitados visuales y los ciegos. Un estudio reciente de las 100
compañías de FTSE en el Reino Unido mostró que alrededor de tres cuartos
de los sitios web de las empresas no alcanzan niveles básicos de
accesibilidad. Al no hacer accesibles sus sitios web las empresas británicas
estan desperdiciando 80 mil millones de libras de ganancia.

El tema para el Día Internacional de las Personas con Discapacidad de este
año (el 3 de diciembre de 2006) es la accesibilidad a las tecnologías de la
información, y el día será referido como día de la Accesibilidad Electrónica.
Con sus esfuerzos, y con la colaboración de otras partes, las Naciones
Unidas apuntan a elevar la toma de conciencia de los gobiernos, las
entidades privadas y el público en general de los beneficios significativos
para las personas con discapacidad y para toda la sociedad cuando tienen el
poder de un acceso incrementado a las tecnologías de la información.

Original en inglés:
http://www.un.org/esa/socdev/enable/iddp2006.htm

Traducción al español por Jorge Plano, para la lista de correo de Accesibilidad Web

Cuando diseñas una web pensando en la accesibilidad quizá te haya ocurrido no poder
comprobar como realmente la ve un lector de pantalla para personas invidentes.

Fangs es una extensión para Mozilla Firefox que te permite emular la salida de un lector
de pantalla moderno, no realiza la lectura de viva voz pero te muestra el texto que leería
un lector de este tipo.

Su uso es muy sencillo, una vez instalada solo debemos hacer clic con el botón derecho
en cualquier zona de la página que queramos evaluar y seleccionar “View Fangs”

¿Qué debemos evitar?
Para realizar una web más accesible y más comprensible por el lector debemos evitar
que aparezcan en la lectura elementos propios de la maquetación y el diseño. Lo interesante
para este tipo de lectores es el contenido no la presentación.

Veamos un ejemplo:
Barrapunto Table end Table end Table with five columns and one hundred nine rows Table with one column and three rows Table with one column and two rows

Un montón de tablas, todas ellas usadas para maquetar la página.

Según parece se está produciendo un fallo en la resolución de los nombres de dominio .es

Personalmente puedo acceder a este dominio y a otros .es como elpais.es por ejemplo.

Hay otros a los que no tengo acceso actualmente, como uib.es

Parece que está propagandose el error por toda Internet.

Esperemos que se arregle pronto.

Actualización: Ya parece que se ha arreglado todo, para más información http://meneame.net/story/dominios-han-dejado-funcionar 

Desde hace unos dias vengo sufriendo un problema bastante molesto con Wordpress.

Cuando intento acceder a la carpeta de administración wp-admin el navegador me muestra una página vacía o solo con los caracteres 

Salvo en Mozilla Firefox ,y porque tiene guardada la cookie, no me deja acceder a la administración de mi blog. Si accedo desde Firefox se me vuelve a quedar en blanco tras realizar alguna acción desde el panel.

He probado de todo, volver a subir esta carpeta, cambiar de theme, desactivar todos los plugins, …

Creo que el problema está relacionado con la codifición de los archivos, uso UTF-8 y en este servidor hay más instalaciones de Wordpress sin ningún tipo de problemas.

tags: wordpress, problema, codificacion, utf-8

Una de las mejores cosas que tiene dejar Windows es que te libras del odioso Microsoft Internet Explorer, todo un cancer para la Web.

Sin embargo si eres desarrollador web debes comprobar tus proyectos en Internet Explorer para asegurarte de que funcionan correctamente.

Si este programa respetara los estandares de la w3c no sería necesario, pero como no lo hace y es el navegador más usado (por eso de venir con Windows) es necesario perder mucho tiempo programando para él.

ie4linux es un sencillo script que te perrmite bajar e instalar tres versiones de Internet Explorer (5, 5.5 y 6) en linux, usando wine.

En esta última versión puedes elegir el idioma de internet explorer y tambien instala Adobe Flash 9.

Tambien es útil Internet Explorer para aquellas webs que solo funcionen con él, por suerte cada vez son menos.

En otro orden de cosas, el próximo 1 de Septiembre se celebrará el dia mundial sin Internet Explorer. Algunos intentamos que eso sea todos los dias.

 tags: internet+explorer, linux, ie4linux, desarrollo

No, no me he vuelto loco, el titular de este artículo no es mío.

Lo vi como comentario de un lector a un artículo sobre accesibilidad y me llamó la atención.

Lo primero porque iba un poco desencaminado, está hablando sobre usabilidad en un texto que hablaba sobre accesibilidad. Dos cosas totalmente distintas:

“La usabilidad se refiere a la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso”

Definición de usabilidad de software ISO/IEC 9126

La accesibilidad web indica la capacidad de acceso a la Web y a sus contenidos por todas las personas.

Ambas están muy relacionadas pero no se refieren a lo mismo.

Cuando se desarrolla un sitio web debemos primero centrarnos en la usabilidad, una vez completada la usabilidad nos centraremos en hacer que el sitio sea accesible por todo el mundo.

El hecho de primero abarcar la usabilidad nos facilita mucho el trabajo para accesibilidad.

En lo segundo que se equivoca esta afirmación es en el ‘carácter profesional’ que parece querer darle a la usabilidad.

Aplicando unas sencillas reglas se consiguen sitios muy usables y accesibles sin tener que acudir a grandes empresas de desarrollo ni desembolsar grandes sumas de dinero.

Tampoco es cierto que solo las grandes webs necesitan ser usables.

En una web usable ,por pequeña que sea, el vistante no debería sentirse perdido en ningún momento, sabe lo que quiere hacer y donde tiene que ir para conseguirlo. Repercutiendo esto en la calidad de las visitas, de nada sirve tener muchas visitas si solo pasan unos segundos en nuestra web.

Off-topic: A partir de hoy este blog se une a la iniciativa 2 lame 4 ads

Había usando antes FeedBurner para servir los contenidos de otro blog vía RSS. Me parece muy buen sistema para llevar el control del uso que se hace de tus contenidos.

A partir de ahora lo usaré también en este blog.

El enlace para suscribirse mediante RSS es http://feeds.feedburner.com/UsabilidadYAccesibilidadEnLaWeb20

HERA es una utilidad para revisar la accesibilidad de las páginas web de acuerdo con las recomendaciones de las Directrices de Accesibilidad para el Contenido Web 1.0 (WCAG 1.0). HERA realiza un análisis automático previo de la página e informa si se encuentran errores (detectables en forma automática) y qué puntos de verificación de las pautas deben ser revisados manualmente.

Gracias a HERA puedes comprobar automáticamente la accesibilidad de tu sitio web. No todos los puntos pueden verificarse automáticamente, muchos han de revisarse manualmente. Esta utilidad te da las claves para hacerlo.

Destaca la opción de resaltar las partes de tu documento que se ven afectadas por alguna directiva, de manera que puedas solucionar rápidamente el problema.

tags: accesibilidad, hera, wcag, w3c

Esta entrada trata de explicar brevemente como crear enlaces usables y accesibles en vuestras creaciones web.

• Enlaza fragmentos pequeños de texto, tres o cuatro palabras como mucho, nunca enlaces párrafos enteros.
• Crea el enlace en el término que más se adecua con el documento que pretendes enlazar. Procura evitar crear enlaces con el texto “Pinche aquí” , “Haga clic aquí” o similares.
• Se recomienda usar el atributo lang=” ” para especificar el idioma del documento enlazado.
• Usa siempre CSS para controlar el aspecto de los enlaces.
• Los enlaces han de ser de un color distinto del texto normal, ha de distinguirse claramente que es un enlace y que no. Aparte de usar un color distinto ayuda usar el subrayado del texto del enlace, al menos debe subrayarse cuando el usuario pone el cursor sobre el.
• Los enlaces visitados deben marcarse claramente sobre los que no lo están, se recomienda usar un color distinto. Usar la opción de tachar el texto no es recomendable ya que puede crear en el visitante la sensación que el enlace está roto, no funciona.
• No se recomienda cambiar la tipografía ni el tamaño de la fuente al cambiar el estado de un enlace (al pasar de normal a visitado o cuando tiene el cursor encima).

Para controlar el aspecto de los enlaces se usa CSS 

a:link {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color:#400080;
text-decoration:none;
}

a:hover{
color:#990000;
text-decoration:underline;
}
a:visited{
color:#009900;
text-decoration:none;
}

Trucos avanzados con css en enlaces.

tags: css, usabilidad, enlaces