Accesibilidad y Usabilidad en Sitios Web

Archivos de la categoría ‘Estandares web’

Sobre la calidad de un blog: el índice CAFCAUT

Publicado por Guillermo Spottorno en 29 Abril 2008

Hace un momento que empezaba este post dando las gracias a “Mas Que Accesibilidad“, y he comenzado a pensar los motivos por los que debo darle las gracias. Así que le he dado la vuelta a la idea principal del post para meteros el rollo que sige:

Hay blogs de todo tipo: los que sigues con devoción, otros que entras emocionado y sales escaldado, otros, como el mío, condenables por la falta de continuidad, otros que se enrollan una barbaridad, etc.

Creo que estaría bien hacer una categorización de los blogs. Habría que montar un debate al respecto, pero aquí va un punto de partida. Por ejemplo, decir que un blog es “interesante” o que tiene un “diseño bonito” son opiniones subjetivas, por lo tanto no las pondría como una de las variables para hacer una valoración de blogs.

Voy a nombrar las cualidades con las que creo se puede resumir la calidad de un blog:
Comunicatividad, Actualidad, Fiabilidad, Continuidad, Accesibilidad, Usabilidad y Tecnología.

Así que el acrónimo quedaría como el índice CAFCAUT.

- Comunicatividad: que tenga una correcta redacción y un ritmo agradable.
- Actualidad: que hable de temas actuales.
- Fiabilidad: que ofrezca datos contrastados.
- Continuidad: sin largos períodos de tiempo sin actualizar.
- Accesibilidad: para que cualquier persona sin importar la discapacidad que tenga pueda visitarlo. En este caso daría un “0″ al que no cumple ni el TAW por mucho; un “1″ al que se acerca a conseguir la A; un “2″ al que cumpla la A; un “3″ al que cumpla la AA; un “4″ al que cumple la AAA; y un “5″ al que además tiene un cuenta las pautas manuales.
- Usabilidad: facilidad para encontrar lo que se busca y para ofrecer lo que se quiera.
- Tecnología: a la moda de la Web 2.0 y lo que nos queda por ver…

De cada cualidad se puede dar un valor de cero a cinco. La máxima puntuación de una web sería por lo tanto de 35 puntos.

Por ejemplo, a la web de “Mas que accesibilidad” le daría yo un 27:

Comunicatividad: 5
Actualidad: 5
Fiabilidad: 5
Continuidad: 5
Accesibilidad: 1
Usabilidad: 3
Tecnología: 3

A ver si en los próximos días evalúo más páginas de las que sea asiduo y os pongo aquí las conclusiones… lo malo es que a mi blog le pondría un “0″ en continuidad!

Publicado en Accesibilidad, Diseño web, Estandares web, Internet | Etiquetado: , | 2 Comentarios »

Cómo generar un kml: la kmlización

Publicado por Guillermo Spottorno en 24 Abril 2008

Acabo de hacer para Portal Mayores una cosa que hemos llamado “kmlización“. Antes de empezar a hacerlo de manera dinámica, lo he hecho totalmente a mano.

Esto es más o menos lo que he hecho:

[1] Un kml, se formará usando la estructura siguiente en un fichero con una extensión ‘.kml’:

<?xml version=”1.0″ encoding=”UTF-8″?>
<kml xmlns=”http://earth.google.com/kml/2.0″>
<Folder>
<name>NOMBRE DEL KML</name>
<Style id=”icono”>
<IconStyle>
<Icon>
<href>http://www.misitio.es/imagenes/icono-kml.gif</href>
</Icon>
</IconStyle>
</Style>
<Placemark>……………………………………………………..</Placemark>
<Placemark>……………………………………………………..</Placemark>
<Placemark>……………………………………………………..</Placemark>
</Folder>
</kml>

[2] Por lo tanto, la gracia está en rellenar el contenido que va entre los <placemark>. Cada fila, un registro.

[3] El contenido del <placemark> va más o menos así. De aquí, se pueden hacer todos los cambios y mejoras que se deseen: Más info en google

<Placemark>
<name>NOMBRE QUE SE VE AL LADO DE LA CHINCHETA</name>
<description>
<![CDATA[
<a href="http://www.miportal.es">http://www.miporta.es</a>
<br><b>Título de mi portal</b>
<br><b>Dirección: </b> Calle Gran Vía 88
<br>28000, Madrid, Madrid
<br><b>Contacto: </b>Teléfono - 913 333 333
<br><b>Correo electrónico: </b> guille@miportal.es
<br><b>Sitio Web: http://www.miportal.es</b>
<br><b>Coordenadas: </b>Longitud: -3.000001. Latitud: 36.000001
]]>
</description>
<styleUrl>#icono</styleUrl>
<Point>
<coordinates>-3.000001,36.000001</coordinates>
</Point>
</Placemark>

[4] Así que ahí queda la estructura de un KML. Ojo, que si subes un KML a tu servidor, tendrás que configurarlo para que se abra con el Google Earth. Para ello mira esta información: <http://code.google.com/apis/kml/documentation/kml_tut.html#kml_server>

De todas formas, si lo que se quiere es hace un enlace simple desde un href, la cosa más simple es como sigue. Ya digo, que esto se puede complicar cuantos se quiera.

http://maps.google.es/maps?f=g&hl=es&geocode=&q=42.000001,-3.000001(Descripcion)&output=kml

Publicado en Estandares web | Etiquetado: , , , | Deja un Comentario »

Desde Fundamentos Web: día 1

Publicado por Guillermo Spottorno en 3 Octubre 2007

Gijón 03/10/2007

Amanece lloviendo en Gijón. El Hotel Asturias es un hotel viejo donde se oye cada paso que da alguien por los pasillos o habla con el conserje. Por lo menos está bien situado en plena Plaza Mayor y además es barato. Pedí vistas al mar y me han dado vistas al mar, solo que con una farola en medio de los dos… Un desastre. Por lo menos tiene adsl gratis, desde “donde” os escribo.

A las 9 de la mañana llego a la Feria de Muestras de Gijón. Atravieso el Molinón para llegar. A ver si el Sporting sube este año, que siempre me ha caído bien.

A las 10 hace la presentación el Director General de la Fundación CTIC, Pablo Priesca Balbín, Luego el turno para los políticos, bla bla bla bla…

Conferencias:

CSS, 10 años y los que le quedan por cumplir – Bert Bos (W3C)

Empieza bien la cosa. Para los que somos fanáticos de las CSS a este hombre le debemos bastante. Lleva más de años dándole vueltas a las CSS. Nos ha comentado novedades que llegarán con el CSS3. ¡Que llegue ya!

De qué trata: “En 1995, no pensé que CSS duraría más de 10 años. Creí que aprenderíamos de nuestra experiencia pasada y diseñaríamos un digno sucesor. Pero no hemos encontrado nada mejor, todavía. De hecho, CSS se está haciendo cada vez más popular y son muchos los que quieren hacerlo mucho más potente, sin cambiar ni su modelo ni su sintaxis. Mi intención es hacer una breve revisión de estos primeros 10 años de CSS e intentar extrapolarlos al futuro, para ver cómo pueden integrarse en él elementos tan solicitados como son diseños complejos y estilos tipográficos de diferentes lenguas mundiales. “

Algunas de las novedades más interesantes es que podrán hacer son: rotaciones con los textos; escritura vertical; fondos más atractivos y bordes con imágenes; aritmética simple; sombras; transparencias; etc.

Ajax a Prueba de Balas – Jeremy Keith (Clearleft)

Un personaje un poco chulito, pero buen comunicador este Jeremy.

De qué trata: “Ajax no es necesariamente una barrera de entrada tecnológica. Implementando Ajax usando el principio de mejora progresiva, puedes asegurar el acceso para cualquiera. Con un poco de cautela y planificación, puedes proporcionar una usabilidad enriquecida con mejoras de Ajax para la mayoría de los usuarios, mientras que nos aseguramos de que la minoría no se queda fuera.

Aplicando el principio de la mejora progresiva a Ajax, puedes asegurar que la funcionalidad de tu sitio es resistente a balas. Esto suena paradógico, pero la mejor forma de construir una aplicación Ajax puede ser construir un sitio web a la vieja usanza que use enlaces y formularios para transmitir información al servidor. Entonces, usando manejadores de eventos no intrusivos, intercepta esas transmisiones y dirígelas a través del objeto XMLHttpRequest en su lugar. El servidor puede entonces devolver sólo una parte de la página en lugar de la página completa. Este es el modelo Hijax. Usando esta metodología, puedes garantizar una solución de respaldo para usuarios sin Ajax. “

Diseñando la Nueva Generación de Aplicaciones Web – Jeffrey Veen (Google)

Un showman total, aunque todo lo que nos ha contado era como para gente de primero de la ESO… Nada nuevo. Sólo cosas de sentido común, que con saber un poco de usabilidad ya vas por delante de la charla.

De qué trata: “Mientras el entusiasmo en torno a la Web 2.0 sigue creciendo, muchas cosas están ya cambiando en el ámbito del diseño y el desarrollo en línea. En esta presentación, Jeffrey Veen analizará cómo está influyendo este nuevo pensamiento en las tendencias y prácticas de diseño actuales. “

Nuevas tecnologías, tecnologías accesibles – Matt May (Adobe)

Pues pensaba que iba a hablar de accesibilidad y sólo ha hecho algún comentario simple al respecto. Ha nombrado un poco la accesibilidad2, Flash/Flex, HTML5… Una charla un poco confusa y mal presentada.

De qué trata: “El incremento de la utilización del vídeo y la aparición de aplicaciones multimedia enriquecidas en la Web plantea nuevos desafíos para la accesibilidad. ¿Se están quedando atrás las personas con discapacidades? En esta charla, se hablará de cómo las nuevas tecnologías no sólo favorecen técnicas de accesibilidad más avanzadas, sino que también permiten nuevas vías para que todos los usuarios puedan trabajar de forma conjunta independientemente de sus características.”

De 14:00 a 16:00 horas ofrecen una comida muy rica de pié.

Movilidad y Estándares Web – Arthur Barstow (Nokia)

Para los amantes del móvil seguro que ha sido una buena charla. Yo odio los móviles, y aún así me ha parecido interesante, pero no tanto como para haberme quedado con todos los nombres y datos que ha dado. Os pasaré el enlace a su presentación.

De qué trata: “Disfrutar de una gran experiencia de usuario al navegar por Internet a través de dispositivos móviles es realmente difícil. En esta ponencia, Barstow hablará de los principales problemas que se plantean en este ámbito y del papel de los estándares abiertos.”

Mesa Redonda: Navegando entre Nuevas Tecnologías

Todos contra Microsoft, y el representante de Microsoft pasando de todo…

De qué trata: “Parece razonable afirmar que la principal tarea de los desarrolladores de navegadores y estándares sigue siendo la interoperabilidad con los estándares que ya existen. Pero esta labor parece estar progresando bastante, por ejemplo, con el gran esfuerzo que está realizando el W3C con respecto a HTML5, y con CSS 2.1, que puede darse por finalizado. Por esta razón, es momento de pensar en las funcionalidades en las que querríamos trabajar a continuación.

Se plantean nuevos desafíos, por ejemplo, en el ámbito de los diseños complejos: con pantallas de sobremesa tan grandes como hojas de periódico, los diseñadores quieren utilizar todo el espacio que esté disponible. Por otro lado, las pantallas de los teléfonos móviles se ven limitadas por el tamaño de los bolsillos de los usuarios. Y las impresoras, también tienen sus propias limitaciones. Pero, los usuarios quieren disponer de estos tres elementos, así que, ¿cómo lograrlo?

Tanto los microformatos, los canales RSS, las etiquetas, las skins personalizadas y, por supuesto, los motores de búsqueda son señal de que existe una demanda de un acceso alternativo al mismo contenido. Pero a los múltiples usos va unido el etiquetado enriquecido. ¿Estarán dispuestos los desarrolladores a hacer su contenido más rico?

La arquitectura actual de la Web funciona correctamente con contenido estático, que se combina mediante referencias (atributo SRC) e hipervínculos (atributo HREF). Por ejemplo, las páginas HTML con estilo, gráficos, applets (miniaplicaciones), fotografías, etc. Pero, ¿es esta arquitectura suficiente para integrar matemáticas? ¿o para crear “widgets” (pequeños programas que no necesitan ser instalados, sólo descargados)?

Esta mesa redonda de fabricantes de navegadores debatirá cómo creen ellos que los estándares (y sus navegadores) debería evolucionar.”

21:00 horas: Espicha en un restaurante con vistas al mar, solo que nuestra sala está en el sótano… Pero todo muy bueno.

Resumen final: Estos congresos sirven para conocer gente. La organización es muy buena, el sitio cómodo, la ciudad bonita y las charlas regulares.

Otras crónicas sobre la primera jornada:

Publicado en Estandares web | 1 comentario

Los dominios .es podrán llevar la letra eñe a partir de hoy

Publicado por Guillermo Spottorno en 2 Octubre 2007

 Leo en el periódico Público:

http://www.publico.es/ciencias/tecnologia/003331/dominioses/podran/llevar/letra/n/partir/manana

A partir del martes 2 de octubre a las 6.00 horas los caracteres propios del castellano, catalán, euskera y gallego podrán incluirse en el registro de dominios “.es”, según anuncia hoy la página web del Ministerio de Industria.

Red.es, entidad del Ministerio de Industria, Turismo y Comercio que tiene asignada en España la autoridad de registro de dominios, ha informado a los Agentes Registradores Acreditados que los caracteres que podrán incorporarse a los dominios “.es” son á, à, é, è, í, ï, ó, ò, ú, ü, ñ, ç y l•l.

Implantación escalonada

El registro de dominios “.es” con los mencionados caracteres se pondrá en funcionamiento de forma escalonada. En una primera fase, que comenzará el 2 de octubre de 2007 a las 6:00 horas y finalizará a las 18:00 horas del 30 de octubre de 2007, sólo los titulares de nombres de dominio registrados antes del 1 de junio de 2007 podrán pedir los cambios en sus dominios.

Publicado en Estandares web | Deja un Comentario »

Congreso de Webmasters

Publicado por Guillermo Spottorno en 9 Agosto 2007

Parece interesante este congreso que se celebrará en Madrid los días 17 y 18 de noviembre (sábado y domingo, por dios!! Y cuándo descansamos!!):

http://www.congresodewebmasters.com/

Programa:
http://www.congresodewebmasters.com/programa.php

Talleres:
http://www.congresodewebmasters.com/talleres.php

Gracias  Ángel María por la info!

Publicado en Diseño web, Estandares web | 1 comentario

CSS 2.1 pasa a ser Candidata a Recomendación

Publicado por Guillermo Spottorno en 25 Julio 2007

Lo publica el W3C el 19/07/2007:

El W3C se complace en anunciar el paso de las Hojas de Estilo en Cascada (CSS) 2.1 a Candidata a Recomendación. Se pueden enviar comentarios sobre las implementaciones hasta el 20 de diciembre. CSS es uno de los lenguajes más implementados de la Web. Al separar la presentación y el estilo de los documentos, del contenido de los mismos, CSS simplifica la creación y el mantenimiento de los sitios Web. CSS 2.1 deriva de CSS Nivel 2., al que se pretende que sustituya. Esta especificación, una breve visión de la utilización de CSS, adapta el lenguaje a las implementaciones, repara erratas y añade algunas características muy solicitadas. Entre ellas el valor inline-block para la propiedad display, el color orange y los valores pre-wrap y pre-line para la propiedad de white-space.

Visite la página principal de CSS.

Nota: lamentablemente no tiene una página individual la noticia, así que el enlace va a la portada.

Publicado en Estandares web | 1 comentario