La capacidad de crear una página web que se pueda visualizar correctamente y sea accesible sin importar navegador o potencia de los recursos técnicos es algo que todo webmaster y desarrollador web deberia tener apuntado cada vez que trabaja en algún proyecto.

Incluso para los que no somos profesionales en este campo pero tenemos algún emprendimiento en internet es bastante correcto que nos esforzemos por crear un sitio con accesibilidad y usabilidad total, ¿cómo lograrlo?, a continuación algunos recursos y consejos.

1.  Sigue las reglas y los estandares

Lograr que un blog o sitio sea cross browser no es fácil, pero el seguir los estandares de la W3C ayuda bastante a cumplir el objetivo.

2.  No uses hacks, mejor usa Fixes

Lo puedes hacer manualmente o usando IE6 CSS Fixer.

3.  Optimiza tus imágenes

No es secreto que el tiempo de carga influye mucho para los usuarios; y es que son las imágenes las que más demoran en mostrarse, por ello es bueno siempre bajarles unos bytes con algún software para optimizar imágenes o herramientas web como Smush.it.

4. No te olvides del iPhone

Furor que causo el 3G y el iPhone es ya uno de los medios de entrada a internet que más adeptos gana dia a dia, por eso no es bueno olvidarse de él, checa como se ve tu sitio en el iPhone y si tienes un blog corriendo con WordPress optimizalo para el juguete favorito de Apple.

5. No uses tanto Flash y JavaScript

Dado que son lenguajes que para su interpretación y lectura son necesarios algunos reproductores y habilitación de opciones es recomendado usarlos sólo cuando es necesario, así se evita la falta de elementos en tu sitio web si el usuario no cuenta con tales cosas y se aligera un poco más el peso final de la página.

6. Describe tus elementos

Imágenes con el atributo ALT, enlaces con title y buen anchor text, descripciones de videos y multimedia.

7. Genera contenido legible, usable y escaneable

El contenido lo es todo, más alla de si el diseño es bueno, el contenido es el rey, hacer contenido usable y de calidad es una directriz no escrita, pero que es bueno seguir para hacer de la web una herramienta optima y completa.

8. Prueba y Comprueba

Nada más sabio que el arreglar y romper, tanto para aprender, como para mantener una website en optimo estado, usa los recursos que la web de brinda para asegurarte de que tu trabajo esta bien hecho:

• Hera, completa y muy buena herramienta que rescate de las entrañas de Webmaster Libre una suerte haberla visto.
• CrossBrowserTesting, visualiza tu website en tiempo real en todo navegador.
• IE Collection, todos los enemigos de los estandares (IE6,7 y 8 ) en uno sólo , para comprobar si se ve bien tu sitio y nada más.

También te puede interesar:

• 5 pequeños, grandes errores en el diseño de un blog (4)
• Principios y tips para un CSS optimizado (4)
• iPlotz, diseñando prototipos de websites con wireframes (0)
• ¿Como deberian ser los WordPress themes? (6)
• ¿Cómo abrir un archivo desconocido? (0)

Etiquetas: Desarrollo web Diseño optimizar Tips Usabilidad y Accesibilidad