Micaela 8 de febrero de 2010 a las 08.00
   Imprimir artículo
elWebmaster.com

Usabilidad y accesibilidad: 10 errores que nunca debes cometer


usabilidadCon el tiempo, algunas convenciones y las mejores pr√°cticas han sido desarrolladas para ayudar a mejorar la usabilidad general de los sitios web en su dise√Īo y construcci√≥n.

Aqu√≠ les dejamos diez delitos de usabilidad y algunos de los errores m√°s comunes o √°reas pasadas por alto en el dise√Īo web. Tambi√©n una soluci√≥n alternativa para ayudar a mejorar la usabilidad de tu sitio.

Crimen 1: Etiquetas de formulario que no est√°n asociados a los campos de formulario de entrada

Utilizar el atributo ‘for’ le permite al usuario hacer clic en la etiqueta para seleccionar el campo de entrada apropiado dentro de un formulario. Esto es especialmente importante para los checkboxes y campos de radio para dar un √°rea de “cliqueo” m√°s grande; es una buena pr√°ctica.

Crimen 2: un logotipo que no est√° asociado a la p√°gina principal

Vincular el logo de un sitio web a la p√°gina principal se ha convertido en una pr√°ctica com√ļn y la mayor√≠a de los que navegan la web est√°n acostumbrados a hacer clic en el logo para volver al inicio. Tambi√©n vale la pena mencionar que el logo debe aparecer en la parte superior izquierda.

Crimen 3: No especificar un estado de vínculo visitado

Los Estados de vínculos visitados hacen exactamente lo que su nombre indica. No es el selector CSS más avanzado, pero es uno que a menudo se pasa por alto. Dar a los usuarios una pista visual, para que sepan qué enlaces ya han sido visitados.

Crimen 4: No indicar un campo de formulario activo

Puedes utilizar el ¬†selector “Focus”en muchos de los elementos, pero es muy √ļtil cuando se utiliza en las entradas y √°reas de texto para indicar que el campo est√° activo. A√Īadan estilo CSS, como los bordes resaltados, o un sutil cambio en el color de fondo..

Crimen 5: Una imagen sin una descripción alt

Esta es alejarse un poco del √°mbito de la accesibilidad, pero sigue siendo una consideraci√≥n importante. Recuerden que siempre debe a√Īadir un atributo “alt” descriptivo a sus im√°genes, a menos que, por supuesto, se utilicen para fines decorativos, en estos casos el atributo ALT se puede dejar vac√≠o (pero a√ļn debe existir). Al utilizar una imagen como un v√≠nculo, escriba una descripci√≥n del lugar donde va el enlace.

Crimen 6: Una imagen de fondo, sin un color de fondo

Es com√ļn el uso de im√°genes de fondo detr√°s de los pasajes de texto, pero vale la pena recordar que si las im√°genes de fondo son deshabilitadas por el usuario, tiene que haber un tono similar en el color de fondo del formulario para evitar que el texto sea ilegible.

Crimen 7: Uso de largos pasajes aburridos de contenido

No hay nada m√°s desalentador que caer en una p√°gina web que est√° prevista como un paso contin√ļo de texto. Dividan su contenido con im√°genes, t√≠tulos y secciones claras para hacer m√°s f√°cil de buscar, leer y digerir.

Crimen 8: Cosas subrayadas que no son enlaces

Todo el mundo sabe que el texto que está subrayado o es de un color diferente, es probable que sea un enlace. No confundan a la gente poniendo texto subrayado en otra parte! Para llamar la atención sobre una determinada palabra, intenten utilizar la negrita o usen la etiqueta em para dar énfasis.

Crimen 9: Decirle a la gente que “haga clic aqu√≠”

Las palabras, “hagan clic aqu√≠” han existido desde los inicios de Internet, pero han sido rechazadas en favor de opciones m√°s √ļtiles. El uso de las palabras, “haga clic aqu√≠” requiere que el usuario lea la frase completa para saber qu√© va a suceder. En su lugar, describan lo que va a suceder en el texto verdadero del link.

Crimen 10: La utilización de texto justificado

Este es otro consejo que va un poco más allá de la accesibilidad, pero también es un punto importante a considerar. El texto justificado puede lucir limpio a la vista, pero puede generar algunos problemas de legibilidad real, especialmente para los usuarios disléxicos que pueden encontrarlo molesto para identificar palabras debido a la separación desigual de los párrafos justificados.

Fuente: Line 25


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (11)

  1. Adri√°n Olmedo dice:

    Soy el primero!!.

    Est√° muy bienn estos crimenes.

  2. raul dice:

    Otro punto interesante para la accesibilidad es usar medidas relativas (em principalmente) para el texto. Adem√°s de usar 1em como tama√Īo estandar para el texto.

  3. Abner Dom dice:

    Interesante! Lo tomare en cuenta desde ahora
    Gracias

  4. Gus dice:

    No me parece que sean errores de accesibilidad (salvo los casos 5 y 8). M√°s bien, son de desprolijidad.

  5. Davemm dice:

    De acuerdo con todo excepto con el punto 10.

    Saludos

  6. Jennifer dice:

    siempre pens√© que poner el texto justificado era mejor, jam√°s pens√© en que la distancia de los espacios podr√≠a ser molesto para algunos lectores, vaya… excelente punto.

    Por los anteriores creo que he cometido algunos crímenes de esos, me encanta resaltar con un color más claro que el de los enlaces, supongo que incluso esa diferencia de colores puede ser confusa. Con el resto no tengo problemas y me parecen válidos también.

    Gracias por la entrada =)

  7. leticia rojas dice:

    me parece muy interesante realmente son 10 errores pero ahora que leo su artículo me parece que eran horrores

  8. Civilgeek dice:

    O sea que soy un criminal en serie, pero aprenderé de estos consejosssssssssss

  9. carlos dice:

    Est√° muy bien estas nociones. Gracias por recordarlas.

  10. ImagesFreeHost.com dice:

    Para mi el m√°s grave es el 9 ya que mucha gente lo hace para que clicken en la publicidad…

  11. Blog - Pymedios, Tu Mejor Imagen en Internet dice:

    […] Pueden ver el listado completo aqu√≠ […]

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder