El 13 de Marzo pasado celebramos el 20 aniversario de la web, por lo que es especialmente significativa la presencia de los investigadores y expertos más relevantes que se esfuerzan por una web universalmente accesible que ofrezca en el futuro el mejor uso de los datos.

Sir Tim Berners-Lee y  Vinton Cerf acudirán como personalidades destacadas, y serán investidos con el título de Doctor Honoris Causa por la Universidad Politécnica de Madrid.

Los 105 ponentes anunciados, las mesas redondas, con la participación de los mencionados, a cuyo entusiasmo debemos tanto, los seminarios y talleres girarán en torno al acceso universal y multiplataforma a Internet, sobre el tratamiento de datos, la televisión interactiva, las comunidades sociales en Internet y los sistemas de reputación y confianza.

URL: http://www.www2009.org

A partir de aquí se empieza a producir un enorme sentimiento de vergüenza ajena.

A primera vista, la web http://www.www2009.org contiene infinidad de errores.

Su estructura, diseño y desarrollo son contrarios a las buenas prácticas y, lo que es peor, a los mínimos requisitos de los estándares por los que tanto trabajan en World Wide Web Consortium que lidera precisamente el futuro Doctor Honoris Causa de la Politécnica, Tim Berners-Lee, el padre de internet, como sabemos todos,  y el motor de la web semántica y de datos, la web 3.0.

EL DISEÑO

La cabecera de la web, rebuscada, extraña y, en definitiva, a mi modo de ver increíblemente fea, debe de ofender a los excelentes diseñadores que hay en este país.

Admito que la sensibilidad estética es completamente subjetiva. Además, soy de los que creen que los contenidos son lo único verdaderamente importante y que lo es más aún que todos puedan acceder a ellos, sin tener en cuenta los medios técnicos y la capacidad individual.

EL CÓDIGO

Miro el código fuente y es un insulto a los buenos desarrolladores españoles: variables sin definir, declaraciones rechazadas, DOCTYPE 4.1 Transitional , metatags obsoletos y otros que faltan, reglas de CSS ignoradas debido a selectores incorrectos, referencias URI formadas incorrectamente – en fin, todo contra lo que lucha intensamente, el invitado de honor y una inmensa comunidad de profesionales honestos también en España.

LOS ESTÁNDARES

El pie de página de www2009.org, sin embargo, muestra los sellos de TAW y de W3C, como si estuviera desarrollada conforme a los estándares.

• El sello W3C no se debería mostrar en las páginas que contienen errores. Entre otros males, como ser el freno del desarrollo, en la práctica los errores ralentizan la web, no muestran las páginas correctamente o no permiten acceder al contenido en absoluto.

La web NO pasa la prueba. Sólo 2 errores y 2 advertencias, pero eso equivale en un evento como este, traer a los invitados a una casa sucia y darles de cenar alqo incomestible.

• El sello TAW-AA mide las Pautas de Accesibilidad para Contenido Web WCAG 1.0 AA. Puede mostrarlo el sitio que cumple todos los puntos de verificación de prioridad 1 y 2.

No es el caso de www.www2009.org que tiene nada menos que 109 errores prioridad 1 y 207 advertencias de prioridad 2.

A eso se le  llama engañar.

Ver anexo con los datos del análisis realizado a las 16 horas, 21/4/2009

Web: http://www.tawdis.net/taw3/online y web http://validator.w3org.

Lo siguiente que hago es ir a mirar quién es el responsable de este despropósito. Está al pie, con los creditos a http://www.pacifico-meetings.com.  Salvo que se demuestre lo contrario, una empresa de esas que aprovechando que el Pisuerga pasa por… ‘también hace páginas web’.  No puedo más,  que cada uno saque sus propias conclusiones.

Cosmetically, things don’t look all that different to IE7, but under the bonnet — where most of our nightmares originate — the IE dev team seems to have set some pretty ambitious goals.
To me, the most important stuff includes:
* fixes to long-standing rendering bugs, including most notably the double margin bug and skittish CSS floats
* support for generated content
* support for more pseudo class (i.e. :after, :before and :focus) and support for the outline property
* much improved development tools, including a built-in, souped-up version of the IE Developer Toolbar that rivals Firebug’s feature set
* a much more standardized Document Object Model (DOM), which means you won’t need to write IE-specific JavaScript to make IE8 sing and dance
* the introduction of CSS table-layout support allowing you to take some of the more robust layout qualities of tables (i.e. self-equalizing columns) and apply them directly to clean, sensible markup (Kev has written a great piece on this if you haven’t already seen it.)
On the not so positive side:
* Yes, IE8 another variable for us to contend with, inevitably complicating the development process that little bit more.
* This beta seems to render significantly differently from IE7 and the other mainstream browsers.
To be fair on the rendering issues, this is the first beta, so it would be silly to believe the rendering engine won’t change before the full release. In short, by all means test your sites in it now, but hold your fire on any IE8-specific hacks — for now at least — as they will likely be unnecessary by the time the official release candidate hits the ground.
On a similar note, it’s probably not wise to install this browser on any critical system at the moment, as it will automatically and permanently overwrite any IE6 and IE7 installs. That would be a brave course to take with a potentially unstable beta.
However, if you’re keen to have a play, Microsoft has released a version of IE8 embedded in a virtual hard disk image (VHD) that can be run via Virtual PC. Microsoft offers both of these downloads for free, allowing you to freely test the beta while keeping it safely isolated from the rest of your system.
This VHD beta will time out in July 2008, at which point you’ll need to download an updated image.
If you haven’t used a VHD before (and a few readers have asked about it), I’ll run you through the set up process below.
However, before we start, think twice about doing this if your system is lacking either reasonable grunt or good bandwidth access, as you’ll need plenty of both to first download the VHD file (a 430+MB file that decompresses to almost 1.4Gig), and then to efficiently run it under Virtual PC.
1. Download and install Virtual PC (30.4 MB).
2. Download and run the IE8 Virtual Hard Disk file here (IE8_VPC.EXE) — this will auto-extract your VHD to a folder (along with a couple of text files).
3. Launch Virtual PC and click ‘New…’ to start the New Virtual Machine Wizard.
4. Select the second option, ‘Use default settings to create a virtual machine’ and click ‘Next’.
5. Give your new virtual machine a name — ‘IE8′ seems sensible enough — and hit ‘Next’.
6. VPC settingsHit ‘Finish’. This will automatically create a new directory called ‘IE8′ (or whatever else you named it) with a new configurations file inside it called ‘IE8.vmc’.
7. A ‘Settings’ dialog box should now open automatically. ‘Select Hard Disk 1′, and switch the ‘None’ radio button to ‘Virtual hard disk file:’
8. Browse and select the VHD file you extracted earlier, then press ‘OK’.
9. VPC consoleYour Virtual PC console should now list a new Virtual Hard Disk. Select it and hit ‘Start’.
10. Voila! After a few seconds you should be have a standalone window running XP and the IE8 beta.
The first time I ran this VHD, the system needed to do some housekeeping, and asked me to restart it, but from then on it’s been hassle-free. Of course, when you’ve had enough, use the console to shut it down.
IE8 in virtual PC
So, take it for a spin and let me know what you think. It goes without saying that it’s going to be a quite a while before IE8 is a factor in our day-to-day development thoughts. However, though it wasn’t obvious at the time, looking back now it seems that it was IE7 that delivered the final killer blow to IE5.
If IE8 can help speed IE6 towards the door, we will all be happier little web monkeys. Oh, happy day!
fuente: Web Tech Blog: Technically Speaking
by Kevin Yank

http://www.mikeindustries.com/blog/archive/2005/07/make-your-site-mobile-friendly

La asociación internacional WAI (Web Accessibility Iniciative) vela por que ningún colectivo sufra discriminaciones que puedan ser causa de brecha en el mundo virtual y emite a través de los distintos Comités y Grupos de Trabajo sus recomendaciones para una Web cuyos estándares deben respetar los fabricantes, los desarrolladores y los proveedores en general.
Los beneficios del uso de los estándares
Construir las páginas con estándares significa obtener beneficios inmediatos. Éstos son algunos ejemplos:
· Accesibilidad. Separar la forma del contenido permite que la información se visualice en diferentes dispositivos, navegadores, lectores de pantalla, etc.
· Reducción del ancho de banda. En los sitios con muchas visitas, el uso de los estándares puede representar un ahorro sustancial por la reducción de los costes de envío de información que el usuario no necesita. Las Web construidas con los estándares XHTML y CSS pueden llegar a reducir en más del 50% su tamaño original.
· Menor tiempo de carga. Menos código hace que las páginas tarden menos en cargar, mejorando la experiencia de usuario. Un usuario medio tarda 10 segundos en perder la atención y es sabido que la cualidad más apreciada por los usuarios es la velocidad de descarga.
· Optimización para buscadores. Una página diseñada con los estándares, aparecerá en mejor posición en los resultados de búsqueda, porque los logaritmos de los buscadores distinguen cuando el código es “˜limpio’ y semánticamente correcto. Cambian con frecuencia y la facilidad de mantenimiento de páginas estandarizadas permite actualización constante.
· Independencia del dispositivo. El uso de estándares facilita el acceso al contenido de las páginas Web a través de diferentes navegadores y dispositivos. Significa que el mismo sitio Web puede usarse tanto en un teléfono móvil como en el PC, PDA, móvil, TV, impresora Los estándares aplicados al diseño significan llegar al 100% de estos usuarios.
· Facilita el mantenimiento. Separar la estructura y el contenido de la presentación (diseño) permite incluso realizar cambios en todo el sitio editando un único archivo. Esto significa que se requiera un cambio de aspecto, el tiempo y el coste serán muy reducidos, por el hecho de que no es preciso volver a editar el contenido.
· Entrega el control al usuario. El usuario obtiene el control sobre la página, independientemente del dispositivo con el que se conecte. La personalización de su navegador le resulta útil y su experiencia de navegación es positiva, porque puede ajustar el aspecto general, los tamaños de letra, colores, botones e incluso la disposición acorde con sus necesidades y preferencias.
· Garantiza el futuro de la aplicación. Los Navegadores se están adaptando a los estándares, lo que garantiza la viabilidad de los proyectos a largo plazo. Además, un sitio Web desarrollado con los estándares utiliza tecnologías compatibles con otros productos.
· Hace más fácil su gestión. Los apartados pueden ser cambiadas de disposición, diseño o tamaño en función del dispositivo que se utilice, por lo que no es necesario desarrollar páginas auxiliares que sirvan para imprimir, ver mejor, para PDA’s o monitores especiales.
Cómo beneficia la accesibilidad a distintos tipos de organizaciones
Las organizaciones que se deciden por la accesibilidad deben afrontar unos costes iniciales. Sin embargo, todos son compensados casi siempre con un retorno completo de la inversión.
Para realizar la inversión inicial, las organizaciones necesitan comprender qué ventajas sociales, técnicas, y financieras les aporta la accesibilidad de su Web y cuáles son las expectativas de beneficios para la organización en general. La justificación para destinar determinados recursos a un proyecto a menudo se llama “œbusiness case” y contiene un análisis del valor añadido en comparación con los objetivos de la organización, el análisis de los costes y de los beneficios, y el de los resultados que sea razonable esperar.

Factores a tener en cuenta en un “œbusiness case” de accesibilidad Web
· Los factores sociales tratan del papel de la accesibilidad de los Web en igualdad de oportunidades para las personas discapacitadas, pero no es menos importante tener en cuenta la brecha digital. La accesibilidad también es una necesidad de las personas sin discapacidades: los mayores, los poco instruidos o aquellos que cuentan con escasa capacidad lingüística. También los que sólo disponen de conexiones lentas o de poco ancho de banda en Internet o los que usan las tecnologías más antiguas. Y por último, pero no menos importante, los nuevos usuarios o los que no acceden a las Webs con regularidad.
· Los factores técnicos tratan de la interoperabilidad, de la calidad y de la reducción del tiempo de desarrollo y mantenimiento de las Webs, de la reducción de la carga de los servidores, del uso de diversas configuraciones, y la capacidad de adaptación a las tecnologías avanzadas del Web.
· Los factores financieros contemplan los beneficios financieros del uso creciente de los Web, los ahorros de costes directos y las consideraciones sobre los costes iniciales y corrientes.
· Los factores legales tratan de los requisitos para la accesibilidad del Web que establecen los gobiernos y otras organizaciones en forma de leyes, políticas, regulaciones, estándares, pautas, directivas, comunicaciones, pedidos, u otro tipo de documentos.
Algunos ejemplos de adaptar un “œbusiness case”
Una corporación
· aumento y ahorro de los costes financieros por el uso creciente de su Web debido a la potencialmente creciente cuota de mercado, a la capacidad de localización en los motores de búsqueda y mejora de usabilidad.
· reducción de riesgo de demandas legales que impliquen altos costos legales y de pérdida de imagen
· las ventajas en las relaciones públicas por demostrar su responsabilidad social
Un ministerio o una agencia del gobierno
· requisitos basados en las leyes y políticas tales como: legislación de la no-discriminación, política e información sobre la tecnología de las comunicaciones que garantiza que los servicios públicos estén disponibles para todos
· ahorros a largo plazo por el funcionamiento mejorado de los servidores y menor esfuerzo en el mantenimiento del sitio Web
Una institución educativa
· el número de estudiantes, de las facultades, o del personal inexperto en temas educativos (responsabilidad social)
· las ventajas de la accesibilidad de su Web para los estudiantes con diversos estilos de aprendizaje, materiales informáticos más antiguos o conexiones a Internet con poco ancho de banda y lentas.
· requisitos legales
Una organización no gubernamental
· factores de responsabilidad social, tales como el respeto de los derechos humanos, incluyendo el derecho a la información
· el interés de la organización en asegurarse de que sus materiales estén disponibles para todas sus audiencias potenciales
Una empresa de diseño Web
· la ventaja competitiva y las ventajas financieras por la capacidad de absorber el aumento de los encargos de diseño
· las ventajas técnicas y las ventajas financieras a largo plazo para los clientes de los sitios desarrollados con estándares y accesibles.
· las ventajas en las relaciones con los clientes por tener mayor capacidad de apoyo de los intereses de aquellos en materia de responsabilidad social.

• Test de Accesibilidad Web( TAW ) es una herramienta de revisión automática de la accesibilidad de las páginas Web, completamente en español.
• En http://www.cynthiasays.com/ puedes revisa la conformidad de las páginas Web con los distintos niveles de accesibilidad propuestos por el WAI o con la Sección 508, a elección del usuario.
• La web de Wave 3.0 accessibility tool nos permite elejir entre cuatro formas de revisar la accesibilidad de las paginas webs:
• A través de su sitio web, introduciendo la url de la web a revisar.
• Subiendo a su servidor nuestro documento web, para su revisión. (util si aun no es accesible a través de una URL) .
• Instalando la Wave Toolbar en nuestro navegador. Esta disponible su instalción para internet Explorer, Netscape y Mozilla
• Instalando el Wave Bookmarklet en nuestro navegador.
• Otra opción es usar la web accessibility Tool Bar, aunque esta solo esta disponible para Internet Explorer.
• La aplicación a-promptes una magnifica herramienta que nos indica los errores y nos ayuda a corregirlos. Otras herramientas parecidas que no son gratuitas tienen una versión de evaluación son: ACC Monitor, ACC Repair y Lift.
• CheckIE es una extensión o plug-in para Microsoft Internet Explorer que facilita a los diseñadores y desarrolladores de sitios web la revisión de la calidad de sus trabajos (accesibilidad, estándares, consistencia, etc).
• Checky es una potente herramienta de validación que se instala en el navegador, entre otras cosas analiza y valida HTML , XHTML , CSS , RDF , RSS , XML , WAI , Section 508, P3P, etc. se puede descargar una versión compatible con Netscape, Mozilla y Firefox

¿Cual usar? ¿Cual es la mejor?. Test de Accesibilidad Web (TAW) es una herramienta de revisión automática de la accesibilidad muy completa, que revisa todas las pautas establecidas por la WAI y esta completamente en español, pero a-prompt será tu mejro elección si dominas el inglés, porque ayuda a corregir los errores.