El original y una traducción, libre, de la lista de 60 buenas prácticas que tratan en profundidad:
- Asegura que el contenido al que da acceso un URI dé una experiencia temáticamente coherente al acceder a él desde diferentes dispositivos.
- Explota las capacidades de los dispositivos para mejorar la experiencia de usuario.
- Toma pasos razonables para subsanar las implementaciones deficientes.
- Haz pruebas sobre dispositivos reales, además de en emuladores.
- Haz breves los URIs de los puntos de entrada.
- Da solo una navegación mínima en lo alto de la página.
- Ten en cuenta los compromisos entre tener demasiados enlaces en una página y pedir al usuario que siga demasiados enlaces para llegar a lo que busca.
- Da mecanismos de navegación consistentes.
- Asigna teclas rápidas a los enlaces de los menús de navegación y a la funcionalidad de uso frecuente.
- Identifica claramente el objetivo de cada enlace.
- Anota el formato del fichero enlazado a menos que estés seguro de que el dispositivo lo soporta.
- No uses mapas de imagen a menos que sepas que el dispositivo los soporta de manera efectiva.
- No uses pop-ups ni hagas aparecer otras ventanas ni cambies la ventana actual sin avisar al usuario.
- No crees páginas que se autorefresquen periódicamente a menos que informes al usuario y le dotes de un mecanismo para detener el refresco.
- No uses marcado para redirigir páginas automáticamente: configura el servidor para hacer las redirecciones mediante códigos HTTP 3xx.
- Minimiza el número de recursos externos enlazados.
- Asegúrate de que el contenido es adecuado para su uso en un contexto móvil.
- Usa lenguaje claro y simple.
- Limita el contenido a lo que el usuario ha pedido.
- Divide el contenido en porciones usables pero limitadas.
- Asegúrate de que el tamaño total de la página sea apropiado para las limitaciones de memoria del dispositivo.
- Limita el ‘scroll’ a una dirección, a menos que el scroll secundario sea inevitable.
- Asegúrate de que el material central al significado de una página preceda al que no lo es.
- No uses gráficos para el espaciado.
- No uses imágenes que no puedan mostrarse en el dispositivo. Evita las imágenes grandes o de alta resolución excepto cuando de otra forma se perdería información crítica.
- Asegúrate de que la información comunicada a través del color también esté disponible sin este.
- Asegúrate de que la combinación de color de primer plano y fondo dé suficiente contraste.
- Al usar imágenes de fondo, asegura la legibilidad del contenido en el dispositivo.
- Usa títulos de página breves pero descriptivos.
- No uses marcos.
- Usa las características del lenguaje de marcado para indicar la estructura lógica del documento.
- No uses tablas a menos que sepas que el dispositivo las soporta.
- No uses tablas anidadas.
- No uses tablas para maquetar.
- En la medida de lo posible, da una alternativa para las presentaciones tabulares.
- Da un equivalente textual para cada elemento no textual.
- No confíes en objetos embebidos ni scripts.
- Especifica el tamaño de las imágenes en el marcado, si tienen un tamaño intrínseco.
- Cambia el tamaño de las imágenes en el servidor, si tienen un tamaño intrínseco.
- Crea documento que validen según las gramáticas formales publicadas.
- No uses medidas en píxeles ni unidades absolutas en los valores de los atributos de los lenguajes de marcado y valores de las propiedades de las hojas de estilo.
- Usa hojas de estilo para controlar la maquetación y la presentación, a menos que sepas que el dispositivo no las soporta.
- Organiza los documentos de forma que puedan leerse, en caso necesario, sin las hojas de estilo.
- Usa hojas de estilo cortas.
- Usa marcado conciso y eficiente.
- Envía el contenido en un formato que sepas que el dispositivo soporta.
- Siempre que sea posible, envía el contenido en un formato preferente.
- Asegura que el contenido use una codificación de caracteres soportada por el dispositivo.
- Indica en la respuesta la codificación de caracteres usada.
- Da mensajes de error informativos y formas de navegar desde la página de error a información útil.
- No confíes en que las cookies estén disponibles.
- Da información de caché en las respuestas HTTP.
- No confíes en los estilos de las tipografías.
- Minimiza las pulsaciones de teclas.
- Evita la entrada de texto libre en la medida de lo posible.
- Da valores por defecto preseleccionados siempre que sea posible.
- Especifica modo de entrada de texto, idiomas y/o formatos de entrada por defecto, si el dispositivo los soporta.
- Crea un orden lógico para los enlaces, controles de formulario y objetos.
- Etiqueta todos los controles de formulario apropiadamente y asocia explícitamente las etiquetas con los controles.
- Posiciona las etiquetas de forma que que queden dispuestas apropiadamente en relación a los controles a que se refieren.
Pocas sorpresas, mucho sentido común y un lenguaje, inevitablemente, políticamente correcto. Pero una buena lista de cosas a tener en cuenta cuando nos ponemos a desarrollar.
Deja una respuesta