Assignment 6: Redesign a non accesible site

ueno, la tarea de esta semana del Curso de la W3C de Introducción a las Mejores Prácticas de la Web Móvil estaba orientada a reconocer los errores a la hora de codificar una web para que se vea correctamente en los dispositivos móviles.

Para ser exactos, los objetivos eran:

  • Aprender el código y etiquetas que no debemos usar.
  • Identificar los errores de diseño y etiquetas.
  • Evitar y saberlos corregir para realizar un diseño usable desde un dispositivo móvil.
  • Aprender las técnicas para reemplazar los popups, las tablas anidadas, las tablas de maquetación, los gráficos para espaciar, los frames o marcos y los mapas de imagen.

He de decir que esta práctica, aunque me ha recordado varias cosas, ha sido más lenta y trabajosa que aprovechable, pero bueno, supongo que para demostrar que has aprendido y leido los contenidos hay que mancharse las manos…

El ejercicio en cuestión:

Aviso, no se trataba de rehacer el diseño, sino de eliminar barreras. Bueno, al menos así es como yo lo he interpretado…

Lo que más trabajo me ha dado ha sido sin duda los formularios, el tema de la localización de las oficinas y luego la maquetación.

A partir de aquí, el mensaje de entrega de la práctica (en inglés):

Assignment 6: Redesign a non accesible site

Well here is my redesign.
I didn’t change the colors, etc and I managed to arrange only the web mobility issues.

It was tested with the dot.mobi emulator.
I published the web on Bruno Rico: Gold Trade so you can look it easily.

The most annoying issues were:

  • forms: validate it.
  • tables: I splitted the rate table in three tables (one for every currency). Also made it accessible.
  • Layout: a bit annoying too.
  • Problem with the bit image of branch location: I decided not to redesign or detect dispositive, but it’s a todo! ;).
chevron_left
chevron_right

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Comentario
Nombre
Correo electrónico
Web

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.