Mostrando las entradas con la etiqueta traducción. Mostrar todas las entradas
Mostrando las entradas con la etiqueta traducción. Mostrar todas las entradas

domingo, marzo 09, 2008

Nueva Campaña del WaSP

Advertencia: La Web Cambia Rápido

El Street Team del WaSP lanza su primer proyecto en comunidad: separadores que puedes colocar en librerías, escuelas y tiendas de libros para ayudarle a los lectores a saber que ese material está desactualizado.

¿Cuántos libros desactualizados de diseño y desarrollo Web están escondidos en tu librería, escuela o colegio, esperando a corromper una mente inocente? ¿Quieres ayudarnos a advertir a aquellos ingenúos contra ese peligroso material mientras que las librerías actualizan sus estantes? Únete al Street Team del WaSP descargando e imprimiendo estos separadores (PDF en Inglés [151K] - PDF en Español [153K]). Luego los colocas en los libros desactualizados que veas que son especialmente dañinos.

¡Además han creado un grupo en Flickr para que coloques las fotos de los libros que has encontrado y señalado!

¿Cómo identificas un libro desactualizado? Porque:
  • Recomienda el uso de tablas para diagramar (en lugar de CSS).
  • Enseña un mal y feo (X)HTML (en lugar de uno semántico).
  • No le importa crear sitios inaccesibles (en lugar de asegurarse que todo su contenido esté disponible para personas con discapacidades).
  • Crea páginas que sólo que se pueden navegar con Internet Explorer (en lugar de trabajar con los estándares Web y que se pueda ver en cualquier navegador)
¡Y ten cuidado!
Aunque muchos de estos libros necesitan sacarse de circulación y ser reemplazados por buenos libros, ese no es tu trabajo. Así que no intentes dañarlos ni destruirlos. Trátalos como reliquias de un museo. Recuerda que las librerías, además de proveer acceso libre al conocimiento, también están encargadas de mantener la historia. Lo que queremos hacer es mover estas reliquias para la sección de archivo, tu sabes, cerca de la sección de "la tierra es plana" y "pluto es un planeta".

¡Ah! Y no olvides pasar por la sección de Buenos Libros para que tu también actualices tu biblioteca.

viernes, febrero 22, 2008

Resumen del Reporte de Accesibilidad de Jakob Nielsen

Beyond ALT Text:Making the Web Easy to Use for Users With Disabilities

¿Recuerdas que en diciembre informé sobre el reporte de Accesibilidad: Beyond ALT Text:Making the Web Easy to Use for Users With Disabilities que Jakob Nielsen y su compañía Nielsen Norman Group publicó gratuitamente?

¿Ya lo leiste? ¿No? Pues no sabes de lo que te estás perdiendo. Como dice Olga: El documento no tiene desperdicio y su lectura es muy recomendable, por no decir obligatoria.

Así que para aquellos a los que les dé pereza leerse las 148 hojas en inglés, Olga Carreras ha publicado en su blog Usable y Accesible un breve resumen del estudio que realizaron y las conclusiones que extrajeron en forma de 75 directrices de accesibilidad. O lo lees o lo lees.

jueves, febrero 21, 2008

Recordando los Mitos y Conceptos Erróneos sobre la Accesibilidad

QUERTY

En QUERTY nos recuerdan los Mitos y nociones equivocadas sobre la Accesibilidad, un artículo muy interesante que traduje en Agosto del 2006 y que aún hoy es vigente.

Es una lectura muy interesante y los invito nuevamente a quienes no lo hayan leído a que lo hagan.

De antemano muchas gracias a Pamela Valenzuela de QUERTY quienes nos recuerda esa información, que hay que repetir, repetir y repetir.

jueves, febrero 07, 2008

10 Errores Comunes al Implementar la Accesibilidad



Un sitio que siempre está dentro de mis lecturas es el de WebCredible, especialistas en Usabilidad y Accesibilidad en Inglaterra.

Para el mes de enero publicaron el artículo: 10 common errors when implementing accessibility, el cual me desconcertó. Dentro de los supuestos errores que mencionan tenemos: No insertes texto en campos de formulario vacíos, No utilices atajos de teclado (access keys), No utilices el atributo summary en una tabla, por mencionar sólo 3.

Estas son prácticas que trato siempre de llevar a cabo, así que mi pregunta fue inmediata: ¿Cuándo dejaron de ser buenas prácticas?

Consulté en la lista de AccesoWeb de Sidar y muy rápidamente Emmanuelle Gutiérrez y Restrepo, además de traducir el artículo en mención, lo comentó totalmente. Los invito a leerlo porque realmente es muy clarificamente.

Ah... E Inserta texto en campos de formulario vacíos, Utiliza atajos de teclado (access keys), Utiliza el atributo summary en una tabla... Son prácticas totalmente recomendadas...

Actualización: Igualmente en la lista han recomendado el artículo 7 errores de accesibilidad que se cometen a menudo que resulta interesante para leer.

sábado, febrero 02, 2008

10 Principios para un Diseño Web Efectivo

10 Principles Of Effective Web Design

Artículo Original: 10 Principles of Effective Web Design
Author: Smashing Magazine
Fecha: 31 de enero de 2008
Traducido rápidamente por: Gabriel Porras
Visita el artículo original para ver ejemplos de cada principio.

La Usabilidad y la utilidad, y no el diseño visual, son los que determinan el éxito o el fracaso de un sitio Web. Puesto que el visitante de una página es la única persona que hace clic en el mouse y, por consiguiente, decide lo que quiere hacer, el diseño centrado en el usuario se ha establecido como un método estándar hacia el diseño Web comercial y exitoso.

No vamos a discutir los detalles de implementación (por ejemplo dónde debe colocarse la caja de búsqueda), como ya lo hemos hecho en otros artículos, sino que nos centraremos en los principios, heurísticas y estrategias para un diseño web efectivo – métodos que, usados apropiadamente, pueden guiarnos a decisiones de diseño más sofisticadas y a simplificar el proceso de percepción de la información presentada.

¿CÓMO PIENSAN LOS USUARIOS?
Básicamente, los hábitos de los usuarios de un sitio Web son diferentes de los hábitos de los compradores de una tienda. Los visitantes dan un vistazo a cada nueva página, examinan rápidamente algo del texto y hacen clic en el primer vínculo que les llama su atención o se asemeja vagamente a los que están buscando. De hecho, hay muchas partes de la página que ni siquiera miran.

La mayoría de los usuarios buscan algo de su interés (o que les sea útil) y que tenga un vínculo. Tan pronto lo encuentran le hacen clic. Y si en la nueva página no encuentran lo que estaban buscando, hacen clic en el botón Atrás y el proceso de búsqueda continua.
  • Los usuarios aprecian la calidad y la credibilidad. El contenido es más importante que el diseño. Es por eso que sitios con muy buen contenido y no tan bien diseños obtienen gran cantidad de tráfico.
  • Los usuarios no leen, sino que ojean rápidamente. Buscan puntos fijos que los guíen hacia lo que están buscando.
  • Los usuarios son impacientes y quieren resultados instantáneos. Un principio simple: Si un diseño no hace que el usuario encuentre lo que busca, el diseñador falla y hace perder dinero a la empresa. Entre más tenga que pensar el usuario y la navegación sea menos intuitiva, más fácil será que los usuarios busquen otras alternativas.
  • Los usuarios no seleccionan lo más óptimo. No examinan la página linealmente ni van de sección en sección buscando lo que necesitan. Por el contrario buscan rápidamente y toman la primera opción que encuentren, en lugar de buscar la mejor de todas las opciones.
  • Los usuarios siguen su intuición. La mayoría de las veces los usuarios se las arreglan como puedan, sin siquiera leer la información que el diseñador ha puesto.
  • Los usuarios quieren tener el control. Sobre su navegador y esperan que todo el sitio sea consistente. Es por eso que no les gustan los pop-ups ni que el botón Atrás les deje de funcionar. Así que es una buena práctica nunca abrir vínculos en nuevas ventanas.

LOS PRINCIPIOS
  1. No hagas pensar a los usuarios

    De acuerdo a la primera ley de la usabilidad de Krug, la página web debe ser obvia y auto-explicativa. Tu trabajo al diseñar una página es que el usuario no tenga ninguna pregunta. Debes tener una navegación y una arquitectura intuitiva, una estructura clara, ayudas visuales moderadas y vínculos fácilmente identificables. El visitante debe entender qué hace la página, cómo funciona y cómo puede ir a otro lado. De eso se trata que no tenga ninguna pregunta.

    Una vez que tus visitantes entiendan de qué se trata tu sitio, les puedes explicar por qué es útil y cómo se pueden beneficiar de él.

  2. No desperdicies el tiempo de los usuarios

    Si vas a ofrecer algún servicio o herramienta, trata de tener unos requisitos mínimos. Entre menos necesiten los usuarios para probar un servicio, más fácil lo harán. Ellos quieren “jugar” con él, en lugar de registrarse porque tal vez nunca vuelvan. Déjalos explorar y descubrir cuáles son tus servicios sin pedirles ni el correo.

    Un solo registro es suficiente para evitar que tus visitantes naveguen en tu sitio y reducir tu tráfico.

  3. Haz que los usuarios enfoquen su atención

    Algunas partes de la interfaz de usuario atraen la atención más que otras. Obviamente las imágenes son más atractivas que el texto y la negrita atrae más que el texto plano. El ojo humano no es para nada lineal y los usuarios pueden identificar instantáneamente bordes, patrones y movimiento.

    Así que enfocar la atención del usuario a áreas específicas del sitio mediante el uso moderado de elementos visuales puede ayudar a que fácilmente vaya de un lugar a otro sin siquiera pensarlo. Este visitante estará más orientado y desarrollará más confianza en el sitio, y por ende en la compañía que visita. Entre menos tenga que pensar el usuario, mejor será su experiencia.

  4. Esfuérzate por mostrarte

    Los diseños Web modernos son normalmente criticados por guiar a sus usuarios con unos procesos 1-2-3 muy atrayentes y por tener botones grandes con efectos visuales Pero precisamente estas guías son extremadamente útiles, porque guían al usuario de una manera muy amigable y simple.

    Dejar ver al usuario claramente las funciones disponibles es un principio fundamental del diseño de interfaces de usuario. No importa cómo se logre, lo que importa es que el contenido sea entendible.

  5. Haz uso de una buena escritura

    Como la web es diferente de los medios impresos, es necesario ajustar el estilo de escritura a los gustos y hábitos de los usuarios.

    Evita nombres lindos, rebuscados, de mercadeo, específicos de la compañía, técnicos o no familiares. Si quieres que los usuarios creen una cuenta, usa “Regístrate” en lugar de “Comienza ahora”, que es aún mejor que “Explora nuestros servicios”.
    Una solución óptima para una escritura efectiva es:
    • Usa frases cortas y concisas.
    • Usa una diagramación que se ojee fácilmente (categoriza el contenido, usa múltiples niveles en los encabezados, usa elementos visuales y listas).
    • Usa un lenguaje objetivo y plano.

  6. Esfuérzate por la simplicidad

    El principio “Hazlo Simple” (KIS: Keep It Simple) debería ser el objetivo principal del diseño de un sitio. Los usuarios raramente visitan un sitio por su diseño. Lo que buscan es información o servicios.

    Desde el punto de vista del visitante el mejor diseño es uno en sólo texto, sin publicidades. Es por eso que una versión para imprimir de las páginas es esencial para una buena experiencia de usuario.

  7. No le tengas miedo al espacio en blanco

    Actualmente es difícil valorar la importancia de los espacios en blanco. No sólo ayudan a reducir la carga cognoscitiva, sino que también mejoran la percepción de la información. Cuando un visitante llega a una página lo primero que intenta hacer es examinar la página y dividirla en secciones y los espacios en blanco son esenciales en esta tarea.

    Las estructuras complejas son más difíciles de leer, examinar, analizar y de trabajar con ellas. Las estructuras jerárquicas reducen la complejidad (Ley de Simon): entre mejor logres que tus usuarios encuentren un sentido de jerarquía, tu contenido será más fácilmente percibido.

  8. Comunícate efectivamente con un lenguaje visual

    En sus artículos de comunicación visual efectiva, Aaron Marcus declara tres principios fundamentales [en] implicados en el llamado lenguaje visual:
    • Organiza: dale al usuario una estructura conceptual consistente y clara. Conceptos importantes dentro de la organización son: la consistencia, la diagramación, las relaciones y la navegación.
    • Ahorra: haz lo que más puedas con tus elementos visuales. Los cuatro puntos principales a tener en cuenta son: simplicidad (sólo incluye los elementos importantes), claridad (ningún elemento debería presentar ambigüedad), individualidad (debe ser distinguible lo que realmente importa) y énfasis (los elementos más importantes deben ser los que más fácilmente se perciban).
    • Comunica: La interfaz del usuario debe mantener un balance en legibilidad, tipografía, simbolismos, visualización y color, para poder comunicarse efectivamente. Usa máximo 3 tipos de letras en cómo máximo 3 tamaños y un máximo de 18 palabras o 50-80 caracteres por línea.

  9. Las convenciones son nuestras amigas

    Las convenciones son muy útiles para reducir la curva de aprendizaje y el tener que pensar cómo funcionan las cosas. Imagínate cómo sería si todos los sitios usaran un icono diferente para sus RSSs. ¡Toda una pesadilla para la usabilidad!

    Con ellas ganas la confianza y credibilidad de tus usuarios. Entiende qué es lo que esperan los usuarios de la navegación de un sitio, de la estructura del texto, del lugar de la búsqueda, etc.

    Por ejemplo traduce tu página a otro lenguaje como el japonés y pon a prueba el sitio con algunos usuarios. Si las convenciones están bien aplicadas, aunque la página esté en otro idioma, estos usuarios podrán ubicarse en ella.

  10. Prueba temprano, prueba a menudo

    Este principio llamado TETO (Test Early, Test Often) debería ser aplicado en todo proyecto, debido a que estas pruebas de usabilidad a menudo dan gran conocimiento sobre problemas y situaciones.

    Sólo podrás saber con certeza que un diseño es mejor que otro analizándolo desde un punto específico, es decir: probando con un usuario.

    Algunos puntos importantes para que tengas en cuenta:
    • De acuerdo a Steve Krug, probar con un solo usuario, es 100% mejor que probar con ninguno y probar con uno al principio del proyecto es mucho mejor que probar con 50 al final. De acuerdo a la primera ley de Boehm, los errores son más frecuentes en la etapa de requisitos y diseño y entre más se demoren en removerse serán más costosos.
    • Las pruebas son un proceso iterativo, lo que significa que cuando diseñas algo, lo pruebas, lo arreglas y lo vuelves a probar.
    • Las pruebas de usabilidad siempre producen resultados útiles. Ya sea porque encuentres problemas que tienes o para ver que no tienes grandes fallas en tu diseño.
    • De acuerdo a la ley de Weinberg, un desarrollador no es el apropiado para probar su propio código. Lo que aplica también para los diseñadores. Ya has trabajado mucho en un diseño, lo conoces, lo que hace que no tengas una perspectiva diferente sobre él. Ya sabes cómo se hizo y cómo funciona, así que busca otras personas para que lo prueben.

REFERENCIAS

viernes, enero 25, 2008

¿Qué hace que un sitio Web sea bueno?



Artículo Original: What Makes a Good Website?
Author: APIS Design
Fecha: 25 de enero de 2008
Traducido por: Gabriel Porras

Ah, si, la pregunta del millón de dólares. ¿Qué hace que un sitio Web sea bueno? ¿Qué hace que sea malo? Todos queremos saberlo. Bueno, la belleza depende del ojo del espectador, por supuesto, pero hay cosas esenciales. Aquí hay 7 para obtener un buen sitio Web:

1. Idea/Objetivo
Esta es la cruz de la que hablamos cuando les hablamos. Nos escucharás usar mucho la palabra “objetivo”. ¿Por qué tienes un sitio Web? ¿Cuál es su propósito? ¿Cómo vas a medir su éxito?

2. Diseño
Aquí hablamos de cosas como la selección de color, alineación, interés visual y metáforas que tengan sentido.

3. Mensaje
El contenido es el rey. Cada página de tu sitio Web necesita un fin. Necesitas entender cuál es tu audiencia objetivo y qué quieres que hagan. Luego dárselos, con la información apropiada y un llamado a la acción que entiendan fácilmente.

4. Arquitectura
¿Cómo están organizadas tus páginas? ¿Son intuitivas? ¿Tu audiencia objetivo las entederá? Piensa en cómo son de diferentes Disney.com de Microsoft.com.

5. Usabilidad y Accesibilidad
El HTML todavía es un lenguaje y necesita estar bien formado y ser accessible. No todas las personas que visitan tu sitio están perfectamente capacitadas. Algunas de ellas tienen discapacidades, algunas tienen conexiones lentas, algunas no podrán instalar el plug-in de Flash. Entender tu audiciencia objetivo y tus objetivos te ayudarán a definer tus estándades de usabilidad y accesibilidad, sin lugar a dudas.

6. Mercadeo Online
Recurrir a los buscadores es todo un juego. Hazlo mal y terminarás prohibiéndote tu mismo en ellos. Hazlo bien y serás premiado con una gran cantidad de tráfico gratuito y del que necesitas. No es difícil, sólo toma experiencia y planeación.

7. Lo técnico
¿Es tu dominio fácil de recordar? ¿Es tu proveedor de Internet confiable? ¿Tienen otros 20.000 sitios hospedados en tu servidor? ¿Soportan las tecnologías que tu sitio necesita para crecer?

Componentes de un Sitio Web Exitoso
Son más numerosos de lo que crees. Y por eso hemos diseñado un diagrama para ilustrar algunos de los componentes importantes de un muy buen sitio Web.

Versión original en inglés:
Components of a Successful Website - The Iceberg Analogy

Versión traducida al español (gracias a disacido):
Componentes de un Sitio Web exitoso - La analogía del iceberg

Si deseas conocer algunos casos de estudio (en inglés) visita:

Gracias a Anieto2k.

Actualización: Otro gráfico titulado El iceberg de la experiencia de usuario, que muestra esta misma idea, lo acaban de reseñar en el blog de UsoLab.

sábado, enero 19, 2008

Manifiesto 2008 de la Experiencia de Usuario Móvil

MEX: Mobile User Experience

A finales de mayo de este año se realizará en Londrés la Conferencia MEX 2008: Mobile User Experience.

Para ella han publicado un interesante Manifiesto que deseo compartir con uds:

1. El contenido por sí mismo será la interfaz del futuro
Creemos que los iconos están muertos y el contenido por sí mismo será la nueva interfaz. Eliminando la confusión y el desorden de los elementos tradicionales como menús y barras de scroll podemos usar las fotos, la música y el video como el centro de la experiencia de usuario.

2. El teléfono ya no es sólo para la mano
Creemos que el papel de los dispositivos móviles se está expandiendo más allá de la mano. De hecho, los teléfonos están menos tiempo en ellas y están encontrando un lugar en el centro de nuestro cuarto. Esta tendencia representa un reto nuevo y mayor para la experiencia de usuario y requerirá que pensemos nuevas maneras de interactuar con los dispositivos móviles.

3. La fragmentación es el enemigo de la innovación
Creemos que la estructura actual de la industria está matando el desarrollo de aplicaciones. Hay una nueva ola de contenidos y servicios innovadores esperando a ser lanzados si construimos un entorno empresarial que le permita a estas nuevas compañías hacer dinero desde los móviles.

4. La moda/estilo es un mayor motivador que la funcionalidad
Creemos que la moda/estilo es un mayor motivador que las mismas características del producto. El color, la forma, la textura y el empaque juegan un papel importante a la hora de influenciar la decisión de compra de un móvil, más aún que la lista de especificaciones. Los márgenes más altos en el negocio de los teléfonos se logran gracias a dispositivos que se retrazan un poco en tecnología pero invierten en marca y en una mejor experiencia en las tiendas.

5. Los países en vía de desarrollo son la nueva frontera para la experiencia de usuario móvil
Es responsabilidad de la industria entregar comunicación y conectividad con Internet a estos desconectados de tal manera que sea relevante, usable y beneficioso localmente.

6. Las búsquedas requieren una estrategia radicalmente diferente en el ambiente móvil
Para encontrar respuestas los usuarios están buscando en el tiempo que les quede disponible. Los usuarios móviles necesitan acceso a un rango más amplio de técnicas de búsqueda, pero siendo suministradas dentro de una interfaz sumamente limitada.

7. Las listas de contactos inteligentes serán el centro de la interfaz de usuario futura
Creemos que la mensajería cambia la dinámica de la comunicación móvil. El punto focal natural para la próxima generación de interfaces de usuario es una lista de contactos inteligente. Mejorar la información y los servicios que puedan ser compartidos a través de redes centradas en la gente serán la mejor manera de motivar el uso de los servicios de voz, de mensajes y de datos.

8. Los pagos vía móvil predicen el próximo cambio generacional
Creemos que las aplicaciones de pago vía móvil guiarán el próximo gran salto en las comunicaciones inalámbricas, cuando nuestras interacciones con las máquinas comiencen a superar nuestras interacciones con la gente. Usar nuestros teléfonos móviles para pagar por bienes y servicios en el mundo real requiere un modelo de interacción y una interfaz de usuario de asombrosa simplicidad. El dinero y las tarjetas de crédito representan un punto de referencia impresionante – sólo cuando entregamos beneficios únicos y más allá de las soluciones existentes, los cuales explotarán los pagos vía móvil.

9. Los usuarios como personas: excepcionalmente complejo y contradictorio
Creemos que los clientes no pueden ser definidos por números o segmentos o datos demográficos. Cada usuario es excepcionalmente complejo y contradictorio. Si vamos a diseñar experiencias que identifiquen a los clientes como individuos, debemos desarrollar herramientas de investigación y técnicas de análisis que nos permitan vivir y respirar el mundo como los usuarios lo hacen.

10. El potencial de los servicios de voz inteligentes
Creemos que los amores de la industria con todas las cosas 2.0 nos están cegando a la realidad de que los usuarios están consumiendo más tiempo que nunca haciendo llamadas de voz. Hay una gran cantidad de funcionalidades potenciales y novedosas para los servicios de voz, que van desde las llamadas en conferencia y las llamadas en espera, hasta los mensajes para rechazar llamadas, los cuales están decayendo en uso por su pobre experiencia de usuario.

Gracias a InfoDesign.

viernes, enero 18, 2008

Apple MacBook Air bueno para los Discapacitados

MacBook Air

Artículo Original: MacBook Air Good For The Impaired
Author: Alexis Brion
Fecha: 16 de enero de 2008
Traducido por: Gabriel Porras

Tal parece que si no escribes la palabra "Apple" en un artículo esta semana tu Blog será ignorado totalmente. Y para ser honesto, mirando la presentación de Steve Jobs en el MacWorld me inspiré para escribir acerca de Direct Manipulation (Manipulación Directa). Quedé muy impresionado con la función multi-touch (multi-táctil) del trackpad del MacBook Air.

"Nuevas características como pasar el dedo y desplazar ayudarán a las personas discapacitadas…"

Esto no es sólo un nuevo juguete, que desde el punto de vista de la usabilidad es grandioso. Nuevas características como "pasar el dedo" y "desplazar" ayudarán a las personas discapacitadas. Como Steve Jobs mostró, ambas características funcionan en el navegador Safari, permitiendo fácilmente avanzar y retroceder y hacer scroll en la página. Todo con tus dedos.



El zoom de pantalla y el "pellizcar y ampliar" también funcionan en Safari, ayudando a las personas con problemas de visión a leer las páginas web. Otras características como "tocar" y "clic y arrastrar" también podrían ayudar a la gente con problemas para apuntar con el mouse.



Muchos se preguntarán cómo es posible que nadie lo hiciera antes. Este es el diseño, centrado en el usuario y la facilidad de uso de Apple Computers. Esto prueba que diseñar para las personas con discapacidades es actualmente diseñar para todos. Puedes mirar otros ejemplos (en inglés) de cómo la usabilidad puede ayudar a las personas con discapacidades en el blog Design vs Art.

domingo, diciembre 16, 2007

Razones para que las Empresas adopten la Accesibilidad Web



Artículo original: Business Reasons for Web Accessibility
Autor: Dennis Lembree
Traducido por: Gabriel Porras

Un sitio Web accesible disminuye sus costos, aumenta sus ventas e incrementa su buena imagen.

La mayoría de la gente sabe que la accesibilidad Web puede ser requerida por Ley y es “la forma correcta de hacer las cosas”. Pero también hay muchas razones para que las empresas la implementen.

Aumenta la cuota de mercado potencial

Haciendo un sitio Web accesible, el uso potencial de un sitio se incrementa debido a que su contenido estará totalmente disponible para aquellas personas con algún tipo de incapacidad, al igual que para quienes usan tecnologías alternativas. Esto significa una expansión en su cuota de mercado potencial, y esto usualmente se traduce en un aumento en las ventas.

Un código más liviano ahorra ancho de banda

Los sitios Web accesibles implementan los estándares Web lo cual permite un código más limpio y claro, y con menor tamaño en los archivos. Esto se traduce en un requerimiento de menor ancho de banda, lo que significa menor costo de alojamiento, dependiendo del plan de hospedaje y la cantidad de tráfico que se tenga. Adicionalmente, los usuarios verán un sitio más rápido.

No requieren formatos alternativos

Si un sitio Web es accesible, disminuye los costos de tener que dar la información a clientes discapacitados en otros formatos como en un sitio alternativo, folletos especiales o utilizar braille.

Vende más y reduce los costos de soporte

Los sitios Web accesibles, de por sí, aumentan los factores de usabilidad (especialmente para aquellos que tienen discapacidades cognitivas o son usuarios inexpertos). Lo que mejora el porcentaje de éxito entre los usuarios. Por ejemplo, los visitantes alcanzarán más fácilmente su objetivo de visita al sitio: como comprar un producto. Y puesto que el sitio es más fácil de usar, los requerimientos de soporte disminuyen.

Aumenta la imagen positiva

Si una compañía tiene un sitio Web accesible, mejora su imagen pública. Directamente muestra que la compañía es responsable y le importan sus clientes. Y esto se logra sin una publicidad costosa ni programas de promoción. Adicionalmente evitan la posibilidad de recibir una publicidad negativa (como le sucedió a Target).

Consecuencias legales

Como se mencionó en la introducción, la accesibilidad Web puede ser requerida por Ley. Por lo tanto una compañía puede evitar importantes costos legales haciendo su sitio Web accesible. Adicionalmente aunque no existiera una ley, una empresa puede tener ciertos riesgos. En Estados Unidos, la Federación Nacional de Ciegos demandó a las tiendas Target por su sitio Web inaccesible, aunque no hubiera una ley que obligue a los sitios de este tipo a ser accesibles. Y como este caso se hizo muy popular, la imagen de la corporación Target se ha visto muy perjudicada.

sábado, diciembre 01, 2007

Capire - Revista de Estrategia e Interacción

Capire - Revista de Estrategia e Interacción

Hace poco descubrí a Capire, Revista de Estrategia e Interacción. ¡Yo también me sorprendí! Faz no es la única revista de interacción que tenemos.

¿Y cómo es que nos la estabamos perdiendo? Hoy salió la ocatava edición de esta revista digital, que sale mensualmente, y nos trae estos interesantes artículos:
  • ¿Dónde estás ahora? Diseñando para la revolución de la ubicación
  • Accesibilidad: hacia el desarrollo inclusivo
  • Qué es la agilidad en e-gobierno
  • Generación de confianza y credibilidad en sitios web
  • Comprendiendo el diseño web (la traducción del artículo de Jeffrey Zeldman que les mencioné hace algunos días).
Otra excelente publicación para mi post de "Libros Publicaciones Gratis".

miércoles, noviembre 28, 2007

“Nuevos” Mitos sobre la Accesibilidad



En CssLab.cl han publicado Sobre la accesibilidad y sus implicancias implicaciones, una traducción de Accesibilidad web: 7 mitos y un equívoco, artículo originario de Lêda Spelta (psicóloga de Brasil experta en accesibilidad).

Como su nombre lo indica, nos traen 7 mitos y un concepto errado que se tienen sobre la accesibilidad. ¿Recuerdan que desde hace más de un año traduje y publiqué: Mitos y Conceptos Erróneos sobre la Accesibilidad? Es uno de mis post más leídos.

Allí les presenté estos mitos:
  1. La accesibilidad es sólo para personas ciegas
  2. Los sitios accesibles son feos y aburridos
  3. La accesibilidad es costosa y difícil
  4. Ofrecer una versión sólo texto es suficiente
  5. La personalización y la funcionalidad de lectura en voz alta es la primera cosa por hacer para mejorar la accesibilidad de un sitio
Bueno… Estos “nuevos” mitos tienen algunos puntos comunes, pero este tipo de información es para repetir y repetir hasta que todos la aprendamos:
  1. La accesibilidad web es sólo para deficientes visuales
  2. En la práctica, el número de usuarios beneficiados con la accesibilidad es muy bajo
  3. Hacer que un sitio sea accesible toma tiempo y cuesta caro
  4. Es mejor hacer un sitio especial para deficientes visuales
  5. Un sitio accesible a deficientes visuales no es bonito
  6. Mejor ir por partes: Primero construímos el sitio, luego lo hacemos accesible
  7. No podemos hacer un sitio accesible con el tiempo y recursos que tenemos
Y no olvides este otro concepto que nos presentan y que está totalmente errado: "Mi sitio está enfocado a un público específico, y no me interesan otros grupos".

Más detalles en Sobre la accesibilidad y sus implicancias implicaciones.

sábado, septiembre 29, 2007

Las 10 Pesadillas de la Usabilidad que Deberías Conocer



Artículo original:
10 Usability Nightmares You Should Be Aware Of
Autores: Vitaly Friedman and Sven Lennartz
Traducido por: Gabriel Porras

Algunas veces tan solo quieres obtener la información que estás buscando, grabarla y seguir. Pero simplemente no puedes. Las pesadillas de la usabilidad – las que más bien son una rutina diaria en lugar de una excepción – aparecen de vez en cuando; usualmente cada vez que digitas tus búsquedas en Google.

En su artículo “¿Por qué los sitios galardonados son tan horribles?” Gerry McGovern apunta que “lo externo por brillante gana premios, pero lo realmente esencial gana clientes” y esto es absolutamente cierto. No importa el diseño que tengas ni la funcionalidad que estés ofreciendo – si tus visitantes no entienden cómo pueden ir del punto A al B no usarán tu sitio.

En casi cada diseño profesional (exceptuando los diseños especiales como los portafolios) necesitas ofrecerles a tus visitantes:
- una clara navegación autoexplicativa,
- textos claros,
- un buscador y
- una estructura bien pensada y visible.

Y eso significa que simplemente debes seguir las reglas básicas de la usabilidad y del sentido común. Lo que quieres es comunicarte con tus visitantes, no espantarlos, ¿verdad?

En este artículo damos un vistazo a algunas de las pesadillas de la usabilidad que debes evitar si deseas diseñar sitios funcionales y usables. Al final del artículo también encontrarás ocho puntos que deberías tener muy en cuenta.

1. Esconder el vínculo de Login


Backpack, una de las herramientas más usables de administración organizacional y de proyectos que 37signal tiene, explica exactamente para qué debe ser usada la herramienta, cómo puede usarse y que características ofrecer. Sin embargo, una vez que te has registrado, necesitarás unos cuantos minutos para averiguar qué deberías hacer para comenzar a usar la herramienta.



El vínculo del Login (pista: en la caja amarilla) debería tener un tamaño de fuente más grande – aunque también unos iconos podrían hacer el trabajo.

2. Usar pop-ups (ventanas emergentes) para presentar contenido


Casi todos los navegadores modernos tienen un bloqueador de pop-ups, para evitar este tipo de ventanas, los bloques de publicidad y algunos contenidos de sitios reconocidos como publicidad. Firefox, Safari, Opera e Internet Explorer hacen uso de estos bloqueadores – por lo tanto la idea de usar pop-ups para presentar el contenido principal no es probablemente la idea más brillante que un diseñador web debería tener.



Sin embargo, el equipo de desarrolladores de Adidas parece que consideró que los pop-ups eran una forma creativa de acercarse a su audiencia. No es claro de qué se trata ImpossibleStory.com – la mayoría de los usuarios nunca lo averiguarán, aunque desactiven su bloqueador de pop-ups.

3. Arrastrar en lugar de tener una navegación vertical


Actualmente, esta técnica – no totalmente una pesadilla por lo que no es tan usual – podrá convertirse en una tendencia en el futuro. La acción de arrastrar, como la usamos en los documentos PDFs, también puede ser adaptada a los sitios web. Fichey ofrece una solución basada en Flash. Un acercamiento interesante, sin embargo no puedes guardar en tus favoritos ninguna parte específica del sitio – un problema típico de los diseños basados en Flash.



Una caja con información introductoria en el home informa a sus visitantes de la nueva forma de navegar. La herramienta muestra algunos sitios que están de moda. A propósito, los vínculos que muestran no funcionan – aparentemente, la herramienta muestra las capturas de pantallas, las cuales son grabadas e incrustadas como imágenes.

4. Vínculos invisibles


Tus visitantes deben saber dónde están, dónde han estado y dónde pueden ir. Si los diseñadores no presentan esta información de una manera adecuada, seguro que tendrán graves problemas con la navegación del sitio. Real Placer ha estado usando un puñado de vínculos invisibles desde hace tiempo. Mira esta imagen y los labels abajo (originalmente creados por Trenton Moss) – ¿puedes ubicar los vínculos?



Los números 1, 3, 4, 6, 7 y 11 son vínculos, mientras que los 2, 5, 8, 9 y 10 no lo son.

5. Ruido visual


Con frecuencia menos es más. El ruido visual es probablemente uno de los problemas más típicos que deben afrontar los diseñadores de los grandes sitios. Y es extremadamente fácil hacerlo mal. Como lo hace Overstock.



Adicionalmente: Tampoco es completamente claro cuáles son los vínculos y cuáles no. Además Overstock usa un variado número de presentaciones para sus vínculos y efectos “hover”. ¿Vínculo o no vínculo? Te divertirás mucho adivinando.

6. Camino sin salida


Si tienes un nuevo servicio, puedes usar diferentes métodos para mostrárselo a tus visitantes. Scriblink le da la bienvenida a sus visitantes con un pop-up y un applet de java. Así que los visitantes tienen que digitar algunos datos para comenzar a navegar.



Nada ayuda:
- hacer clic en el Cancel no ayuda,
- el OK no ayuda,
- el modo full-screen no ayuda,
- hacer clic en cualquier otra parte no ayuda,
- cerrar el navegador no ayuda,
- hacer clic en el símbolo de pregunta para pedir ayuda no funciona.

Realmente es injusto. Nosotros sólo queremos ver qué es lo que hace la herramienta…

7. Bloques de contenido cubriéndose entre ellos


Este es un problema típico que siempre aparece si tienes películas grandes de Flash. La navegación del sitio queda escondida; no importa que tan dispuestos estén los usuarios a navegar – no pueden hacerlo.



El mismo problema en Yahoo.com.



8. Navegación dinámica


Lo que parece una navegación usable, pronto se muestra de lo peor. No importa a donde apuntes con el mouse – las imágenes van de abajo a arriba y se cambia el lugar del vínculo que has “clickeado”. En la imagen de abajo se le hizo clic al vínculo “history”– y se movió; y no, las imágenes que se deslizan no vinculan a la página que quieres visitar.



El efecto aparece en ambos lados de los menús de navegación. Los visitantes necesitan algo de tiempo para entender qué es lo que está pasando. Sin embargo, una vez se entiende, la navegación ya no es tan difícil de manejar.



Lo mismo pasa en Kabe243. Adicionalmente: otra muestra de lo que es el ruido visual.

9. Los menús drop-down


Estos menús son útiles para los desarrolladores web pero casi siempre ponen los nervios de punta a los usuarios. Si tu –como diseñador – escondes los ítems de tu menú detrás de un drop-down te ahorrarás mucho espacio vertical; sin embargo los usuarios tendrán que apuntar muy cuidadosamente el mouse para ir a la sección que quieren visitar. Esto no es usable.

Y puede ser peor. Si la distancia entre los niveles de navegación es muy grande (por ejemplo si algunos ítems del menú tienen más texto) los usuarios tendrán además que mover el mouse horizontalmente. Y si el foco del mouse cambia su posición vertical, los usuarios tendrán que comenzar de nuevo.

2Advanced y Brita.net son ejemplos excelentes a estas pesadillas de la usabilidad.





Nota: Nos tomó docenas de intentos poder sacar estos screenshots.

10. Imágenes parpadeantes


Algunas veces tan solo quieres leer el contenido del sitio web que estás visitando. Y no puedes. Toca pelear contra los banners de los anunciantes quienes usan publicidad animada – usualmente gifs animados o películas en flash. En ambos casos se vuelve demasiado difícil concentrarte en la lectura si estas imágenes están parpadeando alrededor de todo el contenido.

Digital Web Magazine, un excelente magazine online, el cual leemos regularmente, tiene un aviso publicitario animado a la izquierda de cada artículo y molesta mucho.



¿Futura pesadilla? Apuntar el mouse en lugar de hacer clic


Dontclick.it, un experimento interesante en diseño de interacción, explora un ambiente sin clics. Quieren investigar cómo y qué cambia para el usuario y la interface cuando no dependes del hábito de hacer clic.



Dentro de esta interface no encontrarás ningún botón. Más bien navegas el sitio de una manera diferente – apuntando el mouse a las áreas del sitio en las cuales estás interesado. Lo que suena como algo interesante, pronto se convierte en una pesadilla de la usabilidad – tan solo imagina los usuarios tratando de abrir vínculos en una ventana nueva; además es interesante ver cómo exactamente los usuarios serán capaces de, digamos, abrir una lista de vínculos en tabs del navegador.

8 puntos que debes tener muy en cuenta


1. No uses pop-ups
Los pop-ups interrumpen la navegación de los visitantes y requieren retroalimentación inmediata. Respeta a tus visitantes.

2. No cambies el tamaño de la ventana del navegador
El mismo argumento anterior. Algunos navegadores, por ejemplo Internet Explorer, guarda su tamaño y lo usa para las navegaciones futuras. Como comenta Ben Bodien, “simple y llanamente es desconsiderado asumir que conoces mejor que el usuario como debería estar configurado su propio ambiente”.

3. No uses fuentes muy pequeñas
Los párrafos largos son más difíciles de leer y para leer frases cortas los lectores necesitan más tiempo. También aplica para vínculos, botones, formularios, cajas de texto y otros elementos. Buenas noticias – en la Web 2.0 se presenta lo contrario.

4. Usa vínculos que sean claros
Los vínculos tienen que ser precisos y clarificar el destino al cual apuntan. Las descripciones de vínculos ambiguas deben ser evitadas.

5. No debes tener enlaces rotos
Hay muchos de ellos de todas maneras; ¿por qué querrías llevar a tus visitantes a un camino sin salida?

6. Debes tener como máximo una animación por página
Si las imágenes parpadeantes están regadas por todo el sitio, es extremadamente difícil enfocarse en un único elemento. Dale a tus visitantes la oportunidad de apreciar tu contenido. Si usas publicidad animada, no la coloques a lo largo de toda la página.

7. Haz que te puedan contactar fácilmente
Tal vez porque no sólo quieras ser contactado, si tus visitantes quieren ponerse en contacto contigo, pero no encuentran ninguna información de contacto, pierdes su interés y confianza. Lo que es desastroso para las tiendas on-line y es una oportunidad perdida para el resto.

8. Abre tus vínculos en la misma ventana del navegador
Los visitantes quieren tener el control sobre todo lo que pasa en su navegador. Si ellos quieren abrir un vínculo en una nueva ventana lo harán. Si no quieren, no. Si tus vínculos abren en una nueva ventana estás tomando una decisión que no es tuya.

lunes, mayo 21, 2007

63 Recomendaciones que Debes Tener en Cuenta



Hace algunos días leí un interesante post en Daily Blogs Tips titulado 43 Errores en Diseño Web que Debes Evitar. Esta vez no traduciré el artículo completo. Sólo listaré las recomendaciones ya que son muy claras, y aún cuando se supone que son para blogs, aplican perfectamente para cualquier tipo de sitio Web. Todas ellas apuntan a que el usuario tenga una excelente experiencia de usuario y a que tu sitio sea realmente amigable, accesible, encontrable, etc.

Lo interesante es que ya no son 43, sino 63 las recomendaciones a tener en cuenta, gracias a los lectores de ese blog. Y aunque taché las que no considero adecuadas, las dejo por si opinas lo contrario.
  1. El usuario debe saber de que se trata el sitio en segundos.
  2. Haz el contenido fácilmente consultable ("escaneable").
  3. No uses tipologías decorativas que sean ilegibles.
  4. No uses tipologías diminutas.
  5. No abras ventanas nuevas del navegador.
  6. No cambies el tamaño del navegador.
  7. No exijas a tu visitante registrarte a menos de que sea absolutamente necesario.
  8. Nunca suscribas a tu visitante a algo sin su consentimiento.
  9. No uses en exceso películas en Flash.
  10. No pongas música de fondo.
  11. Si debes poner un archivo de audio deja que el usuario sea quien lo inicie.
  12. No desordenes tu sitio con insignias, emblemas o escudos de otras comunidades.
  13. No uses una página inicial que sólo lance el sitio real.
  14. Asegúrate de incluir los detalles de contacto.
  15. No dañes la funcionalidad del botón “Back” (Atrás).
  16. No uses texto parpadeante.
  17. Evita URLs complejos y enredados.
  18. Usa CSS en lugar de tablas en HTML.
  19. Asegúrate de que los usuarios puedan hacer búsquedas en todo el sitio.
  20. Evita los menús con “drop down”.
  21. Para tu navegación usa texto.
  22. Si vinculas archivos PDF infórmale al usuario.
  23. No confundas a tu visitante con varias versiones de tu mismo sitio (que HTML, Flash, 56Kbps, 128Kbps…).
  24. No mezcles la publicidad con tu contenido.
  25. Usa una estructura de navegación sencilla.
  26. Evita las “intros”.
  27. No uses Microsoft FrontPage para crear tu sitio.
  28. Asegúrate que el sitio sea compatible con varios navegadores.
  29. Asegúrate que los vínculos incluyan un texto claro. Evita el “Clic aquí” Asegúrate que los vínculos incluyan un texto claro y descriptivo. Si utilizas la frase “Clic aquí” para mejorar tu tasa de clics no la incluyas en el vínculo.
  30. No ocultes tus vínculos.
  31. Haz tus vínculos visibles. El usuario debe diferenciar claramente qué es un vínculo y qué no.
  32. No subrayes o colorees el texto normal.
  33. Haz que los vínculos visitados cambien de color.
  34. No uses GIFs animados.
  35. Asegúrate de usar los atributos ALT y TITLE en tus imágenes.
  36. No uses colores fuertes.
  37. No uses pop ups.
  38. Evita los vínculos en Javascript.
  39. Incluye vínculos funcionales en tus pies de página.
  40. Evita las páginas demasiado extensas.
  41. No generes “scroll” horizontal.
  42. No permitas errores de ortografía o gramática.
  43. Si usas CAPTCHAs asegúrate de que sean realmente legibles.
  44. No uses texto escondido.
  45. No vincules sitios prohibidos o penalizados por los buscadores.
  46. Coloca tu publicidad arriba.
  47. Adiciónate a dmoz y yahoo.com. El mismo Google lo recomienda.
  48. Ingresa a adwords.
  49. Usa las herramientas de seomoz.org.
  50. Usa un diseño o tema específico para tu sitio y se coherente con él.
  51. Publica un blog.
  52. Revisa tu ortografía y gramática. (Ya está en el punto 42.)
  53. Evita los plugings para Wordpress innecesarios.
  54. Diferencia entre tus comentarios y los de tus lectores.
  55. En tu CSS haz lo posible por usar como medida los “em” en lugar de “px” o “%”.
  56. Usa los estándares para la estructura del mapa del sitio.
  57. Usa los estándares para la accesibilidad Web.
  58. Usa técnicas de diseño centrado en el usuario.
  59. Publica un glosario.
  60. Usa palabras claves a través de todo el sitio.
  61. No uses una página tradicional para tus FAQ.
  62. Diseña teniendo en cuenta el acceso móvil.
  63. Usa las tablas en HTML para tabular datos.

viernes, abril 06, 2007

Manifiesto ATF



Artículo original:
ATF Manifesto
Autor: Accessibility Task Force del WaSP
Traducido por: Gabriel Porras

Accessibility Task Force
Reuniendo especialistas de la accesibilidad de todo el mundo, este grupo trabaja con organizaciones de accesibilidad, proveedores de tecnología y otras personas y empresas para ayudar a promover la accesibilidad Web.
Juega un papel importante ayudando a los desarrolladores y fabricantes de productos a mejorar el soporte de los estándares Web dentro de sus propios productos.
También trabaja promocionando un mejor entendimiento de la accesibilidad Web tanto en diseñadores como en desarrolladores, en empresas y entidades del gobierno.

Manifiesto ATF

El Potencial
La Web puede ser un medio democrático que de verdad les permita a las personas con discapacidades cambiar su vida. Usuarios ciegos y con problemas de la visión pueden comprar en línea. Aquellos con problemas cognitivos pueden aprender en línea a su propia velocidad. Usuarios con deficiencias auditivas pueden tener acceso a contenido multimedia. La gente se puede conocer en línea, participar y socializar sin prejuicios y, potencialmente, sin barreras de ningún tipo.

En muchos lugares esto ya es una realidad. Pero no en todas partes. Creemos que cualquiera tiene el derecho de aprovechar las ventajas y posibilidades que ofrece la Web.

El Problema
El crear páginas Web que apliquen un HTML basado en estándares y buenas prácticas de diseño es un paso esencial para asegurar que el contenido pueda ser accedido por un amplio rango de agentes, dispositivos y sistemas operativos.

Los estándares Web ofrecen muchos elementos y atributos específicos de HTML que pueden ayudar la accesibilidad, ya que estos claramente definen relaciones, proveen contenido alternativo y dan un significado más rico de lo que normalmente daría un contenido sin estructurar.

Desde sus comienzos en 1998, el Web Standards Project (WaSP) ha hecho una gran promoción por la adopción real de los estándares Web. Aunque se ha logrado un gran progreso con los desarrolladores de los navegadores, los diseñadores Web y aún algunos desarrolladores de herramientas de autor para que entiendan las ventajas y hagan uso de los estándares, aún faltan partes cruciales de la “ecuación de la Web” por ser superadas.

Las tecnologías de ayuda para usuarios con necesidades especiales (Assistive Technologies), como los lectores de pantalla, que algunas personas con discapacidades usan, aún no aprovechan al máximo las posibilidades ofrecidas por el HTML compatible con los estándares.

Las costosas y sofisticadas herramientas de administración de contenido (CMS) producen un HTML de pobre calidad, sin semántica e inaccesible.

Muchos programas de creación (incluyendo los CMS y las herramientas para blogs) no pueden ser usadas fácilmente por personas con discapacidades, porque éstas no cumplen con las Guías para las Herramientas de Autor (Authoring Tool Accessibility Guidelines -ATAG), la recomendación de la W3C para este tipo de herramientas.

Las empresas y sus desarrolladores equivocadamente creen que el desarrollo Web accesible es incompatible con la marca y lo visualmente agradable.

Y a quienes les importa les venden malas soluciones, además de costosas, gracias al nuevo fenómeno: el vendedor de la “poción mágica” de la accesibilidad – empresas que aseguran un completo entendimiento de los problemas de la accesibilidad Web y que prometen sistemas que funcionan como “cura milagrosa”, que automáticamente se encargarán de los problemas, entregando en realidad soluciones que son cualquier cosa menos accesibles.

La rápida adopción de la programación DOM y Ajax introduce nuevos problemas a considerar en el soporte de las tecnologías de ayuda (Assistive Technologies).

El Accessibility Task Force cree que ahora es el tiempo para enfrentar estos problemas. Queremos destacar aquellos con que se encuentran diariamente los diseñadores y desarrolladores quienes perpetúan los procesos y salidas inaccesibles, e intentan conseguir la rápida erradicación de los mismos. Y queremos cambiar el foco de la accesibilidad de simplemente silenciar una herramienta automática hacia las barreras reales encontradas por usuarios reales.

La Propuesta
  • Que todas las tecnologías de ayuda (Assistive Technologies) usadas para asistir la navegación en Internet entiendan todas las recomendaciones del HTML, XHTML, DOM y CSS.

  • Que los fabricantes de estas tecnologías transparentemente documenten sus productos, funciones y comportamientos en términos del soporte y la programación estándar.

  • Que todos los Sistemas de Administración de Contenido (CMSs) produzcan código semántico, accesible, válido y limpio directamente desde la caja.

  • Que los vendedores de estos sistemas CMS se aseguren que las personas con discapacidades puedan usar fácilmente sus herramientas para producir contenido Web.

  • Que los desarrolladores Web usen los estándares para producir sus sitios y, hasta donde sea posible, los prueben con las tecnologías de ayuda (Assistive Technologies) y con personas discapacitadas para asegurarse que son, tanto accesibles como usables.

  • Que la comunidad recuerde que las Guías de Contenido Accesible (Web Content Accessibility Guidelines -WCAG) son sólo una parte del rompecabezas – las Guías de Herramientas de Autor (Authoring Tool Accessibility Guidelines -ATAG), las Guías para Agentes de Usuario (User Agent Accessibility Guidelines -UAAG) y de hecho el Document Object Model (DOM) son estándares Web también.

La Promesa
  • Trabajaremos continuamente para demostrar que la accesibilidad y el HTML bien formado pueden ir de la mano con una cooperación efectiva, trabajo de marca y estética.

  • Demandaremos más de nuestras herramientas. De todas ellas. Lucharemos porque los navegadores, programas de multimedia y las tecnologías de ayuda soporten las UAAG, y porque los editores WYSIWYG, los manejadores de contenido (CMS), las herramientas para blogs, los convertidores y herramientas de multimedia soporte las ATAG.

  • Imparcialmente intentaremos conducir a todos los proveedores hacia un diálogo constructivo para ayudarles a que soporten los estándares web y así mejoren la accesibilidad.

  • Nos esforzaremos por educar a las empresas y sus desarrolladores Web, para que puedan tomar decisiones bien fundamentadas sin ser presa fácil de los vendedores de la “poción mágica” de la accesibilidad.

  • Trabajaremos en conjunto con otras Fuerzas de Trabajo (Task Forces) del WaSP y con otros grupos de trabajo relevantes como el WCAG WG para realizar patrones confiables y metodologías de tal manera que los desarrollos Web cumplan los estándares, y los sitios Web sean interactivos y accesibles y así lograr que trabajen consistentemente para los usuarios con discapacidades.

  • Finalmente, cuando un proveedor no esté dispuesto a usar e intencionalmente persiste en sus prácticas discriminatorias, usaremos los recursos que tengamos disponibles para forzar la situación.

jueves, agosto 31, 2006

Mitos y Conceptos Erróneos sobre la Accesibilidad



Artículo original: Accessibility myths and misconceptions
Autor: Roger Johansson
Fecha: 25 de mayo de 2005
Traducido por: Gabriel Porras

La conciencia sobre la Accesibilidad en la Web está creciendo, lenta pero de manera segura. Puedes leer acerca de ella en los principales sitios web y hasta en los periódicos. En Suecia hasta puedes leer de la Accesibilidad Web en la parte trasera de las cajas de leche. Y el que esté teniendo tanta atención es excelente, pero desafortunadamente que en muchos casos la información que está siendo extendida es inexacta y engañosa.

Los conceptos erróneos acerca de la Accesibilidad Web son muy comunes. Y lo que es peor aún, también vemos personas tratando de tomar ventaja del poco conocimiento que tienen los encargados de los sitios web sobre este tema. Es una tendencia molesta de la cual escribí hace algún tiempo en charlatanes de la accesibilidad [en].

Me gustaría hablar un poco de estos conceptos erróneos, con la esperanza de dar información que explique el porqué estos mitos son sólo eso: Mitos. Con toda confianza usa este artículo como una lista de chequeo cuando le vayas a explicar la Accesibilidad Web a alguien. Si estás en el final de una compra, úsala para hacerle preguntas relevantes a quien trata de venderte o venderle a tu empresa los servicios de accesibilidad.

1. La accesibilidad es sólo para personas ciegas
Aunque es verdad que las personas ciegas y con problemas visuales son un objetivo importante y entre los beneficiados son quienes obtienen mayores beneficios, la Accesibilidad Web es más que hacer posible el acceso a la información a la gente ciega. Mucho más.

La Accesibilidad Web es construir sitios que trabajen independientemente del navegador o el sistema operativo que estés utilizando, y sin importar si tienes algún tipo de discapacidad. Se trata de respetar las diferentes personas, las diferentes necesidades y gustos personales. No todos usan la Web de la misma manera, ni con el mismo equipo.

Los sitios web accesibles maximizan el número de posibles visitantes y son más fáciles de usar por todos, con discapacidades o sin ellas. Esto incluye los robots de los buscadores – visitantes ciegos o con problemas severos de visión que definitivamente no quieres dejar por fuera de tu sitio.

2. Los sitios accesibles son feos y aburridos
Si, algunos definitivamente lo son. Pero también hay millones de sitios completamente inaccesibles que son monótonos y sin vida. La accesibilidad en sí misma no tiene nada que ver con que un sitio sea aburrido y feo. Por otro lado, la falta de conocimiento de lo que es la accesibilidad y cómo hacer un sitio accesible sí puede conllevar a construir sitios que no sean visualmente atractivos.

La accesibilidad no significa remover todos los colores y gráficas: lo que significa es pensar en cómo los colores son usados y proveer un contenido alternativo para imágenes y otros objetos gráficos que son informativos o funcionales.

Feo o no – no importa como luzca un sitio, en la mayoría de los casos el contenido es el que importa. Tal vez no para el dueño del sitio y probablemente tampoco para el diseñador, pero definitivamente sí para tus visitantes.

3. La accesibilidad es costosa y difícil
Adaptar toda la accesibilidad en un sitio grande, complejo e inaccesible puede ser en algunos casos difícil, costoso y tomará mucho tiempo, es verdad. Pero si sabes cómo trabaja la accesibilidad y si haces lo correcto desde el comienzo, los costos involucrados son mucho más insignificantes. Además de que reduces el gran riesgo de tener que reconstruir el sitio después de un par de años, ya sea por cambios en la tecnología de los navegadores o por alguna legislación que lo requiera.

Construir un sitio accesible con seguridad te ahorrará dinero a largo plazo.

Desafortunadamente no es normal que los profesionales web tengan las habilidades en Accesibilidad Web, así que el problema deberá ser encontrar una firma de diseño web conocedora de este tema.

4. Ofrecer una versión sólo texto es suficiente
Algunos creen que con ofrecer una versión sólo texto de su sitio ya no necesitan hacer su sitio principal accesible. Eso es incorrecto.

Las versiones sólo texto no son una buena idea, por varias razones:

  • Ofrecen menos información y funcionalidad que el sitio principal.
  • Causan problemas a los buscadores debido a que el contenido está duplicado – ¿a cuál versión deberá llegar la gente que viene desde ellos?
  • Las versiones sólo texto segregan el público – la gente con discapacidades de los visitantes tradicionales.
  • Puede ser difícil encontrar el vínculo a la versión sólo texto.
  • No hay garantía que la versión sólo texto sea accesible.

Además, un sitio que ofrezca una versión sólo texto es más probable que sea inaccesible para muchos que no tengan discapacidades – por ejemplo cualquiera que use un navegador alternativo, gente que tenga el javascript deshabilitado o que ha configurado su navegador para no mostrar imágenes. Y también para los robots de los buscadores. ¿Por qué? Porque los desarrolladores sienten la tentación de ignorar la accesibilidad y otras buenas prácticas para la versión principal dado que supuestamente tienen una versión sólo texto.

Si todo lo demás falla, es una alternativa: la versión de solo texto. Y me es difícil imaginar tal situación.

5. Personalización y la funcionalidad de lectura en voz alta
Aunque ofrecer opciones de personalización a los visitantes –por ejemplo hacer posible el cambiar los colores del texto y del fondo, la fuente y su tamaño- es bueno, estas opciones son –al menos en Suecia- a menudo usadas como una excusa para no hacer algo por los problemas fundamentales del sitio. Hay muchos sitios que tienen posibilidades de personalización inútiles – sin valor porque sus bases son muy inestables. Cambiar unos pocos colores e incrementar el tamaño del texto sólo hace el sitio marginalmente más accesible.

Incrementar el tamaño del texto, por otra parte, lo puede hacer prácticamente cualquiera que use la web sin que los sitios provean una función especial para esto. Aún Internet Explorer para Windows puede hacerlo si se cambian sus preferencias. Informar a los visitantes cómo hacer estos cambios probablemente no es suficiente, pero si más sitios ponen esta información disponible, más gente la conocerá.

Ofrecer opciones de personalización no es algo malo. Por el contrario –es algo muy bueno. Pero no es la primera cosa por hacer para mejorar la accesibilidad de un sitio. Es mejor estar seguros de que el sitio tiene unas bases sólidas para construir en él.

Algunos sitios permiten a sus visitantes escuchar su contenido. Esta es una adición interesante que puede ser útil para algunos grupos de visitantes pero para otros sólo un truco. Como en el caso de las opciones de personalización de la apariencia del sitio, no hay nada de malo en ofrecer esta funcionalidad. Sin embargo, es mejor arreglar los problemas básicos primero y luego invertir el tiempo y dinero que te quede en las características adicionales que serán sólo atractivas.

Interesante. Quiero aprender más.
Muy bien. El conocimiento te ayudará a ver claramente las equivocaciones y la información errónea que hay por ahí, y te permitirá tomar mejores decisiones.

A continuación unos excelentes recursos si estás interesado en aprender más acerca de la Accesibilidad Web.

Web Content Accessibility Guidelines 1.0 [en] (Versión en Español):
Las actuales pautas de la W3C que explican cómo hacer el contenido Web accesible a todos los usuarios.

Access Matters [en]:
Un sitio que usa exámenes para explorar las técnicas de accesibilidad web y las mejores prácticas.

Accessify.com [en]:
Una colección de recursos útiles, vínculos a sitios de accesibilidad, un foro y mucho más.

Building Accessible Websites [en]:
La versión online del detallado libro de accesibilidad de Joe Clark. Aún mejor, compra el libro.

Dive Into Accessibility [en]:
Un libro online que explica por qué y cómo puedes hacer tu sitio más accesible.

martes, marzo 07, 2006

Principios para la Optimización en Buscadores


Artículo original: Basics of search engine optimisation
Autor: Roger Johansson
Fecha: 3 de febrero de 2005
Traducido por: Gabriel Porras

En nuestro día a día de vez en cuando nos contactan nuestros clientes para preguntarnos acerca del posicionamiento y la optimización en los buscadores. La mayoría de las veces, nuestro cliente ya ha sido abordado por un Consultor de SEO (Search Engine Optimisation / Optimización en Buscadores) quien trata de venderle, por mucho dinero, la optimización en los buscadores. La firma de SEO promete “garantía de estar en las primera posiciones” y la “adición a 500.000 buscadores y directorios”.

Muchos dueños de sitios son contactados regularmente por este tipo de compañías estafadoras, y es entendible que muchos piquen el anzuelo y comiencen a pagar por “las primeras posiciones y la adición a todo [buscador]”. Después de todo, ¿quién no quiere que su sitio esté bien posicionado en los buscadores?

En un intento de ayudar a algunos y evitar que paguen por una optimización innecesaria en los buscadores, me gustaría compartir lo que he hecho para lograr muy buenas posiciones en los buscadores, tanto para mi sitio como para los de mis clientes.

Primero, déjenme decir que no todos los consultores de SEO son estafadores –hay muchas firmas respetables en el negocio. Sin embargo, cualquiera que prometa “garantía de estar en las primera posiciones”, “adición a 500.000 buscadores y directorios”, “resultados instantáneos” o “primeras posiciones permanentes” es probablemente un estafador. No hay manera de que alguien garantice que tu sitio obtenga la posición número uno a menos de que esa persona controle los resultados del buscador, o que la primera posición sea por una palabra o frase que sólo exista en tu sitio, por supuesto.

Lo que me llama la atención, cada vez que pienso en lo que he hecho para obtener buenas posiciones en los motores de búsqueda, es lo mucho que el SEO tiene en común con la accesibilidad, usabilidad y un marcado [HTML] de alta calidad –los principios de los estándares Web. Esto lo hace aún mucho mejor: haciendo tu sitio más accesible y usable para las personas, y usando un marcado [HTML] válido y semántico [con significado], también lo hará más atractivo para los robots de los buscadores.

Considera las guías que describo aquí como un nivel básico de SEO –pruébalo primero y si aún no obtienes los resultados que quieres, entonces busca la ayuda de una firma acreditada en optimización para los buscadores. Si contactas a alguien para que optimice tu sitio, pregúntale qué es lo que le harán a tu sitio. Si te sugieren métodos sospechosos, se muy cuidadoso. Ellos pueden hacer que seas penalizado o aún peor, que seas sacado de los buscadores. De otro lado, si su sugerencia incluye lo que te estoy sugiriendo aquí, probablemente harán un buen trabajo.

1. No hay atajos
Comenzaré con las malas noticias, si lo que estás buscando es una forma rápida y fácil de obtener buenos resultados. No la hay. Por el contrario, te espera bastante trabajo, especialmente cuando se trata del contenido de tu sitio.

También necesitas paciencia. Los resultados no llegan de la noche a la mañana. Si estás trabajando en mejorar el posicionamiento en los buscadores del sitio de un cliente, probablemente deberías explicarle esto como primera medida.

2. Escribe buen contenido
Esta es probablemente la cosa más importante que necesitas hacer si quieres ser encontrado en la web. Aún, si tu sitio es técnicamente perfecto para los robots de los buscadores, éstos no harán nada a menos que esté lleno de buen contenido. ¡Si! Te lo aseguro.

Un buen contenido para mi es aquel texto que sea real y gramáticamente correcto, aunque esto no es necesariamente obligatorio para toda tipo de sitios. Y no importa de lo que sea tu sitio, el contenido necesita ser único y/o lo suficientemente específico como para ser atractivo a la gente. Más específicamente, necesita ser útil a la gente que quieres que encuentre tu sitio.

Con un buen contenido logras que tus visitantes vuelvan. Y aquellos a quienes les guste tu contenido eventualmente vincularán tu sitio, y el tener muchos vínculos que provengan de afuera es algo muy bueno para el posicionamiento en los buscadores, especialmente si esos vínculos son de sitios altamente posicionados.

Estrechamente relacionado con el buen contenido es el contenido reciente. El adicionar nuevo contenido regularmente, le da a tus visitantes una razón para volver. Los robots de los buscadores también visitarán tu sitio más a menudo una vez que se den cuenta que actualizas regularmente, lo que significa que cada nuevo contenido que adiciones será indexado más rápido.

Cuando se está trabajando para un cliente, el crear contenido de calidad es rara vez responsabilidad del diseñador web. A menudo, el cliente quiere escribir su propio “copy”, lo cual está bien si es bueno en eso y se dedica a adicionar nuevo contenido. En mi experiencia, es raro el caso que sea así. Si es posible, trata de que el cliente se de cuenta que deben contratar a alguien para que le ayude a escribir o al menos que les ayude a editar lo que han escrito. En todo caso, hazles saber claramente que no pueden esperar altos posicionamientos consistentemente sin un buen contenido.

3. Piensa en escribir correctamente [buena ortografía]
Si escribes en inglés [en nuestro caso español], probablemente eres consciente de las diferencias entre escribir en inglés norteamericano al británico [como las diferencias que pueden existir entre el español colombiano, el español (de España) o el mexicano].
[Como ejemplos de las diferencias entre los norteamericanos y los ingleses tenemos:] Colour vs. color, optimisation vs. optimization, etc. También hay muchas palabras que se escriben ortográficamente mal (y esto va para todos los idiomas).

No me gusta la idea de intencionalmente escribir mal las palabras, puesto que va contra mi definición de “buen contenido”. Si tienes dentro de tu contenido palabras que se puedan escribir de varias maneras [diferente ortografía] o que se escriben comúnmente mal, y son parte importante de tu contenido, es decir, que sean palabras claves, considera adicionar un glosario o algo similar en la página donde incluyas la mayoría de las variaciones de esas palabras.

4. Escribe títulos de página descriptivos
El hacer los títulos de las páginas sencillos, pero descriptivos y relevantes, haces que sea más fácil para los buscadores saber de qué se trata cada página, y que la gente mientras que mira en los resultados de sus búsquedas pueda determinar rápidamente si tu página contiene lo que están buscando. El título de la página también es usado para vincular tu sitio desde las páginas de resultados en los buscadores.

Debido a esto, el título es uno de los elementos más importantes de la página. Algunos argumentan que es el más importante.

Cuando se trata del orden del texto en el título, he encontrado que lo siguiente funciona bien:

Titulo del Documento | Nombre de la sección | Nombre del sitio o la compañía

Basada en esta discusión un tiempo atrás, este es probablemente uno de los mejores formatos para el texto en un titulo accesible. Nuevamente, la accesibilidad y el trabajo en SEO juntos.

No importa lo que hagas, no uses el mismo título para todos los documentos. Haciéndolo harás el trabajo más difícil para los buscadores, para la gente que navega a través de los resultados en un buscador y para los visitantes para identificar de qué se tratan tus páginas.

5. Usa encabezados [headings] reales
Usa los elementos [HTML] h1 a h6 para los encabezados. El utilizar gráficas te permitirá usar el tipo de letra que quieras, pero los buscadores no les prestarán mucha atención. Aún si usas el atributo alt para especificar el texto alternativo para las imágenes (tal como debe ser), ese texto no será ni cerca tan importante como el texto real en un encabezado. En mi experiencia, esto es verdad aún si la imagen está dentro de los encabezados.

Si no puedes usar texto real, dale un vistazo a la variedad de técnicas de reemplazo con imágenes o flash disponibles. Ten cuidado que hay un pequeño riesgo al hacerlo. Debido a que estas técnicas de reemplazo involucran el esconder el texto, es teóricamente posible que los buscadores te penalicen. Actualmente ese riesgo parece ser muy pequeño, pero no digas que no te lo advertí si llega a pasar.

6. Usa URLs amigables para los buscadores
Evita URLs generados dinámicamente y que usen el “query string” para que el servidor sepa qué información traer de la base de datos [Ej: www.sitio.com/producto.asp?id=15]. Los robots de los buscadores posiblemente tengan dificultades con este tipo de URLs –Paran en el carácter de interrogación y ni siquiera miran el “query string”.

En lugar de eso, utiliza URLs amigables para los buscadores y legibles para las personas [Ej: www.sitio.com/productos/producto1.asp]. Ayudará tanto a tu posicionamiento como a tus usuarios. He visto increíbles mejoras en los resultados de los buscadores tan solo cambiando el esquema de los URLs del sitio.

Modificar y reescribir los URLs de un sitio puede ser un poco difícil, y algunos Sistemas Manejadores de Contenido (CMS – Content Managment Systems) hacen más difícil que otros su implementación. Sin embargo vale la pena. Este par de recursos te ayudarán a hacer mejor tus URLs:

• Generando URLs simples para los Buscadores (Generating Simple URLs for Search Engines)
• mod_rewrite: Una Guía para Principiantes para la re-escritura de URLs (A Beginner’s Guide to URL Rewriting)

7. Haz que te vinculen
No hay manera fácil ni sostenible para resolver esto excepto por –lo adivinaste- proveer buen contenido. Los vínculos entrantes son muy, muy importantes para el SEO. Esto es posiblemente la parte más dura de implementar en SEO.

Sin embargo, de acuerdo a mi experiencia, los vínculos entrantes son menos importantes entre más específico y único sea el contenido. Por ejemplo, un par de clientes están en lo que podrías llamar un nicho de mercado. No tienen muchos sitios vinculándolos, y aún así comenzaron a posicionarse muy bien en los buscadores una vez les apliqué a sus sitios el conocimiento que estoy compartiendo aquí.

8. Usa un marcado [HTML] válido, semántico, ligero y accesible
La mayoría de los navegadores tienen funcionalidades avanzadas para descifrar la confusa sopa de tags que es usada en la mayoría de los sitios actuales. No puedes esperar que los robots de los buscadores hagan lo mismo. Valida tu HTML y evita el marcado [HTML] de presentación –usa un marcado [HTML] tan ligero y limpio como sea posible.
Incrementa la proporción de contenido en HTML [en lugar de gráficas], hará tu sitio más rápido y más atractivo para los buscadores.

Un marcado [HTML] de alta calidad te ayudará a aumentar tus posiciones.

La accesibilidad también es algo muy importante. El hacer tu sitio más accesible para personas con problemas visuales también te ayudará a que los robots de los buscadores se ubiquen más fácilmente. Recuerda, Google es ciego, así que aun cuando no te interese que la gente ciega use tu sitio (aunque deberías) aún quieres que sea accesible. Esto significa que deberías usar encabezados reales [h1 a h6], párrafos [p] y listas [ul, ol y li], y evitar el usar cualquier otra cosa que interfiera con los robots de los buscadores.

Flash y Javascript están bien, siempre y cuando no se requieran para navegar tu sitio y acceder información vital. No escondas tu contenido dentro de archivos de Flash o detrás de un suntuoso menú en Javascript. Prueba tu sitio con Lynx [Aquí puedes descargar este y otros navegadores para discapacitados. También hay disponibles algunos simuladores de Lynx]. Navégalo apagando las gráficas, los CSS, el Javascript y el Flash. Si te da problemas, probablemente le causará problemas a los robots de los buscadores.

9. Agrega con cuidado tu sitio a los buscadores
A menudo, aunque valorado excesivamente, el agregar un sitio a los directorios y buscadores puede ser útil, especialmente si el sitio es nuevo y no ha sido captado por Google y otros buscadores. Sigue adelante y agrégalo a Google. No te dolerá, pero casi es seguro que Google te encontrará de todas maneras.

Dos directorios que pueden ser importantes para agregar son el Directorio de Yahoo y el Open Directory Project. Se paciente -probablemente tomará varias semanas para que tu solicitud sea procesada, a menos que les pagues para que te listen.

10. No trates de engañar a los buscadores
No uses camuflaje (cloaking), granjas de vínculos (link farms), rellenado de palabras claves (keyword stuffing), texto alternativo con spam (alt text spamming) u otras métodos engañosos. Funcionarán por un corto tiempo si estás con suerte, pero corres el riesgo de ser penalizado o lo que es peor, prohibido en los buscadores, que es precisamente lo que no quieres.

Los buscadores quieren que sus resultados sean acertados, y no les gusta cuando la gente trata de engañarlos. Así que no lo hagas.

11. Evita usar marcos (frames)
Aunque es posible suministrar soluciones alternas que permitan a los robots de los buscadores avanzar lentamente en los sitios basados en marcos, éstos pueden causar problemas a la gente que encuentra tu sitio en los buscadores.

Cuando alguien sigue un vínculo de la página de resultados de un buscador a un sitio basado en marcos, llegará a un documento huérfano, fuera de su conjunto de marcos padre (frameset). Muy probablemente esto causará confusión, ya que en muchos casos partes vitales del sitio, como los vínculos de navegación, estarán ausentes.

Algunos sitios usan JavaScript o código del lado del servidor para redireccionar, a cualquiera que intente cargar un documento fuera de su conjunto de marcos, a la página inicial del sitio. Trabaja sin marcos. En todo caso son malos para la usabilidad.

12. Ten cuidado con la detección de navegadores
Si necesitas usar algún tipo de detección de navegadores, asegúrate que funcione cuando un robot de un buscador (o cualquier otro agente) llegue. Si los robots no pueden entrar, no serás encontrado. He visto que esto suceda en sitios de muchas grandes compañías.

13. No pierdas el tiempo con los meta tags
La mayoría de los buscadores ya no le dan mucho valor al contenido de los meta tags. Estos han sido usados excesivamente por spammers. Te sugiero que uses el meta de descripción [meta description] y no más. Las palabras claves no duelen, pero rara vez ayudan, así que generalmente no valen la pena.

Algunos buscadores usan el contenido del meta de descripción para describir tu sitio en los resultados de sus búsquedas, así que si es posible, pon un contenido único y descriptivo para cada documento.

Ohh. Eso estuvo demasiado largo para leer
Así que entonces, la Guía Ultra - corta para SEO: adiciona regularmente contenido de calidad y asegúrate que tu sitio esté bien construido.

¿Qué sigue?
Como lo afirmé al comienzo de este artículo, estas son guías básicas para SEO. Hay mucho más que puede ser hecho para incrementar la visibilidad de tu sitio en los buscadores, pero siguiendo la advertencia que he dado aquí este es un buen comienzo, que en mi experiencia, te llevará lejos.

Si buscas más información, aquí hay un par de libros sobre el tema:
• Search Engine Visibility
• Search Engine Optimization for Dummies

viernes, enero 13, 2006

Diez razones para aprender y usar los estándares Web


Artículo original: Ten reasons to learn and use web standards
Autor: Roger Johansson
Fecha: 6 de diciembre de 2005
Traducido por: Gabriel Porras

Si eres un diseñador o programador web, eres nuevo con los Estándares Web y estás indeciso si deberías dedicarle tiempo a aprenderlos, aquí hay algunas de las razones más importantes para que lo hagas.
Para los profesionales que ya están usando los estándares, esta lista puede ser útil para tener unos buenos argumentos. Y siéntanse libres de adicionar cualquier beneficio adicional que se les ocurra.

1. Hazte ver como un profesional
Otros desarrolladores web y potenciales jefes podrán ver tu trabajo y saber que eres una persona que le gusta mantenerse al tanto de los cambios de la tecnología y estar seguro de que tus conocimientos y habilidades están al día. Esto te hará ver como un verdadero profesional web.

2. Haz que tus clientes se vean bien
Usa los estándares web combinados con las mejores prácticas de accesibilidad y dale a tus clientes la oportunidad de hablar de cómo trabajan para todo el mundo, y lo importante que es para ellos que puedan usar sus servicios o encontrar información de sus productos. También evitarás la mala publicidad causada por negar la entrada a visitantes como: personas discapacitadas, usuarios de Mac y celulares.

3. Maximiza el número de visitantes potenciales
Tú no sabes qué dispositivos usarán tus visitantes para acceder tu sitio. Tal vez creas que lo sabes, pero a menos que estés construyendo una intranet para una compañía que tenga políticas sobre los navegadores que usan, realmente no tienes idea.
La única cosa en la que puedes estar razonablemente seguro es que están usando algo que lee HTML. Pero, usando apropiadamente los estándares web, puedes estar seguro de que has hecho tu parte para hacer que tu sitio trabaje con el mayor número posible de dispositivos de navegación.

4. Mayor velocidad de carga y menor uso de ancho de banda
El marcado [HTML] bien estructurado que separe la estructura del contenido es generalmente mucho más compacto que la “sopa” de etiquetas basada en tablas e imágenes espaciadoras [aquellos gifs transparentes hechos para generar espacios en el diseño]. Las páginas serán más pequeñas y más rápidas para cargar para tus visitantes. Te guste o no, aún hay mucha, mucha gente conectándose a Internet mediante conexiones telefónicas.
Además, si el sitio que estás haciendo tiene un plan de hospedaje con un ancho de banda limitado, páginas más pequeñas reducirán los costos, mientras que el tráfico no lo incrementará.

5. Proporciona las bases para la accesibilidad
El uso de los estándares web no garantiza que todo tu sitio será accesible para las personas con discapacidades, pero es un muy buen comienzo. Verifica que tus páginas sean válidas, que están bien estructuradas y con semántica, y estarás en el camino de obtener un sitio totalmente accesible.

6. Mejora tus posiciones en los motores de búsqueda
Un contenido bien escrito enviado a través de un marcado [HTML] limpio, bien estructurado y con semántica es una deliciosa “comida” para los robots de los motores de búsqueda, además de que te ayudará a mejorar tu posición en ellos. Esto, por supuesto, ayudará a incrementar el tráfico, que es lo que la mayoría de los sitios web quieren.

7. Hace tu marcado [HTML] más fácil de mantener
¿Cuando necesitas actualizar tu sitio prefieres ponerte a trabajar arduamente sobre muchos kilobytes de interminables tablas anidadas e imágenes espaciadoras o navegar sencillamente a través de una página limpia y bien estructurada?
Remover, insertar o editar un contenido sin presentación es mucho más fácil y más eficiente que tener que asegurarse que toda la “chatarra” encargada de la presentación está bien. Además, el usar hojas de estilos (CSS) para controlar el diseño hace mucho más fácil hacer cambios de diseño para todo un sitio.

8. Contenido con futuro
No hay manera de que alguien pueda garantizar con un 100% de certeza que sus páginas creadas y guardadas hoy electrónicamente serán legibles en 100 años. Ni siquiera en 50. Pero si separas el contenido de la presentación y usas lo estándares web actuales, has hecho tu parte para hacer que tu contenido sea legible aún después de que te hayas ido.

9. Buen sentido para los negocios
¿Por qué el dueño de un sitio cualquiera diría que no a más visitantes? ¿A un sitio más rápido? ¿A mejores posiciones en los motores de búsqueda? ¿A mejores posiciones en los motores de búsqueda? ¿No es lógico hacerlo así?

10. Es la forma correcta de hacer las cosas
El camino de los estándares web es la manera en que debimos haber hecho la web desde sus inicios. Y ahora que podemos, ¿por qué no hacerlo de la manera correcta? ¿No quieres tener una razón para sentirte bien contigo mismo?