Buscador

lunes, 26 de octubre de 2009

Opera Web Standards Curriculum

El Opera Web Standards Curriculum es un proyecto que comenzó hace un par de años y parece que ya ha sido completado. Se trata de un curso completo que permite a un principiante obtener una sólida base de conocimientos sobre programación web. Para ello, cubre todas las tecnologías que se emplean en la programación del cliente web, que es donde existen problemas de cumplimiento de los estándares y de compatibilidad entre los navegadores: HTML, CSS, JavaScript y DOM.

¿Qué ventajas ofrece el cumplimiento de los estándares?
Web standards in a Web site promote efficiency, ease of maintenance, accessibility, device compatibility, and search optimization.


Los estándares web en un sitio web estimulan la eficiencia, la facilidad de mantenimiento, la accesibilidad, la compatibilidad con los dispositivos y la optimización de las búsquedas (el posicionamiento).
¿Y cómo puede ayudar el empleo de los estándares a la accesibilidad web? En Opera Web Standards Curriculum nos dicen:
Web standards make the Web available to anyone, on any device, anywhere in the world.


Los estándares web hacen la Web disponible para cualquiera, en cualquier dispositivos, en cualquier sitio en el mundo.
¿No es esto el objetivo de la accesibilidad web?

En el Opera Web Standards Curriculum hay en la actualidad 51 artículos y unos cuantos que están muy relacionados con la accesibilidad web:

domingo, 25 de octubre de 2009

¿Qué navegadores usa la gente? (2009)

En la página web W3C Counter - Global Stats y W3Schools Browser Statistics se ofrecen estadísticas de uso de los navegadores, resoluciones de pantalla, sistemas operativos y otras categorías.

Respecto a los navegadores, los datos que ofrecen estos dos sitios sobre su uso son (datos de septiembre de 2009):


W3Counter
  • Internet Explorer 51.8%
  • Firefox 31.9%
  • Safari 5.0%
  • Chrome 3.7%
  • Opera    2.0%

W3Schools
  • Internet Explorer 39.6%
  • Firefox 46.6%
  • Chrome 7.1%
  • Safari 3.6%
  • Opera 2.2%

Estadísticas de años anteriores:

jueves, 15 de octubre de 2009

Validador para comprobar si una página web es adecuada para dispositivos móviles

W3C mobileOK Checker es un validador del W3C que permite comprobar el nivel de mobile-friendliness de una página web, es decir, cómo de apropiada es para visualizarse en un dispositivo móvil como puede ser un teléfono móvil.

En la página sobre el Acerca de (About) nos explican la necesidad de hacer este tipo de validaciones:
To understand why checking a Web document for mobile-friendliness really matters, it is probably worth emphasizing a few points about the so-called mobile world. Compared to a regular desktop computer, a mobile device may be regarded as limited at first glance: smaller screen size, smaller processing powers, smaller amount of memory, no mouse, and so on. Compared to fixed data connections, mobile networks can be slow and often have a higher latency. Compared to a user sitting in front of his computer, the user on the go has limited time and is easily distracted. On top of these constraints, the mobile world is highly fragmented: many different devices, each of them defining a unique set of supported features.
For these reasons, although most mobile devices may render Web documents, the user experience when browsing the Web on a mobile device is often poor when a Web document hasn't been designed with mobility in mind.

En la página de Ayuda (Help) nos explican qué tipo de comprobaciones se realizan:
  • Markup validation: some tags and attributes that may be used in a page may not be well supported by a vast majority of mobile devices.
  • Structure of the page: size matters on mobile devices, using tables for layout usually does not work, support for Javascript is limited, pop-ups and frames negatively impact the user experience on small screens
  • CSS style sheets: using absolute measures is unlikely to work well on mobile devices
  • Images/Objects: image format and dimensions should match the capabilities of the device.
  • User input: default values should be provided in input fields whenever possible, user inputs should be minimized.
  • HTTP level: proper caching and encoding information should be sent in the HTTP header.
  • Character encoding: is the content properly encoded in UTF-8?
  • Links: content targetted by the page should be appropriate for mobile devices.

Le he pasado este validador a mi página web Accesibilidad Web y me ha salido que su nivel de mobile-friendliness es 60/100. Sin embargo, el análisis muestra resultados incoherentes, ya que dice que el CSS no es sintácticamente correcto; pero si verifico de forma aislada el código CSS con W3C CSS Validation Service no aparece ningún error.


miércoles, 7 de octubre de 2009

Evaluación manual de la accesibilidad con Web Developer

Acabo de publicar la página web Evaluación de la accesibilidad de sitios web con la barra de herramientas de Firefox Web Developer Toolbar en mi sitio web dedicado a la accesibilidad web. Es una traducción autorizada al español del artículo Evaluating Web Sites for Accessibility with the Firefox Web Developer Toolbar de Patrick H. Lauke.

La introducción del artículo dice:
Aunque el conocimiento de la accesibilidad web se ha incrementado en los últimos años, muchos desarrolladores web todavía desconocen cómo evaluar sus sitios. La relativa complejidad de los documentos del W3C, como las Pautas de Accesibilidad al Contenido en la Web 1.0 (Web Content Accessibility Guidelines 1.0, WCAG 1.0) del WAI y la riqueza de los a veces contradictorios consejos encontrados en los sitios dedicados a este tema pueden dejar a los desarrolladores con dudas sobre los aspectos prácticos de la evaluación.
A menudo, los desarrolladores carecen de tiempo o de capacitación y se basan simplemente en una de las muchas herramientas de pruebas automatizadas, como WebXACT, Cynthia o Wave. Pero incluso las revisiones automatizadas deben complementarse (y, para evitar falsos positivos, comprobadas por segunda vez) por medio de revisiones manuales.
Sobre la base de algunos de los puntos de verificación de WCAG 1.0, este artículo pretende ofrecer una descripción rápida de cómo Mozilla Firefox y la barra de herramientas Web Developer Toolbar pueden ayudar con estas revisiones manuales.

martes, 6 de octubre de 2009

Las páginas que validan no posicionan mejor

Acabo de leer en un blog el artículo Las páginas que validan no posicionan mejor. En este artículo hacen referencia a "un video de Matt Cutts (responsable del buscador Web de Google), donde nos viene a decir que el que una página valide su HTML o no, no afecta a su posicionamiento en Google". El vídeo lo podemos ver en esta otra página: Las páginas que validan no posicionan mejor.

No me he podido resistir y he tenido que escribir un comentario en estas páginas, porque de algunos comentarios se puede entender que "como para Google no es importante que una página valide, para qué preocuparnos":

El problema de la validación (HTML, CSS) de las páginas web parte de los inicios de la Web, cuando cualquiera hacía una página web sin tener puñetera idea (y así siguen muchos). Cualquier persona que haya programado alguna vez sabe que, o el código está bien escrito o no se podrá compilar y por tanto no sirve para nada. Si lo mismo hubiese pasado con las páginas web, todo nos hubiese ido mejor.

Personalmente, tengo comprobado que en un alto porcentaje, el que una página no se vea bien en un navegador se debe a que el código no es válido: ante un error en el código, cada navegador “se recupera” de distinta forma e interpreta ese error y lo que viene a continuación con diferentes criterios.

A estas alturas, plantearse si es “beneficioso” que una página web sea o no sea válida lo veo “sin fundamento”. Cuando una página web valida, nos aseguramos de que en el futuro esa página se visualizará correctamente con los navegadores futuros. Y eso ya es una razón suficiente para preocuparnos de que una página sea válida. El que posicione mejor o facilite la accesibilidad son razones importantes, pero que vienen después como un beneficio añadido.