Accesos directos para navegar por esta página: 

Cabecera de página y cambio de idioma

Empieza la cabecera de la web, con el logotipo de la empresa y el selector de idioma. Si quiere puede regresar a los accesos directos para navegar por la web

Contacta con nosotros:

Idioma:

ICTI Internet Passion

Diseñamos sitios web eficaces y te apoyamos en tus proyectos en Internet. Somos la primera consultora oficial de TYPO3 en España.

Contenido principal

Puede saltar este contenido, y regresar a los accesos directos para navegar por la web

Artículo

Ya tenemos preparada la forma, consejos previos a la redacción de contenidos accesibles

Segunda parte del artículo "Buenas prácticas para crear y redactar contenidos accesibles" con pautas para garantizar la accesibilidad de nuestros contenidos

14 de septiembre, 2011

Tipografías

Antes de redactar un post, para asegurar su accesibilidad, debemos establecer cómo se han de mostrar la información y los textos que queremos transmitir

Una vez preparada la forma en la que se van a presentar nuestros contenidos y textos, ten en cuenta estos consejos previos a la redacción.

Los colores

No abuses de los colores, ni cambies innecesariamente los colores dentro del texto (pueden confundirse con enlaces), y sobre todo, no uses el color como el único método para transmitir el contenido o distinguir elementos visuales (tipo: "en color rojo se muestra...")

Encabezados

Utiliza encabezados para resaltar e indicar el tema de los bloques de contenido, pero sigue una jerarquía siempre en orden descendente, de mayor a menor importancia, y no saltes del H3 al H5 en el siguiente titular. Además, por legibilidad, los titulares no deberían tener más de 75 caracteres.

Tipografía

Intenta no utilizar más de dos tipos de fuentes, usa letras sin serifa, que no haya demasiada separación entre cada letra, y un tamaño de unos 10-12 puntos; aunque lo ideal es que esta pueda ser modificada por el usuario para ajustarla a sus necesidades. Encontrarás más información en los artículos "Fuentes, tipos de letra y recursos tipográficos" y "Tipografía y diseño".

Cuidado con las indicaciones

No des indicaciones que dependan de la forma, tamaño, ubicación visual o del sonido, por ejemplo, "Haga clic en el icono cuadrado para continuar", "Las instrucciones están en la columna de la derecha" o "Un sonido beep le indica que puede continuar"; pues muchos usuarios podrían no comprenderlas.

No dirijas directamente al mapa web

Para muchos usuarios que utilizan lectores de texto las páginas llenas de enlaces pueden volver locas a estas herramientas.

Describe los enlaces

Utiliza frases descriptivas como texto de los enlaces o vínculos en vez de los típicos "Más info", "Ver más" o "Pincha aquí", pues así el usuario no tiene que leer el texto completo para saber dónde irá al pinchar; evita abrirlos en ventana nueva (para aclarar tus dudas sobre este tema en este post: Evitar ventanas nuevas en la navegación) y utiliza adecuadamente el atributo title (encontrarás más información en el artículo Uso apropiado del atributo title en los enlaces)

Evita o restringe, en la medida de lo posible, el uso de:

  • Mayúsculas y cursivas. Aunque son un buen recurso para enfatizar, su uso excesivo satura al usuario y dificulta la lectura. Además, la netiqueta indica que el uso de mayúsculas en medios digitales es como GRITAR ALGO. 
  • Negritas. Igual que las anteriores, se usan para enfatizar, para conducir la lectura hacia lo más importante o como guión del contenido que estamos tratando. Sin embargo, si abusamos de ellas producen el efecto contrario y disminuyen la legibilidad de nuestros textos. En general, no deberían utilizarse para frases completas ni tampoco para destacar la misma palabra en todo el artículo. (Amplía esta información en: "Si lo pones todo en negrita, nada está en negrita")
  • Subrayado. Utilízalo sólo para los enlaces, pues este uso ya está muy estandarizado y de otro modo podría confundir y desorientar.
  • Abreviaturas, acrónimos o siglas. La primera vez que las uses pon su descripción completa. Si puedes modificar el código HTML, usa los atributos "ABBR" y "ACRONYM" para que aparezca su expansión al situarte sobre ella.
  • Extranjerismos o palabras en otros idiomas. Nuestro idioma es muy rico en vocabulario, posiblemente haya una palabra española para lo que queremos expresar. Consulta las web de la RAE (Real Academia Española) y de FUNDÉU-BBVA (Fundación del Español Urgente).
    Si debes ponerla porque no hay traducción, y puedes tocar el código HTML de la página, identifica la palabra utilizando el atributo "lang" (por ejemplo, <p lang="en">) o usa marcadores que faciliten la pronunciación o su interpretación.
  • Emoticonos (por ejemplo ";)" para expresar alegría), sustitución de sílabas por números ("conteni2" por "contenidos"), representar palabras o indicaciones con símbolos o caracteres especiales (como "mayor-menor" por "> <" o "-->" por "flecha" o "mira aquí") o utilizar la "@" para indicar los géneros masculino y femenino (amig@s). Aunque su uso está muy generalizado, los lectores de texto o los dispositivos braille no son capaces de interpretarlos, leen palabras inconexas u ofrecen una interpretación diferente a la que deseamos.
    Respecto a los emoticonos, las WCAG 1.0 (Web Content Accessibility Guidelines o Pautas de Accesibilidad del Contenido Web ) ofrecen como alternativa poner el atributo ABBR con title descriptivo del mismo (Ejemplo: <ABBR title="carita con sonrisa en caracteres">:-)</ABBR>) Encontrarás más información en: "Emoticonos y accesibilidad web".

 


Buenas prácticas para crear y redactar contenidos accesibles:

¿Necesitas una web? Optimizada para buscadores, con diseño profesional y control total sobre tus contenidos

¿Qué se cuece en nuestro Twitter?

Somos la primera Consultora Oficial de TYPO3 en España, con personal certificado como TYPO3 Certified Integrator

último mensaje en Twitter

ictiweb
El 51% del tráfico de Internet no es humano http://t.co/ZqpNFktu vía @el_pais
hace 60 días
ictiweb
Retweet @monterorosa: 7 tipos de contenidos que se hacen viral en redes sociales http://t.co/EW9kNAx5 vía @carlosbravo
hace 60 días
ictiweb
11 mitos del SEO a tener en cuenta http://t.co/gR0tb3cc vía @SocialSoraya
hace 60 días
ictiweb
12 razones por las que una tienda física debe vender online http://t.co/RxeoYuBi vía @PuroMarketing
hace 64 días

Contenido secundario

Comienza el contenido secundario de la web. En él mostramos información adicional que tiene relación con el contenido principal, como por ejemplo banners, enlaces de interés, etcétera. Si quiere saltar este contenido, puede regresar a los accesos directos de navegación

Pie de página

Aquí encontrarás enlaces a otras webs del grupo, enlaces legales y enlaces para comprobar el cumplimiento de estándares web. Regresar a los accesos directos de navegación