Buscador

Mostrando entradas con la etiqueta Consejos. Mostrar todas las entradas
Mostrando entradas con la etiqueta Consejos. Mostrar todas las entradas

martes, 5 de junio de 2012

Recomendaciones para medir el grado de accesibilidad y usabilidad

Hace unos días recibí la siguiente consulta por correo electrónico:
Hola,

Soy autónoma y estoy apuntada en un Máster de comunicación 2.0. He visto en internet tus recomendaciones.

Como ejemplo, tenemos que analizar una web de noticias desde el punto de vista de la accesibilidad y usabilidad. Como ejemplo, he elegido la web : http://www.lainformacion.com.

Me gustaría saber cuales son los procesos a seguir para conocer el grado de accesibilidad y de usabilidad de esta web. Entiendo que para la accesibilidad, hay que mirar por ejemplo los componentes como imagenes y animaciones, mapas de imagen, enlaces, organización de paginas....etc....pero no sé como aplicar estos criterios a la web que he elegido....Estoy un poco confusa. Me puedes ayudar por favor. He empezado una presentación.

Muchas gracias por tu colaboración,

Reciba un cordial saludo
Además de este correo electrónico, la lectora también me envió una presentación en formato Microsoft PowerPoint con un esquema del ejercicio que piensa desarrollar.

Lo que esta lectora necesita es una metodología de evaluación de la accesibilidad web. Desgraciadamente (o afortunadamente), metodologías hay muchas y muchos usuarios acaban desarrollando su propia metodología, ya sea empezando desde cero o adaptando alguna existente.

A continuación, una lista de las principales metodologías que conozco (el orden no indica absolutamente nada):

Y por último, un artículo científico con una comparativa de diferentes métodos para evaluar la accesibilidad web: A comparative test of web accessibility evaluation methods, de Giorgio Brajnik.

miércoles, 16 de mayo de 2012

Una buena ortografía ayuda a la accesibilidad web

Es evidente, pero nunca lo había pensado hasta que lo he leído, que una buena ortografía ayuda a la accesibilidad web, no sólo a las personas ciegas que usan un lector de pantallas, como vamos a ver a continuación, sino también a las personas con problemas cognitivos o con dificultades lectoras.

Acabo de leer el artículo La ortografía puntúa en Internet, que habla de la importancia que tiene escribir bien en Internet. Por ejemplo, en el artículo se comenta que está comprobado que es más convincente un texto sin faltas de ortografía que con faltas. Desgraciadamente, en la actualidad, gracias al correo electrónico, a los SMS, a los whatsapps y a Twitter escribimos más que nunca, pero escribimos muy mal.

En el artículo se comenta una anécdota muy interesante sobre la periodista Ana Pastor, presentadora de "Los Desayunos" en Televisión Española y en el pasado, azote del PP (El PP insinúa en su web que prescindirá de Ana Pastor en 'Los desayunos de TVE'). Ana Pastor cambió su forma de escribir en Twitter en atención a los usuarios ciegos que usan un lector de pantallas:
Galli pone un ejemplo que le sorprendió: la periodista Ana Pastor, directora de Los desayunos de TVE. "Se enmendó, pero cuando empezó en Twitter escribía fatal y yo me preguntaba cómo una comunicadora con miles de seguidores hacía eso".

El caso de Pastor fue el de adaptación al medio. Ella misma cuenta que cuando llegó a la red social de los mensajes breves escribía igual que en los mensajes SMS.

"Tenía la manía de acortar con la letra ka, y en Internet hacía lo mismo. Unos cuantos me dieron caña, pero lo que realmente me hizo cambiar fue que unos usuarios ciegos me dijeron que en sus lectores no se entendían bien las palabras escritas con las kas. Desde entonces decidí cambiar, aunque alguna vez se me escape alguna. Me parece bien que la gente sea exigente con los periodistas. Cuando escribo mis cosas lo hago como me parece, pero en una red social entiendo que hay que esforzarse", cuenta.
En dos palabras, "im presionante" (perdón).

lunes, 30 de abril de 2012

Cómo hay que crear el contenido web para que sea efectivo


¿Cómo hay que crear el contenido web para que sea efectivo, para que sea útil y los visitantes estén dispuestos a dedicar unos minutos de su ocupada vida a leerlo?

En el artículo How to Create Web Content that Works proporciona 20 consejos que pueden ayudar a crear un contenido efectivo. Me ha llamado la atención porque algunos de los consejos coinciden plenamente con algunos consejos de la accesibilidad web. En realidad, cuando hablamos de estándares, diseño, usabilidad, accesibilidad, SEO o experiencia de usuario, todo ello se puede resumir en una sola palabra: CALIDAD. Todo lo anterior, y otras cosas, son factores que influyen en que un sitio web sea malo, bueno o excelente.

Los consejos que aparecen en este artículo son (a continuación del consejo, destacado en negrita, he puesto algunos ejemplos de puntos de verificación de WCAG 1.0 que guardan relación con el consejo):

  1. El contenido tiene que ser corto, preciso y bien presentado.
    1. 12.3 Divida los bloques largos de información en grupos más manejables cuando sea natural y apropiado.
    2. 13.1 Identifique claramente el objetivo de cada vínculo.
    3. 14.1 Utilice el lenguaje apropiado más claro y simple para el contenido de un sitio.
  2. Pon el contenido más importante al principio de la página.
    1. 13.8 Localice la información destacada al principio de los encabezamientos, párrafos, listas, etc.
  3. El titular de la página es tan importante como el contenido mismo.
    1. 12.1 Titule cada marco para facilitar su identificación y navegación.
  4. Utiliza los encabezados para estructura el contenido. Añade una tabla de contenido si la página es larga. Utiliza los estilos visuales (negrita, cursiva, etc.) para destacar las partes más importantes. Utiliza párrafos cortos.
    1. 3.5 Utilice elementos de encabezado para transmitir la estructura lógica y utilícelos de acuerdo con la especificación.
    2. 12.3 Divida los bloques largos de información en grupos más manejables cuando sea natural y apropiado.
  5. Evita la jerga, los acrónimos y el contenido con un lenguaje complejo.
    1. 4.2 Especifique la expansión de cada abreviatura o acrónimo cuando aparezcan por primera vez en el documento.
  6. Cuando tengas cantidades, proporciona información adicional que permita comparar la cantidad para saber cómo de grande o de pequeña es.
  7. Ponte en la piel del lector y proporcionale la información que busca.
  8. Asegúrate de que toda la información es exacta e incluye las fuentes utilizadas.
  9. Si tienes una idea para una historia, no la publiques inmediatamente. Escríbela y revísala durante varios días.
  10. Cuando escribas sobre algo muy común, descubre cómo puedes mejorar lo que otros ya han escrito.
  11. Invierte algún tiempo en “revivir” tu contenido antiguo ya publicado.
  12. El contenido debe ser accesible desde diferentes plataformas.
  13. No te olvides del estilo de impresión.
  14. Cuida la calidad de la primera imagen y de la miniatura de tu contenido.
  15. Evita las imágenes muy comunes.
  16. Crea vídeos para complementar tu contenido.
  17. Aplica consejos del SEO.
  18. Debes averiguar cuánta gente comparte tu contenido en las redes sociales.
  19. Con Google Analytics, no te fijes en “Pages Views”, fíjate en “Average Time Spent on a Page”.
  20. El objetivo no es publicar cuanto más contenido, mejor, sino publicar contenido de calidad.

domingo, 20 de noviembre de 2011

Vender la accesibilidad web

Hace unos días, un  lector o lectora de este blog (MiRuLu) me dejaba este comentario:
Llevo años intentando convencer a mis jefes de la importancia que tienen los desarrollos web teniendo en cuenta a las personas con discapacidad y por ende las pautas de accesibilidad.

Imagino que sabrás a lo que me refiero, “vender la accesibilidad” a los jefes es una ardua tarea muchas veces imposible de conseguir y IMHO creo que todas las webs deberían plantearse desde un inicio como webs accesibles… ¿¿es que a caso algún arquitecto municipal se plantea hoy en día hacer un acerado sin rampas de acceso adecuadas a discapacitados ¿? .

Creo que en España nos queda un largo camino que recorrer para desarrollar webs por y para la accesibilidad.

Me gustaría que nos dieras consejos en base a tu experiencia de cómo “vender” una web accesible, sí, digo vender por triste que suene porque en mi caso sólo me ha funcionado cuando he expuesto los valores añadidos de la accesibilidad y que se podría decir que no tienen nada que ver con los discapacitados como p.e: El posicionamiento, la longevidad de los desarrollos, los trabajos de calidad y el ahorro futuro en tiempo de cara a nuevas implementaciones etc.

Bueno, menudo reto. ¿Cómo vender la accesibilidad? En mi sitio web sobre accesibilidad web, tengo una página sobre los beneficios de la accesibilidad web, en la que se citan algunos beneficios. Tal como se indica en el comentario, algunos beneficios son "intrínsecos" o primarios porque están directamente relacionados con la accesibilidad (incrementar la audiencia de un sitio web al permitir el acceso de las personas con discapacidad, respetar los derechos de los ciudadanos, cumplir la ley, demostrar la responsabilidad social de la empresa u organización), mientras que otros son beneficios "colaterales" o secundarios (mejorar el posicionamiento en los buscadores, recucir los costes de mantenimiento futuro). Y, desgraciadamente, a veces hay que vender la accesibilidad web apelando a los beneficiones colaterales en vez de a los beneficios intrínsecos.

Los beneficios intrínsecos normalmente se asocian con las personas con discapacidad, pero en realidad, todos nos podemos ver beneficiados en distintas circunstancias. Por ejemplo, el otro día mientras impartía un curso sobre accesibilidad web en la Universidad de Alicante, saqué el tema de la accesibilidad de las estaciones de metro en Madrid (todavía hay muchas estaciones que no son accesibles). Un alumno, que había estado en Madrid hacía poco, se sorprendía de que en algunas estaciones las escaleras que había que subir equivalían a subir a un tercero. ¿La instalación de un ascensor sólo beneficiaría a una persona discapacitada que vaya en silla de ruedas? NO, por supuesto que no, también se beneficiarían:
  • Una persona con otro tipo de discapacidad, como puede ser una persona ciega.
  • Una persona que estuviese lesionada, tuviese un esguince, o mucho peor, fuese con muletas (en realidad, esto es un tipo de discapacidad transitoria o temporal).
  • Una persona que fuese con un cochecito de bebé.
  • Una persona que fuese con un carrito de la compra.
  • Una persona que fuese con una o varias maletas.
  • Una persona que estuviese cansada un día.
  • Una persona mayor.
Y seguro que hay más personas que se pueden ver beneficiadas. En realidad, todas las situaciones anteriores son discapacidades, permanentes o transitorias. O mucho mejor: son situaciones que se salen de lo condiderado como "normal" (¿existe realmente lo "normal"?), pero lo "normal" no es lo "único".

Todos nos podemos beneficiar de la accesibilidad web en algún momento. ¿Qué situaciones se te ocurren? Déjanos un comentario con tus ideas.

Para terminar, un ejemplo de lo positiva que es la accesibilidad web (y de lo negativa que es no tenerla en cuenta). Hoy, 20 de noviembre, día de las elecciones generales en España, es un buen día para revisitar la web del Senado de España. Esta web, que es una vergüenza que exista (quizás sea una muestra más de lo útil que es el Senado en España), la he criticado varias veces en los últimos meses:
Hoy en vuelto a visitar la web para comprobar si había alguna novedad y me he encontrado con lo siguiente:


En la parte inferior de la página se puede intuir algo, pero no hay barra de desplazamiento vertical, por lo que es imposible leerlo. Esa zona ampliada es la siguiente:


Si accedemos a la página con Google Chrome, tampoco podemos ver lo que hay al final de la página:



Si accedemos a la página con Opera, tampoco lo podemos ver:



Finalmente, si accedemos con Internet Explorer, ya podemos ver sin problemas lo que pone en la página:


Este es un ejemplo de discapacidad o discriminación tecnológica: considerar que todos los usuarios emplean Internet Explorer, y no preocuparse por el resto de usuarios.

MiRuLu, para convencer a tu jefe o a un cliente, le podrías preguntar si le gustaría que le obligasen a utilizar un navegador concreto para navegar por la Web, porque si utilizase otro, no podría navegar. Si te contesta que no le gustaría, dile entonces que cuando no se tiene en cuenta la accesibilidad web, se está haciendo lo mismo con muchos usuarios. Si te contesta que sí le gustaría, entonces no te empeñes en convencerle de que la accesibilidad web es importante, nunca lo conseguirás.

lunes, 24 de octubre de 2011

Tech Ease - Web Accessibility

El sitio web Tech Ease, de la University of South Florida, ofece la sección Web Accessibility con un conjunto impresionante de articulos dedicados a la accesibilidad web.

Muchos de los artículos están dedicados a cómo implementar la accesibilidad con Dreamweaver (por ejemplo, Dreamweaver Accessibility Preferences for Images o Making Text Easier to Read with Dreamweaver), pero otros artículos son genereales (por ejemplo, Benefits of Web Accessibility o Web Accessibility Myths).

La mayoría de los artículos tienen vídeos explicativos en formato QuickTime.

domingo, 23 de octubre de 2011

Los 10 principios del diseño web inclusivo

El artículo The 10 principles of inclusive web design proporciona 10 consejos que nos pueden ayudar a lograr un diseño web inclusivo. ¿Qué es un diseño web inclusivo? El diseño web inclusivo considera las necesidades de la más amplia variedad posible de personas en todo el proceso de diseño, desde la conceptualización hasta la planificación, la construcción y la terminación del sitio web.

Los consejos son:
  1. Se equitativo (Be equitable).
  2. Se ​​flexible (Be flexible).
  3. Se simple e intuitivo (Be simple and intuitive).
  4. Se perceptible (Be perceptible).
  5. Se informativo (Be informative).
  6. Se preventivo (Be preventative).
  7. Se tolerante (Be tolerant).
  8. Sin esfuerzo (Be effortless).
  9. Se complaciente (Be accommodating).
  10. Se consistente (Be consistent).
Además, en el artículo el autor explica cómo ha aplicado estos principios en el desarrollo de dos sitios web que tenían que tener en cuenta especialmente a los usuarios con algún tipo de discapacidad.

jueves, 4 de agosto de 2011

Consejos para crear páginas web accesibles

A la mayoría de la gente le gusta las listas de consejos (los tips), porque piensa que con eso es suficiente para lograr o entender algo. En el campo de la accesibilidad web esto es un error, ya que es necesaria una comprensión profunda para llegar a desarrollar páginas web realmente accesibles.

Por ejemplo, el mismísimo W3C tiene Quick Tips to Make Accessible Web Sites. El primero nos dice:
  1. Images & animations: Use the alt attribute to describe the function of each visual.
Traducido:
  1. Imágenes y animaciones: Use el atributo alt para describir la función de cada elemento visual.
 Sin embargo, la cuestión es más complicada. No todos los elementos visuales necesitan obligatoriamente un texto alternativo, y para aquellos que sí que lo necesitan, a veces no es trivial decidir cuál es el mejor texto alternativo.

De todas formas, aquí recopilo algunas listas de típicos errores o consejos para crear páginas web accesibles que he ido publicando en este blog:
Y los últimos que he encontrado:
[Actualización 13/03/2012]

martes, 2 de agosto de 2011

Cómo elegir un color adecuado para un sitio web

En varias ocasiones he escrito sobre la ceguera al color, popularmente conocida como daltonismo. El artículo Find the perfect colour for your website nos habla de ello, pero además nos explica que elegir un color no es tan sencillo si lo que queremos es crear un sitio web de proyección internacional, ya que los colores tienen distintos significados en distintas culturas.

En este artículo podemos encontrar la siguiente tabla con una serie de colores básicos y su significado en distintos países.


Así, por ejemplo, al cambiar los colores de un sitio web se pueden transmitir diferentes sensaciones:

  • El verde y el azul transmiten calma y confianza, aunque el verde es demasiado brillante.
  • El color rojo recuerda a la sangre y sugiere un daño personal.
  • El color negro implica profesional/legal, pero también implica muerte.

lunes, 1 de agosto de 2011

Características accesibles de HTML/XHTML

La página HTML/XHTML Accessibility Features contiene una lista de los elementos (etiquetas) y atributos de HTML 4.01 (XHTML 1.0) que podemos emplear para mejorar la accesibilidad de un sitio web:

Tablas
  • table: el atributo summary
  • th/td: el atributo scope
  • th/td: el atributo headers
Formularios
  • Los elementos fieldset y legend
  • El elemento label
Imágenes
  • El atributo alt
  • El atributo longdesc
En general
  • El título de la página: el elemento title
  • Los encabezados de la página: los elementos h1-h6
  • Las listas de elementos: los elementos ul/ol

viernes, 29 de julio de 2011

Accesibilidad en las redes sociales

El artículo Addressing Accessibility in Social Media ofrece algunos consejos para que el uso de las redes sociales en un sitio web no supongan nuevas barreras de accesibilidad:
User Accounts & Profiles
  • Keep it simple
  • Make it keyboard friendly
  • Provide clear feedback
Social Conversations
  • Stop spam, not people: utiliza un CAPTCHA que ofrezca una alternativa accesible.
  • Use an accessible editor: por ejemplo, CKEditor.
  • Implement accessible widgets
Media
  • Provide text alternatives
  • Require accessibility
  • Prepare guidelines
Keep Accessibility in Mind

miércoles, 22 de junio de 2011

Guía de accesibilidad y estándares

Apoyo Tecnológico para la Discapacidad, una iniciativa del Programa Nacional para la Sociedad de la Información en Argentina, ofrece una Guía de accesibilidad y estándares. Esta guía está disponible online y para descargar en formato PDF.

El contenido de la guía es:
  • Capítulo I: Qué es Accesibilidad Web
  • Capítulo II: Pautas y Leyes
  • Capítulo III: El Validador Automático
  • Capítulo IV: Las Hojas de Estilo

miércoles, 27 de abril de 2011

Los 10 errores más comunes

Lo de confeccionar listas con los errores más comunes es algo "muy común" (10 errores en el diseño de aplicaciones web, Siete errores de accesibilidad que no se deben cometer).

Acabo de encontrar una nueva lista, Web Accessibility: 10 Common Developer Mistakes. Los errores son:
  1. Too Low Contrast
  2. Color-Driven Instructions
  3. Inappropriate Alt Attributes
  4. Background Colors that Don't Contrast Images Against Text
  5. Lack of Keyboard Accessibility
  6. Flexibility with Different Text Sizes
  7. "Click Here"
  8. CAPTCHAs
  9. Text that Looks Like Links; Links that Look Like Text
  10. Links that Open Unexpectedly in New Windows

martes, 26 de abril de 2011

Análisis de un formulario de login

El artículo A Legendary Misunderstanding muestra un análisis muy minucioso de la página de login de American Express.

Este análisis es muy interesante, ya que su autor lo ha realizado desde diferentes puntos de vista y teniendo en cuenta su accesibilidad.

domingo, 24 de abril de 2011

Seis consejos para mejorar la accesibilidad para las personas con dislexia

La dislexia, que en la actualidad no se considera una enfermedad, se define como "una discrepancia entre el potencial de aprendizaje y el nivel de rendimiento de un sujeto, sin que existan problemas sensoriales, físicos, motores o deficiencias educativas". La dislexia suele afectar al proceso de lectura y dificulta la comprensión de los textos que se leen.

En el trabajo Evaluating web site accessibility: validating the WAI guidelines through usability testing with disabled users, se explica que los problemas específicos que tienen los usuarios con dislexia al navegar por la Web son:

  • El posicionamiento de los enlaces y los mecanismos de navegación. Los enlaces que se sitúan lejos en cualquiera de los lados de la página web son pasados por alto en muchas ocasiones.
  • Las páginas web abarrotadas de texto y enlaces son confusas y difíciles de leer y navegar.
En 6 Surprising Bad Practices That Hurt Dyslexic Users se explican tres problemas que afectan a las personas con dislexia y seis consejos que pueden ayudar a reducir esos problemas:
  • Efecto río: se produce cuando existen grandes huecos vacíos en el texto en líneas consecutivas. Esto se puede deber a:
    • El texto justificado. Solución: evitar el justificado, alinear el texto a la izquierda.
    • Dejar dos espacios en blanco después de cada punto. Solución: sólo dejar un espacio en blanco.
  • Efecto borroso: esto se puede deber a:
    • Texto color negro puro sobre un blanco puro. Solución: utilizar un gris oscuro sobre un gris claro, pero con el suficiente contraste.
    • Bloques de texto muy grandes. Solución: dividir el texto en párrafos pequeños, una idea, un párrafo.
  • Efecto de lavado: el texto se ve débil e indistinguible. Esto se puede deber a:
    • El uso de tipos de letra serif. Solución: usar sans serif.
    • El uso de texto en cursiva. Solución: evitar la cursiva, utilizar la negrita para destacar el texto.

miércoles, 19 de enero de 2011

25 consejos para hacer tu sitio web accesible

El artículo 25 Ways To Make Your Website Accessible proporciona 25 técnicas básicas para lograr que un sitio web sea más accesible:


1. Consistent Layout and Structure
2. Add Alternative Text to Images
3. Use Page Headings
4. Use Headings Properly
5. Skip Links
6. Link Content
7. Link Awareness
8. Be Careful With Title Attribute
9. Keep the Underline
10. Forms
11. Make All Links Accessible to Keyboard
12. Show Link Focus
13. Add ARIA Landmark Roles
14. Validate Mark-Up
15. The Three Tiers, and Progressive Enhancement
16. Use List Elements for Lists
17. Use More Than Color to Convey Meaning
18. Color Contrast
19. Mark Up Data Tables Correctly
20. Make Changes to Content Clear
21. Now, About That Flash…
22. Provide Transcriptions
23. Add Captions
24. Appropriate Language
25. Test Through Multiple Methods

viernes, 12 de noviembre de 2010

Guía de accesibilidad web para principiantes

A Complete Beginner’s Guide to Web Accessibility es una pequeña guía que explica los principales problemas de accesibilidad y cómo resolverlos. Además, también sugiere algunas herramientas.

  • Los temas tratados son:
  • What is Accessibility
  • You Are Not The Default
  • Things to Consider:
    1. Placement of Things
    2. Present Content in Different Ways
    3. Provide Easy Navigation
    4. Use HTML Tags Accordingly
    5. Do Not Rely on Colors Alone
    6. Icons and Texts for Better Context
    7. Give More Control
    8. W3C’s Guidelines and Checklist for Accessibility
  • Some Tools to Use

martes, 28 de septiembre de 2010

Consejos para escribir en la Web

En varias ocasiones he escrito sobre la legibilidad, la facilidad de lectura y comprensión de un texto:
Escribir contenido que sea fácil de entender y comprender es importante para todo el mundo, permite que la lectura sea más rápida y evita errores de interpretación. De cara a la accesibilidad de la página, las personas con discapacidades cognitivas son las que más se benefician de ello.

La página web Writing for the Web: Guidelines for MIT Libraries ofrece consejos de cómo hay que escribir para la web. La página es un poco antigua, pero los consejos siguen vigentes.

La idea principal es que la gente no lee las páginas web, sino que las ojea y escanea hasta que encuentra el contenido, el objetivo que estaba buscando. Por tanto, hay que resumir la información de las páginas web y ofrecer el contenido en capas de detalle (mediante el hipertexto) para satisfacer a toda la gente: a los que quieren poca información y a los que quieren mucha información.

Unos consejos de escritura que nos ofrecen:
  1. Call attention with useful headings.
  2. Catch the user in the first few words.
  3. Use active voice, personal pronouns, action verbs. (what you would say to them if you were talking on the phone)
  4. Set the context for users - the "given/new" principle.
  5. Use lists. (numbered lists for instructions)
  6. Give instructions with imperatives.
  7. Use parallelisms.
  8. Use words users know (simpler words).
  9. Try fragments, but not telegraphic writing.
  10. Make links descriptive.
  11. Combine the guidelines.

Y para ampliar más información, el blog Writing for the Web ofrece una gran cantidad de consejos que relacionan la escritura de contenido en la web, la usabilidad y la accesibilidad.

lunes, 20 de septiembre de 2010

Cómo crear una página para iPad

La página web 10 recomendaciones para diseñar una web para un iPad ofrece 10 consejos para crear páginas web que sean usables desde el iPad.

En realidad, estos consejos son útiles para cualquiera de las tabletas que ya existen en el mercado o que van a salir. Y también son útiles para los teléfonos móviles, ya que la convergencia entre unos y otros es cada mejor.

Además, en general, estos consejos lo que hacen es que las páginas sean más accesibles, que se puedan usar desde cualquier dispositivo o por cualquier usuario.

Los consejos son:
  1. Podemos hacer un mayor uso del scroll
  2. Mayor separación entre enlaces
  3. Resolución de las fotografías
  4. Espacio para “scrollear”
  5. Uso del flash
  6. Qué queda por encima y qué queda por debajo del scroll
  7. Desplegables, radio button, check boxes…
  8. Inserción de dato
  9. Uso de nuevos estándares para los dispositivos táctiles
  10. Testea tu página con tus usuarios reales

jueves, 10 de junio de 2010

Cinco pasos simples hacia la accesibilidad web

Mucha gente se siente agobiada cuando intenta lograr que un sitio web (que ya existe o se plantea desarrollar) sea accesible. Las pautas del W3C, ya sea WCAG 1.0 o WCAG 2.0, son muy extensas, complejas y no proporcionan una pista de "por dónde empezar". Lo más simple que ofrece es la Guía breve para crear sitios web accesibles, pero no explica mucho:
  • Imágenes y animaciones: Use el atributo alt para describir la función de cada elemento visual.
  • Mapas de imagen: Use el elemento map y texto para las zonas activas.
  • Multimedia: Proporcione subtítulos y transcripción del sonido, y descripción del vídeo.
  • Enlaces de hipertexto: Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite "pincha aquí".
  • Organización de las páginas: Use encabezados, listas y estructura consistente. Use CSS  para la maquetación donde sea posible.
  • Figuras y diagramas: Describalos brevemente en la pagina o use el atributo longdesc.
  • Scripts, applets y plug-ins: Ofrezca contenido alternativo si las funciones nuevas no son accesibles.
  • Marcos: Use el elemento noframes y títulos con sentido.
  • Tablas: Facilite la lectura línea a línea. Resuma.
  • Revise su trabajo: Verifique. Use las herramientas, puntos de comprobación y pautas de http://www.w3.org/TR/WCAG.

El artículo 5 Basic Steps Towards Website Accessibility ofrece cinco consejos sencillos:
  • Add alt attributes
  • Add skip links
  • Provide focus for keyboard navigation of links and forms
  • Use meaningful text for your links
  • Think about color

martes, 25 de mayo de 2010

10 ideas para mejorar la accesibilidad web en tu blog

Consejos para lograr que un blog sea más accesible: 10 ideas para mejorar la accesibilidad web en tu blog. Nada nuevo, pero conviene recordar estos consejos básicos de vez en cuando:

  1. Escribe texto alternativo.
  2. Identifica el idioma principal y los cambios de idioma.
  3. Usa un lenguaje sencillo y sin errores de ortografía.
  4. Escribe títulos en cada página y escribe metadata.
  5. Evita transmitir información a través del color (únicamente).
  6. Diseña bonito, pero con el contraste suficiente.
  7. Utiliza diseños en CSS y evita toda maquetación con tablas.
  8. Sé bueno con las tablas y márcalas como Dios manda.
  9. No te duermas a la hora de marcar la estructura.
  10. Declara el tipo de documento.