Specifications for a Web Accessibility Conformity Assessment Scheme and a Web Accessibility Quality Mark (CWA 15554-2006) es la norma del Comité Europeo de Normalización (CEN) que constituye la base de la certificación europea en materia de accesibilidad web.
sábado, 30 de octubre de 2010
jueves, 28 de octubre de 2010
Validator.nu
Validator.nu es un potente validador que permite validar HTML5 (de modo experimental) y otros lenguajes:
- HTML5 (experimental)
- HTML5+ARIA (experimental)
- HTML5+ARIA, SVG 1.1 plus MathML 2.0 (experimental)
- HTML 4.01 Strict + IRI / XHTML 1.0 Strict + IRI
- HTML 4.01 Transitional + IRI / XHTML 1.0 Transitional + IRI
- HTML 4.01 Frameset + IRI / XHTML 1.0 Frameset + IRI
- XHTML5 (experimental)
- XHTML5+ARIA, SVG 1.1 plus MathML 2.0 (experimental)
- XHTML 1.0 Strict, SVG 1.1, MathML 2.0 + IRI
- XHTML 1.0 Strict, Ruby, SVG 1.1, MathML 2.0 + IRI
- XHTML Basic + IRI
- SVG 1.1+IRI, XHTML5+ARIA plus MathML 2.0 (experimental)
lunes, 25 de octubre de 2010
¿Qué navegadores usa la gente? (2010)
En la página web W3C Counter - Global Stats y W3Schools Browser Statistics se ofrecen estadísticas de uso de los navegadores, resoluciones de pantalla, sistemas operativos y otras categorías.
Respecto a los navegadores, los datos que ofrecen estos dos sitios sobre su uso son (datos de septiembre de 2010):
W3Counter
W3Schools
[Actualización 15/11/2010] Datos de StatCounter para el mes de septiembre 2010:
Estadísticas de años anteriores:
Respecto a los navegadores, los datos que ofrecen estos dos sitios sobre su uso son (datos de septiembre de 2010):
W3Counter
- Internet Explorer 43.3%
- Firefox 30.4%
- Chrome 11.4%
- Safari 5.5%
- Opera 1.6%
W3Schools
- Internet Explorer 31.1%
- Firefox 45.1%
- Chrome 17.3%
- Safari 3.7%
- Opera 2.2%
[Actualización 15/11/2010] Datos de StatCounter para el mes de septiembre 2010:
- Internet Explorer 49.9%
- Firefox 31.5%
- Chrome 11.5%
- Safari 4.4%
- Opera 2%
Estadísticas de años anteriores:
viernes, 22 de octubre de 2010
Pautas para lograr que la información sea accesible a través de la lengua de signos en la Web
Guidelines for making information accessible through sign language on the web (CWA 14835-2003) es un estándar del Comité Europeo de Normalización (CEN), que proporciona pautas para proporcionar información de forma accesible a través de la lengua de signos en la Web.
El contenido del documento es:
Foreword
Introduction - Motivations for sign language in the web
1 Scope
2 References
3 Guidelines for sign language on the web
3.1 General
3.2 Advice for translation and recording of sign language
3.3 Recording and compression of sign language video for the web
3.4 Embedding and linking of sign language video in web pages
3.5 Server considerations for sign language in the web
3.6 Add media for extended usability
3.7 Use of synthetic sign language
3.8 Icon for indication of sign language availability
3.9 Examples
El contenido del documento es:
Foreword
Introduction - Motivations for sign language in the web
1 Scope
2 References
3 Guidelines for sign language on the web
3.1 General
3.2 Advice for translation and recording of sign language
3.3 Recording and compression of sign language video for the web
3.4 Embedding and linking of sign language video in web pages
3.5 Server considerations for sign language in the web
3.6 Add media for extended usability
3.7 Use of synthetic sign language
3.8 Icon for indication of sign language availability
3.9 Examples
miércoles, 20 de octubre de 2010
Diseño interactivo para todos: usable y accesible
El próximo jueves 28 de diciembre se va a celebrar el evento Diseño interactivo para todos: usable y accesible en Buenos Aires (Argentina). El evento consiste en:
El evento Diseño Interactivo para todos: usable y accesible, constituye el puntapié inicial del Movimiento de Diseño Inclusivo.Se puede encontrar más información en el programa.
Comenzaremos con 12 profesionales seleccionados por un jurado, que expondrán sus ideas, investigaciones y trabajos relacionados a:
Para después, armamos un panel sobre usabilidad, accesibilidad y negocios, que incluye una demostración de accesibilidad en vivo.
- Metodologías de diseño centrado en el usuario
- Accesibilidad web
- Usabilidad
Para el cierre, una inauguración: presentaremos el Movimiento de Diseño Inclusivo. Y, brindis por medio, invitaremos a firmar el Manifiesto de Diseño Inclusivo.
martes, 19 de octubre de 2010
Cómo crear tablas complejas que sean accesibles
Dos vídeos muy interesantes que explican cómo crear tablas de datos en HTML que sean accesibles:
Estos vídeos explican el empleo de elementos como abbr, scope, headers y id.
Más información:
Estos vídeos explican el empleo de elementos como abbr, scope, headers y id.
Más información:
domingo, 17 de octubre de 2010
¿Captcha accesible? No
Los captchas, esos pequeños acertijos que la mayoría de la gente rellena sin saber para qué, son pequeñas pruebas del tipo desafío-respuesta que se emplean para diferencias los ordenadores de los humanos. ¿Para qué? Para evitar algunos usos indebidos de la Web, como puede ser la obtención masiva de cuentas o la inserción de SPAM como comentarios en foros y blogs.
Hace tiempo escribí sobre el problema de accesibilidad que presentan las técnicas actuales de captcha, ya que con el objetivo de "ponérselo difícil a las máquinas", también se lo ponen difícil a muchas personas y en especial a algunos grupos de personas con discapacidad. En septiembre de 2007 escribí el artículo Los captcha y la accesibilidad web, donde explicaba qué es un captcha y los problemas que existen, y en junio de 2009 escribí el artículo Más sobre captcha y accesibilidad, donde habla de un captcha que su autor decía que era accesible, pero que presentaba el problema de la barrera idiomática que hacía que no fuese de aplicación universal.
En febrero de 2010 escribí un artículo sobre las Encuestas sobre uso de lectores de pantalla que realizó y publicó el WebAIM. En dichas encuestas, aparecían los captchas como uno de los "elementos más problemáticos (difíciles y confusos) de las páginas web".
Ahora acabo de encontrar la página web Accessible Captchas que también propone un método de captcha supuestamente accesible.
Al autor de este captcha parece que le interesa bastante el tema, porque también tiene otras propuestas de captcha, algunos bastante rebuscados (probar una demo).
Hace tiempo escribí sobre el problema de accesibilidad que presentan las técnicas actuales de captcha, ya que con el objetivo de "ponérselo difícil a las máquinas", también se lo ponen difícil a muchas personas y en especial a algunos grupos de personas con discapacidad. En septiembre de 2007 escribí el artículo Los captcha y la accesibilidad web, donde explicaba qué es un captcha y los problemas que existen, y en junio de 2009 escribí el artículo Más sobre captcha y accesibilidad, donde habla de un captcha que su autor decía que era accesible, pero que presentaba el problema de la barrera idiomática que hacía que no fuese de aplicación universal.
En febrero de 2010 escribí un artículo sobre las Encuestas sobre uso de lectores de pantalla que realizó y publicó el WebAIM. En dichas encuestas, aparecían los captchas como uno de los "elementos más problemáticos (difíciles y confusos) de las páginas web".
Ahora acabo de encontrar la página web Accessible Captchas que también propone un método de captcha supuestamente accesible.
Al autor de este captcha parece que le interesa bastante el tema, porque también tiene otras propuestas de captcha, algunos bastante rebuscados (probar una demo).
viernes, 15 de octubre de 2010
Accesibilidad de los sitios web de varias universidades españolas
En el periódico El Mundo se ha publicado la noticia Las universidades españolas mejoran en la accesibilidad web de sus portales.
No es la primera vez que se publica un informe de este tipo. Por ejemplo, en 2006 publiqué Las universidades españolas siguen teniendo problemas de accesibilidad y en 2007 Accesibilidad de las webs de las universidades españolas.
En esta noticia podemos leer:
La noticia se hace eco del informe Accesibilidad de Portales Web Universitarios publicado por Discapnet. En su página web podemos encontrar el informe completo en varios formatos (versión detallada, sintética y en inglés).
En la siguiente tabla del informe, se resume la accesibilidad de cada sitio web, medida como los criterios cumplidos (bien), no cumplidos (mal), no aplicados (N/A) y porcentaje de éxito por cada portal:
Según este estudio, el sitio web con peor nivel de accesibilidad es la web de la Universidad Nacional de Educación a Distancia (UNED). Es bastante curioso y a la vez escandaloso este resultado, ya que la web de la UNED, una universidad de educación a distancia donde se supone que el empleo de las nuevas tecnologías y de la Web como soporte al proceso educativo es algo básico e imprescindible hoy en día.
Por último, en la siguiente tabla podemos ver el número de ocasiones en que se aplica, superado, no superado y porcentaje de éxito por criterio analizado:
Como criterio de mayor grado de cumplimiento destaca el de tablas de maquetación; el porcentaje de éxito indica los casos en los que el contenido se ha estructurado mediante tablas y éstas se linearizan adecuadamente, lo cual es necesario para una navegación mediante lector de pantalla. Sin embargo, habría que recordar que lo correcto es maquetar sin tablas, ya que para la maquetación se debe emplear CSS.
No es la primera vez que se publica un informe de este tipo. Por ejemplo, en 2006 publiqué Las universidades españolas siguen teniendo problemas de accesibilidad y en 2007 Accesibilidad de las webs de las universidades españolas.
En esta noticia podemos leer:
Los resultados indican que, en comparación con los estudios realizados en 2004 y 2006, el promedio de cumplimiento de los criterios de accesibilidad ha mejorado, si bien sólo cuatro portales de la muestra estudiada superan el 50% del éxito de cumplimiento. En concreto, los sitios web con mayores niveles de accesibilidad son el portal de Universidades del Ministerio de Educación -con un 81% de cumplimiento- y el sitio web de la Universidad Complutense de Madrid -con un 72%-. A continuación se sitúan la Universidad del País del Vasco (55%) y la Universidad de Barcelona (54%), calificados como sitios web moderadamente accesibles.
El resto de sitios web no superan el 50% de cumplimiento de los criterios de accesibilidad lo que supone, según el informe, que ofrecen un nivel de accesibilidad bajo, con bastantes dificultades y barreras de acceso a los contenidos para las personas con discapacidad. Son, por tanto, no accesibles los sitios web de la Universidad de Las Palmas de Gran Canaria (46% de cumplimiento), la Universidad de Santiago de Compostela (44%), la Conferencia de Rectores de Universidades Españolas (36%), la Universidad de Alcalá de Henares (35%), la Universidad de Valladolid (32%), la Universidad de Granada (32%), la Universidad de Deusto (27%), la Universidad de Sevilla (26%), la Universidad de Navarra (26%), la Universidad de Valencia (24%) y la Universidad Oberta de Catalunya (24%). Cierra la tabla la Universidad Nacional de Educación a Distancia, con tan sólo un 14% de cumplimiento de los criterios de accesibilidad de su portal.
La noticia se hace eco del informe Accesibilidad de Portales Web Universitarios publicado por Discapnet. En su página web podemos encontrar el informe completo en varios formatos (versión detallada, sintética y en inglés).
En la siguiente tabla del informe, se resume la accesibilidad de cada sitio web, medida como los criterios cumplidos (bien), no cumplidos (mal), no aplicados (N/A) y porcentaje de éxito por cada portal:
Según este estudio, el sitio web con peor nivel de accesibilidad es la web de la Universidad Nacional de Educación a Distancia (UNED). Es bastante curioso y a la vez escandaloso este resultado, ya que la web de la UNED, una universidad de educación a distancia donde se supone que el empleo de las nuevas tecnologías y de la Web como soporte al proceso educativo es algo básico e imprescindible hoy en día.
Por último, en la siguiente tabla podemos ver el número de ocasiones en que se aplica, superado, no superado y porcentaje de éxito por criterio analizado:
Como criterio de mayor grado de cumplimiento destaca el de tablas de maquetación; el porcentaje de éxito indica los casos en los que el contenido se ha estructurado mediante tablas y éstas se linearizan adecuadamente, lo cual es necesario para una navegación mediante lector de pantalla. Sin embargo, habría que recordar que lo correcto es maquetar sin tablas, ya que para la maquetación se debe emplear CSS.
jueves, 14 de octubre de 2010
Nueva edición del Máster tecnologías accesibles para los servicios de la sociedad de la información
En el 2008 se realizó la primera edición del Máster UOC-Technosite en Tecnologías Accesibles para la Sociedad de la Información.
El próximo 28 de octubre de 2010 comienza la segunda edición del Máster tecnologías accesibles para los servicios de la sociedad de la información. UOC Technosite.
Ofrece cuatro especialidades con el siguiente temario:
Gestión de contenidos web
El próximo 28 de octubre de 2010 comienza la segunda edición del Máster tecnologías accesibles para los servicios de la sociedad de la información. UOC Technosite.
Ofrece cuatro especialidades con el siguiente temario:
Gestión de contenidos web
- El diseño para todos
- Introducción a la accesibilidad web
- Las directrices de accesibilidad web
- Diseño de sitios web accesibles
- Maquetación y desarrollo de contenidos
- Proyecto
Evaluación de contenidos web
- Evaluación de la accesibilidad web: técnicas y herramientas
- Evaluación de la accesibilidad web: ayudas técnicas y navegadores
- Evaluación de la accesibilidad en Flash
- Evaluación de la accesibilidad en documentos PDF
- Proyecto
Desarrollo de contenidos interoperables
- Interoperabilidad de los contenidos
- Contenidos accesibles para aplicaciones web 2.0
- Accesibilidad en dispositivos móviles
- Accesibilidad en cajeros automáticos y máquinas expendedoras
- Accesibilidad en otras aplicaciones informáticas.
- Proyecto
Tendencias tecnologicas en materia de accesibilidad
- Sociedad de la información e infoaccesibilidad
- Interoperabilidad y compatibilidad de las ayudas técnicas
- Desarrollo de aplicaciones accesibles
- Investigación en accesibilidad y discapacidad
- Proyecto
martes, 12 de octubre de 2010
Soporte de ARIA en JAWS
Descripción de las características de ARIA que soporta JAWS: JAWS Support for ARIA. También está disponible como un documento de Word.
martes, 5 de octubre de 2010
Posibles eventos para SXSW 2011
SXSW (South by Southwest) es un macro congreso (o festival) compuesto de tres áreas (cine, música e interactividad) que se celebra desde 1987 en Austin, Tejas (Estados Unidos).
SXSW es un congreso "dirigido por la comunidad", porque las conferencias que se celebran son elegidas por la gente, que mediante votaciones, participa con un 30% en la decisión final de las actividades que se celebrarán.
En el apartado de interactividad, podemos encontrar que se han propuesto 39 conferencias relacionadas con la accesibilidad (no todas se celebrarán, aún no se ha tomado una decisión). En esta lista de conferencias podemos encontrar algunas muy interesantes de personas muy importantes en el mundo de la accesibilidad web:
SXSW es un congreso "dirigido por la comunidad", porque las conferencias que se celebran son elegidas por la gente, que mediante votaciones, participa con un 30% en la decisión final de las actividades que se celebrarán.
En el apartado de interactividad, podemos encontrar que se han propuesto 39 conferencias relacionadas con la accesibilidad (no todas se celebrarán, aún no se ha tomado una decisión). En esta lista de conferencias podemos encontrar algunas muy interesantes de personas muy importantes en el mundo de la accesibilidad web:
- Changing the Web Accessibility Game Plan, de Jared Smith, WebAIM (Web Accessibility In Mind)
- Secret Revealed: How to be Successful, with Accessibility, Shawn Henry, W3C WAI, uiAccess
- The Gestalt of Website Usability and Accessibility, de Elizabeth Gibson, AT&T
DevOpera Accessibility
La página web dedicada a la accessibilidad del sitio web Opera Developer Community contiene algunos artículos muy interesantes, como por ejemplo:
Yahoo! Accessibility
Yahoo! Accessibility es un blog del equipo de Yahoo! dedicado a la accesibilidad. Por ahora no contiene muchos recursos a la accesibilidad web.
lunes, 4 de octubre de 2010
Curriculum de Evaluación de la Accesibilidad Web
Curriculum de Evaluación de la Accesibilidad Web (Web Accessibility Evaluation Curriculum) es el resultado de un proyecto financiado por el 6° Programa Marco de la Unión Europea.
El objetivo de este curriculum es proporcionar un método de trabajo unificado para los evaluadores de accesibilidad web que deseen comprobar sitios web con una metodología de evaluación consensuada en el ámbito europeo y en el contexto de la certificación de la accesibilidad web.
Este curriculum está organizado en cuatro módulos:
El curriculum se ofrece en diferentes idiomas: alemán, francés, holandés, inglés y español.
El objetivo de este curriculum es proporcionar un método de trabajo unificado para los evaluadores de accesibilidad web que deseen comprobar sitios web con una metodología de evaluación consensuada en el ámbito europeo y en el contexto de la certificación de la accesibilidad web.
Este curriculum está organizado en cuatro módulos:
Módulo 1: Accesibilidad Web en Europa
El módulo 1 proporciona una explicación de la historia y de los desarrollos actuales en el campo de la accesibilidad web en Europa, conteniendo información acerca de las actividades del World Wide Web Consortium, los desarrollos actuales en los estados europeos y las recomendaciones de los Planes de Acción eEurope 2002, 2005 e i2010.
Módulo 2: Cómo usan la Web las personas con discapacidad
El módulo 2 contiene ejemplos de las principales ayudas técnicas (lectores y magnificadores de pantalla, sintetizadores de voz, líneas braille, etc.) y muestra cómo esas ayudas técnicas ayudan a los distintos tipos de personas con discapacidad a explorar la web. Además, el módulo resume algunas características básicas de los exploradores web más utilizados.
Módulo 3: Metodología de evaluación
El módulo 3 presenta una metodología de evaluación consensuada. ésta se ha consolidado a través de la Metodología UWEM 0.5 y tres esquemas ya usados en la práctica para la certificación de accesibilidad web por los socios del proyecto Support-EAM. La metodología proporciona una serie de tests para chequear un sitio web conforme a las pautas de accesibilidad para el contenido Web 1.0 de prioridad 1, incluyendo ejemplos sobre los que se han aplicado esos test. Por otra parte, también hay información sobre herramientas de soporte para el evaluador.
Módulo 4: Esquema de certificación y sello de calidad
El módulo 4 describe un esquema para la Certificación de la accesibilidad web a nivel europeo que ha sido desarrollado según acuerdo del CEN/ISSS. También proporciona al lector información sobre los sellos de calidad europeos existentes y recomendaciones para un posible sello de calidad europeo para la accesibilidad web.
El curriculum se ofrece en diferentes idiomas: alemán, francés, holandés, inglés y español.
domingo, 3 de octubre de 2010
Deque Worldspace
Acabo de encontrar Deque Worldspace, una herramienta de análisis (o revisión) de la accesibilidad web que posee ciertas características que la diferencian del resto. Permite revisar la accesibilidad respecto Section 508, WCAG 1.0 y WCAG 2.0. Es capaz de analizar el código JavaScript y encontrar ciertos problemas de accesibilidad.
Además, también existe Qompliance, un plug-in para el navegador Mozilla Firefox que permite a esta herramienta de revisión desde el navegador.
Además, también existe Qompliance, un plug-in para el navegador Mozilla Firefox que permite a esta herramienta de revisión desde el navegador.
viernes, 1 de octubre de 2010
¿Cuánto cuesta auditar la accesibilidad de un sitio web?
Pues no he encontrado precios de compañías españolas, pero sí que he encontrado una compañia del Reino Unido llamada Shaw Trust, que en su página Services and Pricing ofrece los siguientes servicios y precios:
- Full Audit - Website, Intranet or Extranet: From £4,650
- Annual re-accreditation: From £2,800
- Template testing: From £2,000 (for 1 – 10 templates)
- User testing: From £1,680 per day
- Consultancy: From £500 per day
- Training for web developers or authors: From £100 per delegate, maximum 15 delegates, minimum 10 delegates, plus trainers' travel expenses
- Podcast/Video: Podcast/Video of the testing day from £350
jueves, 30 de septiembre de 2010
¿Quién dice que los sintetizadores de voz son malos?
Un lector de pantallas emplea la sintesis de voz (text-to-speech o TTS) para producir de forma artificial el habla humana a partir de un texto escrito.
Normalmente, la gente asocia la sintesis de voz a la típica "voz enlatada" o "robótica" que hemos escuchado en tantas películas o que hemos sufrido al llamar a algún servicio de atención telefónica.
Acabo de encontrar el sitio web de Acapela Group, es una empresa europea con sedes en Bélgica, Francia y Suecia que ofrece síntesis de voz para 25 idiomas y más de 50 diferentes tipos de voces.
En su página web Acapela Text to Speech Demo podemos probar sus voces con cualquier texto que nosotros mismos escribamos. Elige como tipo de voz "Spanish - Antonio", y escribe el siguiente texto:
Normalmente, la gente asocia la sintesis de voz a la típica "voz enlatada" o "robótica" que hemos escuchado en tantas películas o que hemos sufrido al llamar a algún servicio de atención telefónica.
Acabo de encontrar el sitio web de Acapela Group, es una empresa europea con sedes en Bélgica, Francia y Suecia que ofrece síntesis de voz para 25 idiomas y más de 50 diferentes tipos de voces.
En su página web Acapela Text to Speech Demo podemos probar sus voces con cualquier texto que nosotros mismos escribamos. Elige como tipo de voz "Spanish - Antonio", y escribe el siguiente texto:
Hola, ¿cómo estás? Yo muy bien. Gracias, gracias. Mañana es 01/10/2010. Me he comprado un traje que cuesta 125€. Voy a visitar la ONU.¿Sorprendente? La calidad es muy, muy alta. Es capaz de leer correctamente las fechas, los números y algunas abreviaturas. Y si nos gusta más, podemos elegir como voz "Español de Norteamérica".
miércoles, 29 de septiembre de 2010
Cómo se usa una línea braille
La página web Refreshable Braille and the Web contiene un vídeo que describe cómo un usuario ciego emplea una línea braille para navegar por Internet.
Y a continuación, el vídeo:
El vídeo es accesible porque:
Y a continuación, el vídeo:
El vídeo es accesible porque:
- Por un lado, se ofrece la posibilidad de activar o desactivar los subtítulos, ¡y en varios idiomas! Esto es ideal para una persona sorda, que no puede oír el vídeo, pero sí que lo puede ver.
- Por otro lado, se ofrece una transcripción del vídeo. Esto es ideal para una persona ciega, que no puede ver el vídeo, pero puede estar interesada en lo que se dice.
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:
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:
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.
- (17/07/2009): Más herramientas para comprobar la legibilidad
- (20/05/2009): Más sobre legibilidad (facilidad de lectura y comprensión)
- (14/10/2008): Legibilidad: facilidad de lectura y comprensión
- (13/12/2007): Legibilidad de una página web
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:
- Call attention with useful headings.
- Catch the user in the first few words.
- Use active voice, personal pronouns, action verbs. (what you would say to them if you were talking on the phone)
- Set the context for users - the "given/new" principle.
- Use lists. (numbered lists for instructions)
- Give instructions with imperatives.
- Use parallelisms.
- Use words users know (simpler words).
- Try fragments, but not telegraphic writing.
- Make links descriptive.
- 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.
domingo, 26 de septiembre de 2010
Tipografía web, ¿mejorará la accesibilidad?
La tipografía web (web typography) ha sido durante muchos años un punto débil del diseño web.
Los diseñadores de otros medios tradicionales, cuando empezaban en la Web querían emplear alguno de los cientos de tipos de letra que estaban acostumbrados a usar, y los programadores contestaban que no podían.
Los clientes pedían a gritos usar tal o cual tipo de letra que tenían en su ordenador y era muy difícil hacerles entender que no era posible, que había que utilizar y limitarse a Arial, Courier, Times New Roman, Verdana y poco más.
¿Qué problemas había con los tipos de letra?
Primero, no todos los ordenadores disponían (y disponen, ya que sigue igual en la actualidad) de los mismos tipos de letra y no existía un método para que se pudiese descargar y utilizar un tipo de letra que no existiese en el ordenador de forma transparente al usuario. Este problema se resolvió hace tiempo, pero la mayoría de los programadores y diseñadores lo desconocían (y muchos, la mayoría, lo desconocen todavía).
Segundo, no existía (ni existe) un formato de tipo de letra estándar y admitido por todos los dispositivos y sistemas.
Tercero, los tipos de letra tienen copyright, existe un comercio de tipos de letra, y no se pueden utilizar "libremente". Si se quería utilizar un tipo de letra "exótico" era necesario pagar una licencia.
Para solventar este problema, se emplearon todo tipo de técnicas, como poner una imagen con el texto o usar Adobe Flash para mostrar un texto. Pero estas técnicas penalizaban la indexación del contenido de las páginas (el famoso SEO) y eran muy innaccesibles: para un ciego, el texto en una imagen no existe, a no ser que se proporcione un texto alternativo.
A su vez, para solucionar estos problemas, se desarrollaron unas técnicas llamadas reemplazo de imágenes (image replacement), como por ejemplo Fahrner Image Replacement, que lo que hacían era colocar un texto y encima, tapando el texto, una imagen con el texto mostrado con el tipo de letra que quería el diseñador.
Pero estas técnicas eran complicadas y artificiales, requerían mucho trabajo por parte del programador, en algunos casos eran incompatibles entre navegadores y no existía la técnica "perfecta" (siempre había alguna desventaja importante).
Afortunadamente, este panorama parece que va a cambiar y eso redundará en una mejora de la accesibilidad de las páginas web. Parece que los escollos que existían para poder descargar los tipos de letra se han solucionado con Web Open Font Format, un formato de tipo de letra específico para la Web.
Si, además, le sumamos que ya existe una gran variedad de tipos de letra de mucha calidad y gratuitos, como por ejemplo 10 Great Free Fonts for @font-face embedding o 40+ Excellent Freefonts For Professional Design, parece que ya tenemos la solución completada. ¿O no?
Por último, un par de artículos que nos orientan a la hora de crear (o elegir) una tipografía:
Los diseñadores de otros medios tradicionales, cuando empezaban en la Web querían emplear alguno de los cientos de tipos de letra que estaban acostumbrados a usar, y los programadores contestaban que no podían.
Los clientes pedían a gritos usar tal o cual tipo de letra que tenían en su ordenador y era muy difícil hacerles entender que no era posible, que había que utilizar y limitarse a Arial, Courier, Times New Roman, Verdana y poco más.
¿Qué problemas había con los tipos de letra?
Primero, no todos los ordenadores disponían (y disponen, ya que sigue igual en la actualidad) de los mismos tipos de letra y no existía un método para que se pudiese descargar y utilizar un tipo de letra que no existiese en el ordenador de forma transparente al usuario. Este problema se resolvió hace tiempo, pero la mayoría de los programadores y diseñadores lo desconocían (y muchos, la mayoría, lo desconocen todavía).
Segundo, no existía (ni existe) un formato de tipo de letra estándar y admitido por todos los dispositivos y sistemas.
Tercero, los tipos de letra tienen copyright, existe un comercio de tipos de letra, y no se pueden utilizar "libremente". Si se quería utilizar un tipo de letra "exótico" era necesario pagar una licencia.
Para solventar este problema, se emplearon todo tipo de técnicas, como poner una imagen con el texto o usar Adobe Flash para mostrar un texto. Pero estas técnicas penalizaban la indexación del contenido de las páginas (el famoso SEO) y eran muy innaccesibles: para un ciego, el texto en una imagen no existe, a no ser que se proporcione un texto alternativo.
A su vez, para solucionar estos problemas, se desarrollaron unas técnicas llamadas reemplazo de imágenes (image replacement), como por ejemplo Fahrner Image Replacement, que lo que hacían era colocar un texto y encima, tapando el texto, una imagen con el texto mostrado con el tipo de letra que quería el diseñador.
Pero estas técnicas eran complicadas y artificiales, requerían mucho trabajo por parte del programador, en algunos casos eran incompatibles entre navegadores y no existía la técnica "perfecta" (siempre había alguna desventaja importante).
Afortunadamente, este panorama parece que va a cambiar y eso redundará en una mejora de la accesibilidad de las páginas web. Parece que los escollos que existían para poder descargar los tipos de letra se han solucionado con Web Open Font Format, un formato de tipo de letra específico para la Web.
Si, además, le sumamos que ya existe una gran variedad de tipos de letra de mucha calidad y gratuitos, como por ejemplo 10 Great Free Fonts for @font-face embedding o 40+ Excellent Freefonts For Professional Design, parece que ya tenemos la solución completada. ¿O no?
Por último, un par de artículos que nos orientan a la hora de crear (o elegir) una tipografía:
Suscribirse a:
Entradas (Atom)