Uninstallme

Desarrollo front-end, estándares web, accesibilidad y más

Coda Dark Theme para Textmate

Por kcmr, el 18 de julio de 2010 en Mac, Programas

Etiquetas: ,

Hay que ver para lo que da una tarde de domingo! Hoy me ha dado por crear un tema para Textmate, casi igual, al tema oscuro por defecto de Coda.

Funciona bien en el coloreado de sintaxis de HTML y CSS. La sintaxis de Javascript y PHP es bastante mejorable (lo dejo para otra tarde de domingo)

Coloreado de sintaxis HTML

Coloreado de sintaxis HTML en Textmate

Coloreado de sintaxis CSS

Coloreado de sintaxis CSS en Textmate

Descargar Coda Dark Theme para Textmate

Sin comentarios

Hace cosa de un mes, WebAIM comenzaba a hacer una encuesta sobre el uso de lectores de pantalla, con el objetivo de mostrar las preferencias de usuarios reales y dar un poco de luz a los desarrolladores que normalmente nos basamos en suposiciones a la hora de intentar proporcionar páginas accesibles para este tipo de usuarios.

Ayer se publicaban los resultados, tras realizar la encuesta a un total de 1121 usuarios. A continuación muestro un resumen de cada punto que se analizó en la encuesta.

Datos sobre el tipo de usuario

La mayoría de las personas encuestadas eran usuarios habituales de lectores de pantalla (los usan siempre) debido a alguna discapacidad, de entre las que se dan con más frecuencia, están la ceguera o baja visión.

Sólo una pequeña parte de los encuestados, el 8%, se ha declarado usuario principiante, mientras que la mayor parte se considera usuario avanzado.

El programa más usado con clara diferencia es JAWS con un 74%, seguido de Windows Eyes con un 23%. También la mayoría de estos usuarios utilizan la versión más reciente de su programa.

También es muy interesante saber que los usuarios de lectores de pantalla sí personalizan sus programas y cambian las configuraciones por defecto.

Los navegadores más usados son, en primer lugar Internet Explorer 7 con un 68%, seguido de Firefox con un 39% y Explorer 6 con un 33%

Datos sobre el uso de páginas web

¿Qué hacen cuando llegan por primera vez a la home de un sitio desconocido?

La mayoría prefiere leerla entera y otra parte importante prefiere navegar a través de los enlaces de la página.

¿Se usan los links de saltar al contenido y los accesos directos?

En este caso no hay una tendencia que destaque sobre las otras, ya que casi en proporciones iguales se dan los casos en que estos links se usan siempre que existen, se usan a veces, muy raras veces o nunca. Tampoco hay una preferencia clara en cuanto a cuál debería ser el texto del enlace, si bien el 28% prefiere el literal "saltar al contenido principal".

Lo mismo ocurre con las teclas de acceso directo, los accesskeys, aunque en la página nos aclaran que los principiantes en el uso de lectores de pantalla parecen tener más tendencia a usarlas.

Encabezados

En este caso sí que se ve una tendencia clara a navegar por encabezados siempre que están disponibles. Un 52% eligió esta opción y sólo un 7% en total eligieron las opciones de muy raras veces o nunca.

Formularios de búsqueda

La mayoría de los encuestados mostraron tendencia a usarlos o siempre que existen, o con cierta frecuencia, mientras que sólo un 15% dijo usarlos pocas veces o nunca. En WebAIM aprovechan estos resultados para remarcar la importancia, no sólo de proporcionar estos formularios, sino de hacerlo de una forma en la que resulten fáciles de encontrar y usar.

¿Y cómo encuentran el formulario de búsqueda?

La mayoría lo intenta dirigiéndose al primer elemento FORM de la página o al primer cuadro de edición de texto. Una pista clara para saber dónde colocar estos elementos, tan fácil como no intentar reinventar la rueda.

Mapa Web

No parece haber una tendencia clara sobre el uso de los mapas web, si bien se puede extraer la conclusión de que no son muy usados por los usuarios de lectores de pantalla.

¿Se usan las versiones de sólo texto?

En este caso se muestran dos tendencias opuestas: o usarlas siempre que están disponibles o no usarlas casi nunca.

Dificultad de los pop ups

También en este caso los resultados son muy variados. Un 43% en total dice que los pop ups no le resultan muy difíciles, mientras que un 53% parece encontrar dificultades en el uso de pop ups. El análisis detallado de los resultados muestra una relación directa entre la experiencia en el uso de lectores de pantalla y la dificultad que se encuentra en estos elementos, que como es lógico, es mayor en usuarios principiantes de lectores de pantalla.

Accesibilidad de la Web 2.0 y las aplicaciones web dinámicas

Un 54% respondía "no lo sé".

Yo personalmente interpretaría los resultados como "¿Web 2.0? ¿Qué es eso?" y creo sincéramente que la gente de WebAIM le ha echado cierta imaginación al decir que los usuarios de Firefox parecen tener más tendencia a mostrar una respuesta favorable, quizá motivada por el soporte de ARIA en Firefox. Mi opinión es que WAI-ARIA se usa muy minoritariamente y, a pesar de que Firefox tenga soporte, el comportamiento de JAWS ante eventos javascript en este navegador es peor que en Explorer e incluso algo frustrante. Esto es lo yo veo como la triste realidad.

Imágenes decorativas

Aquí aparece un resultado curioso. Las WCAG nos dicen que proporcionemos un alt vacío para las imágenes meramente decorativas, pero los usuarios de lectores de pantalla prefieren mayoritariamente, con un 59%, que sean descritas. Parece que los usuarios más avanzados son los que prefieren encontrar descripciones para estas imágenes, quizá debido a que estos usuarios son más hábiles a la hora de ignorar la información no deseada.

Identificación de fotografías

Para la pregunta "Si la página web contiene una foto de la Casa Blanca, prefiero que la imagen sea identificada como…", un 80% eligió el literal "Foto de la Casa Blanca".

Desde WebAIM nos aclaran que no debemos interpretar este resultado como que todas las imágenes deben ser identificadas como imágenes, es decir, no debemos usar el lireral "Imagen de..", que resulta redundante, ya que el propio lector de pantalla notifica las imágenes como tal.

Identificación de logos

En cuanto al logo con enlace a la home, la mayoría prefiere que sea descrito como "Logo de -nombre del sitio- con enlace a la home".

Parecen ser los usuarios con discapacidades y los más experimentados los que prefieren una descripción más breve.

Múltiples enlaces a distintos sitios con el mismo texto de enlace

Con este tipo de enlaces hacen referencia a los típicos enlaces de "más información" o "ver más" que se repiten a lo largo de una página web.

Casi a partes iguales se dieron las respuestas de encontrar difíciles estos enlaces como encontrarlos fáciles. Nuevamente hay una relación directa entre la experiencia del usuario y la dificultad que encuentra en estos elementos.

Flash

En este caso sí que se ve una tendencia clara a encontrar el contenido Flash difícil o muy difícil. Nada sorprendente.

Marcos

Otra vez nos encontramos a partes iguales con los usuarios que los encuentran fáciles y los que los encuentran difíciles.

En WebAIM nos aclaran que no se hizo distinción entre frames e iframes.

PDF

Se vuelve a repetir una igualdad entre usuarios que lo encuentran fácil y usuarios para los que resulta difícil.

Conclusión

La conclusión que se puede sacar de los resultados de la encuesta es que no existe una formula perfecta que pueda satisfacer por igual a la variedad de usuarios que usan lectores de pantalla y es difícil ofrecer recomendaciones definitivas para muchas cosas, si bien hay puntos que parecen quedar muy claros, como la dificultad del uso de Flash o la importancia de proporcionar encabezados que describan el contenido al que preceden.

Fuente

Encuesta sobre preferencias de usuarios de lectores de pantalla en WebAIM

Sin comentarios

Dejo un par de aplicaciones gratuitas de Fujitsu, descubiertas a través de Utilidades para Webmasters, de gran utilidad para detectar y prevenir problemas de accesibilidad causados por un contraste de color insuficiente o la transmisión de información basada sólo en el color.

ColorSelector permite comprobar el contraste de color de cualquier imagen o texto con bastante más precisión que el ya conocido Color Contrast Analyser. Otra ventaja respecto a este, es que nos proporciona una información “más amigable” sobre las deficiencias visuales para las que una combinación de colores puede ser problemática.

Captura de ColorSelector

Una aplicación muy útil para comprobar el contraste de imágenes con contenido textual en la fase de diseño.

La otra aplicación es ColorDoctor, que muestra una página web simulando varias deficiencias visuales o en escala de grises. Esta última opción es especialmente útil para detectar información transmitida sólo mediante el color, como podrían ser los típicos iconos con banderas de países para seleccionar el idioma o enlaces diferenciados del texto solamente mediante un color distinto.

Esta aplicación permite hacer la transformación en tiempo real (marcando la opción Real-time conversion), con lo que no sólo obtenemos una simple captura de pantalla como hacen otras aplicaciónes, sino que podemos ver también los cambios de color para el estado hover, animaciones, etc.

Captura de ColorDoctor

Sin comentarios

IE Tester es un emulador de varias versiones de Internet Explorer cuya gran ventaja respecto a otros emuladores es la capacidad para emular IE 6 en Windows Vista.

Sin embargo tiene un pequeño problema con los PNG transparentes de 24 bits. Usemos el método que usemos para “corregir” el fallo de IE 6 con la transparencia de los PNG, si vemos una página que está en un servidor, por ejemplo un http://localhost, el PNG transparente desaparece. Esto mismo no ocurre si estamos viendo esa misma página alojada en otra ubicación, por ejemplo C:\loquesea…

Sigue leyendo esta entrada »

1 Comentario

En el título de este post aparece Internet Explorer como una forma de llamar la atención. La verdad, es que la mayoría de los navegadores modernos, y no sólo Explorer, se identifican como Mozilla, lo que unicamente quiere decir que son posteriores a 1994.

Para saber el porqué de esta identificación, hay que remontarse a los tiempos en que los navegadores existentes en el mercado eran Mosaic y Netscape. En aquel momento Netscape era el más avanzado de los dos e incorporaba novedades como la etiqueta <center> o las cookies.

Sigue leyendo esta entrada »

Sin comentarios

IETester es una aplicación gratuita que emula varias versiones de Internet Explorer: 5, 6, 7 y 8 beta. Funciona en Windows Vista y XP y permite abrir un documento html en diferentes pestañas usando en cada una una versión distinta de Explorer.

La principal ventaja de IETester frente a Multiple IE, es que hace posible ver páginas emulado a Explorer 6 en Windows Vista, cosa que hasta el momento, si no me equivoco, sólo era posible instalando una máquina virtual como Virtual PC, en la que usar otro sistema operativo con Explorer 6 instalado.

Captura de IE Tester

Captura IETester

Actualización 25 noviembre 2008

La última versión de IE Tester, 0.2.3, viene con la segunda beta de Explorer 8 y vista previa de impresión.

Página de IETester con enlace a descarga.

9 Comentarios

En estas vacaciones (cortas vacaciones) en las que he tenido que apañármelas con mi portátil de 256 MB de RAM, he descubierto algunos programas gratuitos que merecen la pena.

El primero es un compresor / descompresor de archivos. Zip Genius 6

El segundo es un cliente FTP. La interfaz es cutrecilla pero tiene todo lo que le puedes pedir a un programa de este tipo, funciona a la perfección y es muy intuitivo y fácil de usar. Core FTP

Por último, hoy he descubierto Windows Live Writer, una de las betas de Windows Live, que comparándolo con Ecto, me ha gustado bastante. Lo he probado con LifeType y WordPress, y funciona mejor con éste último, aunque de momento creo que seguiré publicando diréctamente desde el blog.

Sin comentarios