Categoría: Accesibilidad

  • Andrés Nieto | Entrevistador y entrevistado

    Andrés Nieto y su blog son para mi referencia imprescindibles. Gurú y experto programador, publica artí­culos sobre estándares, SEO, AJAX, javascript y WordPress de extrema utilidad.

    image
    Imagen: Maestrosdelweb

    Entrevistados por Andrés Nieto

    Uno de sus proyectos son las entrevistas que ha realizado a 10 personajes de renombre tanto en internet como en la blogosfera:

    (más…)

  • Los 64 blogs con mejor diseño según los votantes de 20minutos

    A la categorí­a Mejor Blog de diseño (aspecto del blog) se han presentado 2144 blogs. Hoy, 31 de octubre y a punto de acabar el plazo para votar sigue habiendo una gran polémica con el sistema de votación y las clasificaciones.

    El sistema propuesto por 20minutos es justo y democrático, el problema está en los participantes, sólo los que se han inscrito pueden votar. Muchos han intercambiado o vendido su voto a cambio de enlaces o han votado a algún amigo sin ver el resto. Esto es por supuesto lí­cito, como en cualquier votación democrática, cada uno hace con su voto lo que quiere.

    El jurado otorgará otro premio entre los 5 primeros clasificados de cada categorí­a.

    Es difí­cil hacer un voto justo, la única forma es visitando los 2144 blogs. Yo me estoy dejando los ojos para intentar emitir ese juicio justo, no sólo en esta categorí­a sino en el resto, todos ellos participan en otra categorí­a.

    Este artí­culo recoge los blogs que han tenido al menos 2 votos según la clasificación actual a 31 de octubre. Para facilitaros la tarea del voto os dejo una captura de los mismos.

    Los que no concursáis no podéis votar en 20minutos:

    • sí­ en Bitacoras aunque no hay una categorí­a de Mejor Diseño quizás encontréis alguno para otra categorí­a,
    • también podéis dejar vuestra opinión
    • y probablemente daros cuenta de que hay blogs que objetivamente no merecen las posiciones que ocupan. Mi respeto a todos ellos porque en principio no son culpables de que les hayan votado, digo en principio porque si han promovido su voto en esta categorí­a por medio del intercambio o prácticas poco éticas, entonces sí­, no tienen mi respeto como blogger.

    Por razones obvias no he publicado los 2144 aunque sé que hay buenos diseños con 0 votos pero como quiero ser lo más objetivo posible me guardo esos blogs.

    Mi criterio para votar en esta categorí­a serí­a:

    • Original: muchos utilizan themes o plantillas de terceros, por tanto el premio no deberí­a recaer en ellos sino en el autor de la plantilla.
    • Usabilidad: Si entras en un blog y te pierdes, no hay organización jerárquica, blancos, etc.
    • Compatibilidad con navegadores y resoluciones: Muchos diseños no se muestran igual en todos los navegadores, al menos habrí­a que visitarlos en IE, Firefox y Opera bajo Windows XP. En cuanto a las resoluciones muy muy pocos se adaptan a resoluciones como 800×600, pese a ir descendiendo el número de usuarios con esta resolución aún hay un alto porcentaje (revisa tus estadí­sticas)
    • Accesibilidad: Ni los sitios web que tienen por ley que cumplir los estándares de accesibilidad lo cumplen pero no estarí­a mal que se valorara los sitios que ponen su empeño en que su blog sea accesible al mayor número de personas.
    • Velocidad de carga
    • Estética: quizás del que todos podemos opinar, aún no siendo diseñadores, el que tendrá más peso en la votación: uso de colores, tipografí­a, maquetación, gráficos, etc. Se dice que sobre gustos no hay nada escrito pero sí­ hay ciertos criterios.

    Caracterí­sticas de las capturas:

    • Navegador: Firefox 3.0.3 sin barras de herramientas
    • SO: Windows XP
    • Resolución 1280×960
    • Redimensionadas a 300px de ancho manteniendo la proporción.
    • Realizadas con Fireshot

    Estos los 64 blogs que han recibido al menos 2 votos (31/10/08) (más…)

  • Test de accesibilad que mide contraste de colores

    Según las Pautas de Accesibilidad al Contenido Web 1.0 los colores frontales y de fondo deben tener suficiente contraste para poder leerse con facilidad por personas con alguna dificultad visual.

    En Jucy Studio hay una herramienta online para testear una combinación de colores. Inserta los valores hexadecimales, la fórmula usada te dirá si es apropiada, accesible o dicho de otra forma si tiene suficiente contraste o no.

    image

  • Alternativa a sIFR3 para renderizar fuentes no de sistema | typeface.js

    Para utilizar tipos en web que no sean fuentes de sistema podemos utilizar sIFR3, en anieto2k descubro otro método basado en javascript, sin Flash, typeface.js

    El método se sirve de la capacidad de dibujo de vectores de los navegadores:

    Para utilizarlo además de llamar a los archivos javascript (descarga) se utiliza el método class, style para definir qué texto debe ser dibujado por qué tipografí­a.

    Como cualquier otro javascript si el navegador lo tiene deshabilitado simplemente se mostrará con la fuente de sistema indicada por CSS o la que use el navegdor por defecto.

    A favor de sIFR3 debo decir que los textos siguen siendo textos, seleccionables, con typeface.js los textos pasan a ser imágenes.

    Ejemplos | Descarga | Descarga y creación de tipos

  • Medir y Optimizar la velocidad de carga de tu web

    Empiezo con mi recondemación y con las últimas novedades:

    • Pingdom Tools puedes ver la velocidad de carga de tu web pero además ver desglosado todos los detalles de este proceso archivo por archivo. Entre sus funciones puedes filtrar la información también por peso de archivo en vez de por tiempo.
    • Webwait es otro sitio que mide la velocidad de tu sitio, la diferencia es que hace varias y te calcula el promedio.

    Pero estas dos herramientas no son las únicas ayudas que tenemos para reducir el tiempo de carga, estos son artí­culos útiles para la optimización de la carga de tu web:

    (más…)

  • Plugin WP Accesible _blank actualizado

    La versión 1.1 del plugin para WordPress Accesible _blank está ya disponible. La primera versión 1.0 ha caducado en 1 dí­a :)

    Este plugin busca todos los enlaces fuera de tu dominio y leas añade rel=»external». Todos los enlaces que tengan el atributo external se abrirán en una nueva ventana. Es accesible porque el atributo _blank (deprecated) se añade por javascript y no en el XHTML.

    En esta actualización se añade el atributo title a los enlaces externos con el texto «(se abre en nueva ventana)«, si title ya tiene contenido se añade a él. De esta forma son avisados los usuarios y cumple mejor las Pautas de Accesibilidad al Contenido en la Web (WCAG).

    Demo:

    Mil gracias a Ainhoa y os recuerdo que el debate sigue abierto, ahora mismo el marcador está igualado:

    Abrir enlace externo | Misma ventana vs. Nueva ventana

  • Nuevo Plugin WordPress para abrir enlaces en una nueva ventana de forma accesible

    Os presento mi 1º plugin para WordPress, tiene media hora y la demo es cualquier enlace de este blog, todos los que apunten fuera de ceslava.com se abren en una nueva ventana o pestaña según tengas configurado tu navegador.

    Está basado en el plugin de Javi Moya External Links New Window que añade la funcionalidad de poder abrir enlaces externos en una nueva ventana. El problema es que no era accesible, ya que el atributo _blank no cumple los estándares W3C.

    Accesible _blank

    • Descripción: Busca todos los enlaces fuera de tu dominio y las añade rel=»external». Todos los enlaces que tengan el atributo external se abrirán en una nueva ventana. Es accesible porque el atributo _blank (deprecated) se añade por javascript y no en el XHTML.
    • Demo: contacto (enlace interno), wikipedia (enlace externo)
    • Descarga Accesible _blank
    • Creado 10/10/2008
    • Instalación: Sube la carpeta accesible_blank a tu carpeta de plugins y actí­valo desde el panel de administración de WP.

    Agradecimientos:

    Como os digo lo acabo de crear, instalar y probar en este blog. No me gusta la calificación de beta para todo lo nuevo así­ que es la versión 1.0.

    En próximas versiones añadiré varios idiomas y un panel de administración del plugin para poder personalizar sus opciones:

    • aplicar a imágenes
    • aplicar a comentarios
    • especificar dominios para enlaces internos
    • posibilidad de que los usuarios desactiven el plugin

    * Actualizado el 11/10/08. Se añade un texto al atributo title para avisar a los usuarios.

    Notas:

    Seguro que hay muchos detractores de este plugin y su funcionalidad, Criterion por ejemplo. Podéis dar vuestra opinión sobre esta dicotomí­a aquí­:

    Abrir enlace externo | Misma ventana vs. Nueva ventana

    De todas formas como he explicado antes en una próxima versión añadiré la función de que el usuario elija. Normalmente en los blogs se hacen referencias continuas a otros sitios webs, sobre todo en las llamadas recopilaciones, es por eso que para muchos resulte más cómodo el automatizar esto si tenemos configurado el navegador para que abra nuevas pestañas y no ventanas.

    Página oficial del plugin WP: Accesible _blank

  • 15 técnicas para hacer gráficas con XHTML y CSS

    El primero es este enlace de Apples to Oranges es bastante antiguo, del 2005, pero conserva su utilidad, se trata de ejemplos de código XHTML y CSS para crear gráficas de barras como estas:

    image

    Otras 14 posibilidades y herramientas útiles para representar datos gráficamente con CSS:

    (más…)