El pavimento táctil se emplea para ayudar a los usuarios ciegos a desplazarse por una ciudad o por un edificio.
El artículo Death by Tactile Paving: China's Precarious Paths for the Visually Impaired muestra algunos ejemplos muy interesantes de como un uso incorrecto del pavimento táctil puede causar la muerte de los usuarios ciegos.
En las páginas web puede ocurrir lo mismo: una mala aplicación de la accesibilidad web puede causar efectos desastrosos.
Todo tipo de información sobre accesibilidad en la Web: errores de accesibilidad, ejemplos de páginas inaccesibles, noticias, software, hardware, productos de apoyo, consejos, pautas y guías de accesibilidad, WAI, WCAG, Norma EN 301 549, legislación, etc.
Buscador
viernes, 30 de junio de 2017
miércoles, 28 de junio de 2017
¿Hay realmente un caso de negocio para la accesibilidad web?
En Is there really a business case for website accessibility? se puede leer:
- The most recent ONS estimate of the UK population is 65.11 million in mid-2015 of whom 87.9% (46.47 million) have internet access.
- CAPGemini projected overall UK online spending to be £126 billion by the beginning of 2016 equating to an average spend per head of the UK population with internet access of £2710.
- In 2016, the Office of National Statistics (ONS) estimated there were 8.6 million internet users with a disability in the UK
- This Survey found that 71% of internet users with a disability have access needs; this translates to 6.1 million people
- Taking an average spend per head of £2710, the online spending power of 6.1 million disabled people with access needs in 2016 is £16.55 billion.
- The Survey found that 71% of the total 6.1 million disabled internet users with access needs (4.3 million people) simply click-away when confronted with a problematic website.
- These figures equate to a click-away figure of £11.75 billion lost in 2016 from those sites which are not accessible.
lunes, 26 de junio de 2017
La accesibilidad de Endesa
En Discapacidad. el Cermi pide a sanidad que sancione a endesa por la inaccesibilidad de sus webs podemos leer:
El Comité Español de Representantes de Personas con Discapacidad (Cermi) ha presentado una denuncia ante el Ministerio de Sanidad, Servicios Sociales e Igualdad, solicitando que abra expediente sancionador contra la compañía eléctrica Endesa por el incumplimiento de las condiciones de accesibilidad de sus páginas de internet 'www.endesaclientes.com' y 'www.endesa.com'.
"Endesa, como empresa de especial trascendencia económica, está obligada por la Ley de Servicios de Sociedad de la Información y del Comercio Electrónico a que sus páginas corporativas de Internet sean accesibles para personas con discapacidad y personas de edad avanzada, de acuerdo con los criterios generalmente aceptados en esta materia", según explica el Cermi en una nota.
viernes, 23 de junio de 2017
Cinco cosas que un diseñador web debe saber sobre accesibilidad
5 Things UX and Visual Designers Can Do to Get Started with Accessibility describe cinco cosas que debe conocer un diseñador visual o de experiencia de usuario:
- Specify Heading Levels in Your Wireframes and Style Guides
- Write Alt Text for Images
- Design Skip Links
- Choose Your Fonts Wisely
- Check Your Color Contrast
jueves, 22 de junio de 2017
¿Los botones deshabilitados?
He recibido por correo electrónico la siguiente pregunta:
Web Content Accessibility Guidelines (WCAG) 2.0 dice:
1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: (Level AA)
La oración "Text or images of text that are part of an inactive user interface component" lo deja claro: lo que forma parte de una interfaz de usuario inactiva no necesita cumplir el requisito de contraste mínimo.
Sin embargo, los elementos deshabilitados de una interfaz proporcionan información importante sobre la propia interfaz y si no se cumple el requisito de mínimo contraste, ciertos grupos de usuarios pueden tener problemas en la interpretación de la interfaz.
Por tanto, yo creo que aquí la recomendación de WCAG 2.0 es discutible y sí que se debería cumplir el requisito mínimo de contraste en los elementos deshabilitados.
Para saber más cosas sobre el contraste recomiendo la lectura de Color Contrast And Why You Should Rethink It.
Los botones deshabilitados, normalmente están en un gris claro, ¿Estos deben tener el contraste requerido? o al estar deshabilitado no importa.Es una pregunta muy interesante que requiere una explicación justificada.
Web Content Accessibility Guidelines (WCAG) 2.0 dice:
1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: (Level AA)
- Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;
- Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
- Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.
La oración "Text or images of text that are part of an inactive user interface component" lo deja claro: lo que forma parte de una interfaz de usuario inactiva no necesita cumplir el requisito de contraste mínimo.
Sin embargo, los elementos deshabilitados de una interfaz proporcionan información importante sobre la propia interfaz y si no se cumple el requisito de mínimo contraste, ciertos grupos de usuarios pueden tener problemas en la interpretación de la interfaz.
Por tanto, yo creo que aquí la recomendación de WCAG 2.0 es discutible y sí que se debería cumplir el requisito mínimo de contraste en los elementos deshabilitados.
Para saber más cosas sobre el contraste recomiendo la lectura de Color Contrast And Why You Should Rethink It.
lunes, 19 de junio de 2017
viernes, 16 de junio de 2017
No uses símbolos en el texto
No uses símbolos en el texto porque algunos lectores de pantalla no los van a leer, y aquellos que los leen son capaces de leer algo distinto a lo que uno espera: Why Don’t Screen Readers Always Read What’s on the Screen? Part 1: Punctuation and Typographic Symbols.
miércoles, 14 de junio de 2017
Blissymbols, un sistema de escritura ideográfico
Blissymbols es un sistema visual de escritura basada en el empleo de ideogramas. Un ideograma es "un signo esquemático no lingüístico que representa globalmente conceptos o mensajes simples".
Este sistema puede ser usado por personas que tienen problemas del habla o discapacidad física.
La siguiente imagen es un ejemplo de una frase escrita con Blissymbols:
significa "Yo quiero ir al cine".
En Blissymbolics Communication International se puede encontrar más información.
Este sistema puede ser usado por personas que tienen problemas del habla o discapacidad física.
La siguiente imagen es un ejemplo de una frase escrita con Blissymbols:
significa "Yo quiero ir al cine".
En Blissymbolics Communication International se puede encontrar más información.
martes, 13 de junio de 2017
Comunidad accesibilidad del Portal Administración Electrónica de España
En Comunidad accesibilidad se pueden encontrar numerosos recursos ofrecidos por el proyecto de administración electrónica del Gobierno de España.
En esta página podemos leer:
Todas las Administraciones Públicas tienen obligación de dar cumplimiento a los requisitos de accesibilidad impuestos por el Real Decreto 1494/2007 de 12 de noviembre, por el que se aprueba el Reglamento sobre las condiciones básicas para el acceso de las personas con discapacidad a las tecnologías, productos y servicios relacionados con la sociedad de la información y medios de comunicación social. Esto se traduce en que todos los portales de las administraciones públicas deben cumplir los Criterios de Conformidad de nivel A y AA de la norma UNE 139803:2012 (equivalente a WCAG 2.0).
Para ayudar a las administraciones en esta tarea, se ofrece esta comunidad en la que sus miembros podrán compartir sus experiencias y conocimientos en accesibilidad web así como acceder al servicio de diagnóstico en línea.
lunes, 12 de junio de 2017
Vídeo de capacitación sobre accesibilidad de Microsoft
En Microsoft's training video is a great introductory guide to disability & accessibility podemos encontrar un vídeo que emplea Microsoft para capacitar a sus empleados sobre la discapacidad y la accesibilidad:
viernes, 9 de junio de 2017
¿Cómo y dónde consigo los logos para indicar que mi sitio web es accesible?
Siguiendo la consulta sobre el certificado de conformidad de hace unos días, ahora me preguntan:
Los logotipos de conformidad son muy fáciles de obtener, el W3C los ofrece de forma gratuita en su sitio web:
W3C Web Content Accessibility Guidelines 1.0 Conformance Logos (y explicación en español: Logos de conformidad con las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C)
W3C Web Content Accessibility Guidelines 2.0 Conformance Logos
Son gratuitos y cualquiera los puede poner en su sitio web, aunque no sea verdad que el sitio web es accesible.
Por eso, la gente que no sabe no confía en la existencia de esos logos y espera que aparezca algo más, como por ejemplo el logo de una empresa que realice auditorías de accesibilidad, como podemos ver en la página de Iberdrola:
Hola Sergio, gracias por el artículo en tu blog.Y mi respuesta:
Quizás he cometido una falta en el lenguaje correcto, parece que no es certificación lo que deseo.
Aprovechando los enlaces de tu artículo, en el blog de Olga, viene lo que yo estoy buscando:
¿cómo obtener los logotipos de validación oficiales del W3C?
¿ Y Los logotipos de conformidad con las directrices de Accesibilidad WCAG 1.0 y 2.0?
Mi intención es que la web pueda llevar estos logotipos. ¿cómo se otorgan? ¿cuándo los puedo poner en la página web?
Agradeciendo de antemano todo tu interés, te saludo nuevamente.
Los logotipos de conformidad son muy fáciles de obtener, el W3C los ofrece de forma gratuita en su sitio web:
W3C Web Content Accessibility Guidelines 1.0 Conformance Logos (y explicación en español: Logos de conformidad con las Directrices de Accesibilidad para el Contenido Web 1.0 del W3C)
W3C Web Content Accessibility Guidelines 2.0 Conformance Logos
Son gratuitos y cualquiera los puede poner en su sitio web, aunque no sea verdad que el sitio web es accesible.
Por eso, la gente que no sabe no confía en la existencia de esos logos y espera que aparezca algo más, como por ejemplo el logo de una empresa que realice auditorías de accesibilidad, como podemos ver en la página de Iberdrola:
jueves, 8 de junio de 2017
El CERMI anima a denunciar la falta de accesibilidad de las páginas de los organismos públicos
En El CERMI anima a la ciudadanía a denunciar las páginas webs de organismos públicos que no sean accesibles podemos leer:
El CERMI anima a la ciudadanía a que denuncie, durante todo el mes de junio, las páginas webs de todos los organismos públicos que no sean accesibles, lo que impide que puedan ser usadas por todas las personas con discapacidad de forma autónoma.
Esta reivindicación se enmarca en la campaña ‘Horizonte Accesibilidad 4 diciembre 2017’, que el CERMI ha puesto en marcha para todo el año, con el fin de denunciar cada mes situaciones discriminatorias por falta de accesibilidad universal en distintos ámbitos, entornos, productos y servicios, que pongan barreras a la igualdad de oportunidades de las personas con discapacidad.Lástima que para esto el CERMI haya habilitado una página web en Facebook porque:
El nombre de la campaña alude al plazo legal que España se dio en 2003 con la Ley General de Derechos de las Personas con Discapacidad y de su Inclusión Social para que todos los productos, bienes, entornos y servicios fueran accesibles.
La plataforma representativa de la discapacidad en España recuerda que las nuevas tecnologías son una herramienta muy potente para impulsar la igualdad de oportunidades y la autonomía de las personas con discapacidad, pero que este hecho no puede llevarse a la práctica si no se garantiza su plena accesibilidad. De hecho, el CERMI alerta de que si no se diseñan páginas webs accesibles, la discriminación de este grupo social, lejos de reducirse, se incrementará, por culpa del agravamiento de la brecha digital, que también afecta a muchas personas mayores.
- Facebook es un "jardín cerrado" que va en contra de los principios básicos de la Web.
- Facebook no es accesible.
- Facebook es una empresa privada que solo busca su beneficio propio.
miércoles, 7 de junio de 2017
Certificado de conformidad
Recientemente he recibido esta pregunta por correo electrónico:
En España no es obligatorio obtener ningún certificado de conformidad de accesibilidad web: normalmente, en los temas informáticos no existe una obligación de certificación como a nivel de construcción, aunque debería existir (el mal software puede matar personas y puede causar pérdidas millonarias, mira lo que ha pasado recientemente con British Airways y su error informático).
De todos modos, se puede obtener un certificado de conformidad: W3C no los otorga, W3C indica lo que se debe cumplir; para el certificado se debe contratar una empresa como Ilunion o AENOR.
Aquí tienes un ejemplo de certificación de Iberdrola realizada por Ilunion:
Tienes más información en Metodologías, certificaciones y entidades certificadoras de la accesibilidad web en España.
Estimado Sergio.Y mi respuesta:
Recién he terminado el curso de Miriadax, “Discapacidad y Envejecimiento Activo”, donde fuiste profesor del Módulo II.
Te contacto pues deseo saber cómo se puede obtener el certificado de conformidad del W3C en una web que supuestamente ya cumple con la accesibilidad.
Un saludo,
En España no es obligatorio obtener ningún certificado de conformidad de accesibilidad web: normalmente, en los temas informáticos no existe una obligación de certificación como a nivel de construcción, aunque debería existir (el mal software puede matar personas y puede causar pérdidas millonarias, mira lo que ha pasado recientemente con British Airways y su error informático).
De todos modos, se puede obtener un certificado de conformidad: W3C no los otorga, W3C indica lo que se debe cumplir; para el certificado se debe contratar una empresa como Ilunion o AENOR.
Aquí tienes un ejemplo de certificación de Iberdrola realizada por Ilunion:
Tienes más información en Metodologías, certificaciones y entidades certificadoras de la accesibilidad web en España.
lunes, 5 de junio de 2017
Sitio web con opciones para mejorar la accesibilidad
El sitio web de Estonia electrónico posee características para mejorar la accesibilidad:
Y este es un ejemplo de adaptación:
Y este es un ejemplo de adaptación:
viernes, 2 de junio de 2017
Acreditación de la accesibilidad web en Costa Rica
En la noticia Universidad de Costa Rica será el ente acreditador de sitios web accesibles podemos leer:
La Unión Internacional de Telecomunicaciones (UIT) designó al Programa de la Sociedad de la Información y el Conocimiento (Prosic) y al Centro de Informática de la Universidad de Costa Rica, como el ente acreditador para la región de desarrollos digitales accesibles.
En este contexto la UIT solicitó a la UCR y a la Superintendencia de Telecomunicaciones (Sutel) desarrollar un curso sobre accesibilidad digital en la línea con la Convención de las Naciones Unidas sobre los derechos de las Personas con Discapacidad (PCD) y el Modelo de Política de TIC Accesible de la UIT-D.
En cumplimiento con lo solicitado, la UCR inicia su rol como capacitador de capacitadores en la materia impartiendo el curso “Pautas de Accesibilidad al Contenido de Internet (WCAG 2.0) y los principios desarrollados por el World Wide Web Consortium (W3C), que inicia el próximo 14 de marzo en la sede Rodrigo Facio.
jueves, 1 de junio de 2017
Muchos sitios web gubernamentales no son accesibles
En Many government websites frustrate those with disabilities se puede leer:
Last month the Information Technology and Innovation Foundation (ITIF), a Washington, D.C., think tank, found that 42% of the 300 most popular government websites posed significant accessibility problems. The foundation assigned each website a score based on new rules that don’t take effect until January 2018 as its yardstick, so the webmasters have several months to shape up. But, “There’s a lot of room for improvement,” says ITIF’s Alan McQuinn, co-author of the report.
“I don’t think it’s a lack of awareness or a lack of effort or lack of desire” when a government website has accessibility issues, says Bill Trefzger, deputy director of digital communications at the Department of Health and Human Services in Washington, D.C. Website developers and managers understand the importance of accessibility, he says, but logistical considerations can hinder good intentions.
miércoles, 31 de mayo de 2017
Sello de accesibilidad web en Colombia
En la noticia MinTIC presenta Sello de Accesibilidad Web podemos leer:
El Ministerio de Tecnologías de la Información y las Comunicaciones (MinTIC) en alianza con el Instituto Nacional Para Ciegos (INCI) y el Instituto Nacional Para Sordos (INSOR) presentaron el 'Sello de Portal Accesible', durante el cierre anual de la iniciativa ConVerTIC. Esta certificación, que se otorgará a los sitios web que garanticen accesibilidad a personas con diversos tipos de discapacidad, se convierte en un punto a favor para el desempeño social y productivo de esta población.
Las páginas web de entidades públicas y privadas podrán usar el sello para demostrar que implementan los prototipos de accesibilidad en sus sitios electrónicos, con lo cual beneficiarán directamente a cerca de 3 millones de colombianos con discapacidad, de los cuales el 43,4% presenta limitaciones visuales o auditivas.
[...]
El Sello de Portal Accesible tiene tres niveles que serán identificados gráficamente a través de estrellas acumulativas, en la que cada una señalará el nivel de compromiso y apropiación de la accesibilidad en la página de Internet de la empresa o entidad interesada en sumarse a la iniciativa.
lunes, 29 de mayo de 2017
Un enlace es un enlace y un botón es un botón
El uso incorrecto de los elementos de HTML para que "hagan" cosas que no deben hacer es muy común. Los elementos de HTML tienen su semántica que no se debe violar.
Un error muy típico es confundir la función que debe realizar un enlace o un botón. Estos dos artículos hablan de ello:
viernes, 26 de mayo de 2017
Problemas y preguntas sobre accesibilidad web
En Accessibility Testing Newsletter de la University of Michigan he encontrado varios problemas y preguntas sobre accesibilidad web muy interesantes. Por ejemplo:
Newsletter 10.26.2012
Web Content Accessibility Guideline (WCAG) Success Criteria 2.2.2 states 'For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential...' This criteria is tremendously helpful to assistive technology users, as well as to individuals with attention deficit disorder (ADD).
The news carousels now included on many sites are a type of 'moving, blinking, or scrolling information.' For example, here's a carousel from the U-M home page...
This carousel has the following features:
The picture only changes when the user selects a different picture.
All pictures can be selected using keyboard commands.
If the user navigates among the pictures using keyboard commands, the navigation follows a logical left-to-right order.
All pictures have descriptive text that can be read by screen readers.
Does this carousel meet WCAG Success Criteria 2.2.2?
Newsletter 11.16.2012
WCAG Guideline 1.4.1. states that information conveyed via color needs to have at least one redundant visual means of conveying the information. This redundant strategy can be text, shape, or any other indicator that does not rely on color.
Planview has the following on its Authorized Work: Project View page:
Is the Planview use of colored circles compliant with Guideline 1.4.1? If not, what could be done to bring it into compliance?
Newsletter 10.26.2012
Web Content Accessibility Guideline (WCAG) Success Criteria 2.2.2 states 'For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential...' This criteria is tremendously helpful to assistive technology users, as well as to individuals with attention deficit disorder (ADD).
The news carousels now included on many sites are a type of 'moving, blinking, or scrolling information.' For example, here's a carousel from the U-M home page...
This carousel has the following features:
The picture only changes when the user selects a different picture.
All pictures can be selected using keyboard commands.
If the user navigates among the pictures using keyboard commands, the navigation follows a logical left-to-right order.
All pictures have descriptive text that can be read by screen readers.
Does this carousel meet WCAG Success Criteria 2.2.2?
Newsletter 11.16.2012
WCAG Guideline 1.4.1. states that information conveyed via color needs to have at least one redundant visual means of conveying the information. This redundant strategy can be text, shape, or any other indicator that does not rely on color.
Planview has the following on its Authorized Work: Project View page:
Is the Planview use of colored circles compliant with Guideline 1.4.1? If not, what could be done to bring it into compliance?
miércoles, 24 de mayo de 2017
XII Congreso Iberoamericano de Inclusión Educativa con tecnologías Emergentes CIIEE 2017
Hoy comienza el XII Congreso Iberoamericano de Inclusión Educativa con tecnologías Emergentes CIIEE 2017 en Cuenca (Ecuador).
Mañana 25 de mayo impartiré la conferencia "Investigación sobre accesibilidad en Ecuador".
Mañana 25 de mayo impartiré la conferencia "Investigación sobre accesibilidad en Ecuador".
martes, 23 de mayo de 2017
La primera vez que se pidió una pizza con un sintetizador de voz
Muy interesante la historia Un hombre pidiendo una pizza con un sintetizador de voz en 1974 que se cuenta en microsiervos:
En diciembre de 1974 Donald Sherman, afectado por el síndrome de Moebius que le impedía comunicarse por teléfono, fue capaz de pedir una pizza empleando un prototipo de ordenador a modo de prótesis vocal.
En diciembre de 1974 Donald Sherman, afectado por el síndrome de Moebius que le impedía comunicarse por teléfono, fue capaz de pedir una pizza empleando un prototipo de ordenador a modo de prótesis vocal.
lunes, 22 de mayo de 2017
Subtítulos en Estados Unidos
Closed Captioning of Video Programming on Television y Closed Captioning of Video Programming Delivered Using Internet Protocol (IP) son dos normativas sobre el uso de subtítulos que se aplica en Estados Unidos.
En YouTube existe una lista desplegable para indicar la razón de que un vídeo no tenga subtítulos en base a la normativa anterior.
viernes, 19 de mayo de 2017
Relación entre la accesibilidad web y la experiencia de usuario
El artículo Exploring the relationship between web accessibility and user experience, escrito por Amaia Aizpurua, Simon Harper y Markel Vigo analiza la relación que existe entre la accesibilidad web percibida por los usuarios y la experiencia de usuario experimentada.
El resumen del artículo dice:
El resumen del artículo dice:
Understanding the interplay between the user experience (UX) and Web accessibility is key to design Web sites that, beyond access, could provide a better UX for people with disabilities. In this paper we examine the relationship between UX attributes and Web accessibility. We measured accessibility in two ways: the perceived accessibility as reported by participants and accessibility in terms of conformance to guidelines. Findings uncover that perceived Web accessibility is significantly correlated with 27 of the 35 UX attributes analysed, suggesting these two qualities are closely related. The relationship between UX and conformance to WCAG 2.0 is more elusive: we only found significant correlations between the hedonic attributes original, innovative and exciting.
jueves, 18 de mayo de 2017
Congreso CIIEE 2017
El 24 de mayo comienza el XII Congreso Iberoamericano de Inclusión Educativa con tecnologías Emergentes CIIEE 2017 en Cuenca (Ecuador).
El segundo día del congreso yo impartiré la conferencia "Investigación sobre accesibilidad en Ecuador".
El segundo día del congreso yo impartiré la conferencia "Investigación sobre accesibilidad en Ecuador".
miércoles, 17 de mayo de 2017
Global Accessibility Awareness Day
El 18 de mayo se celebra la sexta edición del Global Accessibility Awareness Day (GAAD), que tiene como objetivo crear un diálogo sobre la accesibilidad digital (web, software, aplicaciones móviles, etc.) y la inclusión de las personas con discapacidad.
La descripción en español de GAAD dice:
La descripción en español de GAAD dice:
El 18 de mayo, le invitamos a participar en el Día Mundial para Promover la Concienciación sobre la Accesibilidad Web, conocido en inglés como Global Accessibility Awareness Day (GAAD). Cuando hablamos de la accesibilidad Web nos referimos a el contenido, la navegación y la interacción. El propósito de este día es para hablar, pensar y aprender sobre la accesibilidad de las tecnologías digitales (web, software, dispositivos móviles, etc.) y los diferente tipos de usuarios, incluyendo las personas con discapacidades. La audiencia que queremos atraer para GAAD son las comunidades de diseño, desarrollo, usabilidad y también los que crean, dan forma, apoyan financieramente e influencian la industria de tecnología y su uso. Aunque una persona este interesada en el tema de hacer la tecnología mas accesible y usable para las personas con discapacidades, la realidad es que muchas veces no saben como y donde comenzar. El conomocimento sobra la accesibilidad Web es el primer paso.
lunes, 15 de mayo de 2017
Comparación de WCAG 1.0 y 2.0
Utilizar WCAG 1.0 no tiene mucho sentido, dentro de tres años se cumplirán 20 años de su publicación, una eternidad. Sin embargo, todavía encuentro gente que hace referencia a esas pautas. A esa gente le recomiendo la consulta del documento Comparison of WCAG 1.0 Checkpoints to WCAG 2.0, in Numerical Order del W3C.
Lo que se tiene que utilizar, desde hace años, es WCAG 2.0.
Lo que se tiene que utilizar, desde hace años, es WCAG 2.0.
viernes, 12 de mayo de 2017
Tanaguru
Tanaguru es una herramienta de análisis de código abierto.
El código se puede encontrar en GitHub en Tanaguru.
El código se puede encontrar en GitHub en Tanaguru.
Etiquetas:
Herramientas revisión,
Programación
miércoles, 10 de mayo de 2017
martes, 9 de mayo de 2017
lunes, 8 de mayo de 2017
¿Son las herramientas automáticas de evaluación de la accesibilidad web fiables?
El artículo Can Automated Web Accessibility Programs Accurately Determine ADA and 508 Compliance? explica que las herramientas automáticas de evaluación de la accesibilidad web no son fiables para asegurar el cumplimiento de las pautas de accesibilidad web:
Can automated web accessibility programs accurately determine ADA and 508 compliance? According to the United States Access Board the answer is, NO. In fact, the Board advised, in an online training tool from May 2016, 50% of errors are likely to be overlooked with an automatic system. The Access Board further states that an automated tool should be used in web development, but not as a reliable monitoring system.
viernes, 5 de mayo de 2017
Simplificación de textos para personas con discapacidad cognitiva
En Simplifying Content for People with Cognitive Disabilities se explican los avances que se están realizado en IBM para la simplificación de textos para ayudar a la lectura y comprensión de las personas con discapacidad cognitiva.
En la siguiente imagen se puede observar un ejemplo de la entrada y la salida del sistema:
En la siguiente imagen se puede observar un ejemplo de la entrada y la salida del sistema:
miércoles, 3 de mayo de 2017
Accesibilidad para las personas con discapacidad cognitiva
White Paper on ICT Access for People with Cognitive Disabilities describe algunas de las barreras y de las soluciones que se deben implementar para que las tecnologías de la información y la comunicación sean más accesibles.
El informe incluye una definición de discapacidad cognitiva:
El informe incluye una definición de discapacidad cognitiva:
When a person is said to have a “cognitive disability,” it is generally understood that the
individual has limitations or challenges in performing one or more types of cerebral tasks. For
instance, individuals with a cognitive disability may experience difficulty in understanding or
processing information, solving problems, or responding to stimuli.
It also is generally recognized that individuals who fall into the category of having a
cognitive disability include those with intellectual disabilities, pervasive developmental
disabilities, acquired brain injuries, neurodegenerative disease, and learning disabilities.
lunes, 1 de mayo de 2017
Accesibilidad web avanzada: Análisis y corrección de problemas de accesibilidad en páginas y aplicaciones web
Accesibilidad web avanzada: Análisis y corrección de problemas de accesibilidad en páginas y aplicaciones web
CURSO GRATUITO IMPARTIDO POR LA UNIVERSIDAD DE ALCALÁ.
Destinado a desarrolladores de páginas y aplicaciones web, con objeto de capacitarles en la creación de páginas y aplicaciones web accesibles, que cualquier persona pueda visitar para utilizar toda su funcionalidad, incluidas las personas con algún tipo de discapacidad física o sensorial. El curso se basa en estándares y recomendaciones sobre accesibilidad web de ISO y del World Wide Web Consortium (W3C).
Objetivos del curso:
CURSO GRATUITO IMPARTIDO POR LA UNIVERSIDAD DE ALCALÁ.
Destinado a desarrolladores de páginas y aplicaciones web, con objeto de capacitarles en la creación de páginas y aplicaciones web accesibles, que cualquier persona pueda visitar para utilizar toda su funcionalidad, incluidas las personas con algún tipo de discapacidad física o sensorial. El curso se basa en estándares y recomendaciones sobre accesibilidad web de ISO y del World Wide Web Consortium (W3C).
Objetivos del curso:
- Contribuir a la formación específica de los desarrolladores web, capacitándoles para la evaluación de la accesibilidad de páginas web aplicando el estándar WCAG 2.0, la metodología WCAG-EM, y la recomendación ATAG 2.0.
- Contribuir a la formación específica de los desarrolladores web, capacitándoles para la corrección de los problemas que presente una página web, combinando los elementos de la recomendación WAI-ARIA 1.0 de W3C, con los lenguajes HTML, CSS, JavaScript.
- Conocer la existencia de normativa nacional internacional que exige que los sitiosweb sean accesibles
- Crear conciencia entre los participantes de los problemas que se encuentran los usuarios con discapacidad cuando navegan por la web.
- Que los participantes adquieran destreza en el empleo de herramientas para la evaluación de la accesibilidad de páginas web.
- Que los participantes que realicen este curso se conviertan en agentes multiplicadores, participando activamente en la capacitación de otros desarrolladores web.
Fechas de impartición:
22 de mayo a 30 de julio de 2017. Sesión presencial no obligatoria: 21 de junio, de 16:00 a 20:00.
El plazo de inscripción finaliza el 9 de mayo de 2017, incluido.
viernes, 28 de abril de 2017
A11YNYC - Accessibility New York City
A11YNYC - Accessibility New York City son unas reuniones que tienen lugar en Nueva York para tratar temas relacionados con la accesibilidad.
En el canal de YouTube de Accessibility NYC he encontrado algunos vídeos muy interesantes:
En el canal de YouTube de Accessibility NYC he encontrado algunos vídeos muy interesantes:
miércoles, 26 de abril de 2017
Un navegador controlado con la mente
El resumen del artículo BCWB: A P300 Brain-Controlled Web Browser dice:
Web access and web resources open many horizons, their usage increases in all life aspects including government, education, commerce and entertainment, where the key to such resources lies in Web browsers. Acknowledging the importance of universal accessibility to web resources, the W3C has developed a series of guidelines into a Web Accessibility Initiative (WAI), with the goal of providing access to web resources for people with disabilities. In order to bridge the gap in the digital divide between the disabled and the non-disabled people, the authors believe that the development of novel assistive technologies using new human-computer interfaces will go a long way towards achieving this lofty goal. In this paper, they present a P300 Electroencephalography Brain-controlled Web browser to enhance the accessibility of people with severe motor disabilities to Web resources. It enhances their interaction with the Web taking their needs into account. The proposed Web browser satisfies the Mankoff's requirements of a system that would “allow true web access.”
lunes, 24 de abril de 2017
Patrones de accesibilidad para la Web
En MIND Patterns - Accessibility Patterns for the Web podemos leer:
This book will assist frontend developers in building accessible e-commerce websites and components. It is a living document - so please expect continual edits and updates.
These patterns will assist developers with accessibility, but are not considered to be final, packaged code!
All patterns leave additional steps for the frontend developer to complete. This typically means any CSS styling and JavaScript behaviour not related to accessibility.
Each pattern follows a Progressive Enhancement strategy (where applicable) and aims to conform to WCAG 2.0 Level AA.
viernes, 21 de abril de 2017
AInspector Sidebar
AInspector Sidebar es un complemento para Mozilla Firefox que evalúa la accesibilidad de una página web de acuerdo a WCAG 2.0.
La descripción dice que se basa en el empleo de OpenAjax Web Accessibility Evaluation Library and Tools.
La descripción dice que se basa en el empleo de OpenAjax Web Accessibility Evaluation Library and Tools.
miércoles, 19 de abril de 2017
Quail
En Open-source accessibility testing for the modern web se explica el uso de Quail, una herramienta de código abierto para la automatización de pruebas de accesibilidad:
The Quail Accessibility Information Library is an open-source, MIT-licensed suite of tests that assess web page structure and content. The library is currently developed against WCAG and 508, but additional guidelines may be mapped to tests using a tagging system.
Quail was started by Kevin Miller in 2009 as a PHP library specifically targeted at checking content accessibility within a CMS. Shortly after announcing Quail, he also developed the Accessible Content module for Drupal, which has been used in several government and higher education websites to give content authors feedback. On the train from Drupalcon Denver in March of 2012, Kevin re-wrote Quail as a jQuery plugin to help expand possible integrations to more projects. Quail continues to evolve through volunteer contribution and the leadership of Kevin.
Etiquetas:
Herramientas revisión,
Programación
lunes, 17 de abril de 2017
Monitorizar la accesibilidad de un sitio web
Muy interesante el artículo Monitor Accessibility Errors on Your Ecommerce Site with Scrapy, WAVE que explica cómo monitorizar la accesibilidad de un sitio web utilizando las herramientas Scrapy y WAVE.
viernes, 14 de abril de 2017
Teach Access Tutorial
Teach Access Tutorial es un tutorial para aprender accesibilidad web. El tutorial ofrece consejos y mejores practicas para la creación de aplicaciones y sitios web accesibles.
El tutorial incluye numerosos ejemplos de cómo se hacen las cosas bien y mal. Por ejemplo, en la siguiente imagen se un ejemplo de encabezado semántico que es accesible:
Y en el siguiente ejemplo, el uso del atributo alt para que una imagen sea accesible:
El tutorial incluye numerosos ejemplos de cómo se hacen las cosas bien y mal. Por ejemplo, en la siguiente imagen se un ejemplo de encabezado semántico que es accesible:
Y en el siguiente ejemplo, el uso del atributo alt para que una imagen sea accesible:
miércoles, 12 de abril de 2017
Accesibilidad en WordPress
En WordPress accessibility docs list se recoge una lista de recursos que ayudan a mejorar la accesibilidad de WordPress.
lunes, 10 de abril de 2017
Diseño de tablas accesibles
Diseñar una tabla que sea accesible con diferentes resoluciones de pantalla es todo un reto. En el artículo Accessible, Simple, Responsive Tables explican cómo se puede lograr.
Muy interesante la siguiente imagen que resume cuatro técnicas:
- Squish
- Scroll
- Collapse rows
- Collapse columns
viernes, 7 de abril de 2017
Un claro ejemplo de problema de contraste
Sobran las palabras:
Aléjate 1 metro de la pantalla del ordenador, ¿puedes distinguir algo? Poco o casi nada, ¿verdad?
Aléjate 1 metro de la pantalla del ordenador, ¿puedes distinguir algo? Poco o casi nada, ¿verdad?
miércoles, 5 de abril de 2017
Pronunciación de abreviaturas y acrónimos
La pronunciación de abreviaturas y acrónimos puede suponer un problema para los lectores de pantalla. En ZIP, Z I P, or Z.I.P.? Forcing Correct Pronunciation in Screen Readers explican varias soluciones que se pueden aplicar para que un lector de pantallas lea lo que queremos que lea:
- Space It Out
- Aural CSS
- ARIA Labels
- The Better Solution: definir la abreviatura o acrónimo la primera vez que aparezca, pero no usar la etiqueta abbr, ya que la mayoría de los lectores de pantalla no la reconocen.
lunes, 3 de abril de 2017
aXe
aXe es un sistema desarrollado por Deque para programar pruebas de accesibilidad automáticas. En Accessibility Testing with aXe and WebdriverJS se explica con detalle:
Why automated accessibility testing?Este sistema es similar a gulp-accessibility.
Automated testing can free up 30% of your manual testing effort, making it a valuable tool for software development. By scripting a browser to programmatically open web pages and perform user tasks, you can validate features without having to open each page yourself. By integrating axe-core into your tests, you can add coverage for accessibility without having to become an expert. In addition, you can benchmark accessibility support and catch regressions in your builds, preventing broken code from going to production.
Etiquetas:
Herramientas revisión,
Programación
viernes, 31 de marzo de 2017
Soporte de HTML en los lectores de pantalla
Aural UI of the Elements of HTML es un trabajo en progreso que intenta explicar el soporte de HTML que tienen los principales lectores de pantalla (JAWS, VoiceOver, NVDA, Window Eyes, ORCA y Chromevox).
Es un trabajo impresionante que incluye grabaciones sonoras de lo que "hablan" los lectores de pantalla.
Es un trabajo impresionante que incluye grabaciones sonoras de lo que "hablan" los lectores de pantalla.
miércoles, 29 de marzo de 2017
Consejos para hacer enlaces accesibles
En Making Accessible Links: 15 Golden Rules For Developers se proporcionan consejos para hacer que los enlaces sean accesibles:
- Don’t use the word “link” in your links
- Don’t capitalize links
- Avoid ASCII characters
- Avoid using URLs as link text
- Keep link text concise
- Restrict the number of text links on a page
- Don’t link directly to downloads
- Always alert the user when opening new windows
- Be aware of pagination and alphabetized links
- Be mindful when using anchor links
- The case for underlining links
- Design with keyboard-only users in mind
- Be mindful when using images as links
- Eliminate broken or empty links
- Make your links consistent
- Test your color contrast
Sí, el artículo anuncia 15 consejos, pero parece que son 16.
lunes, 27 de marzo de 2017
Siteimprove Accessibility Checker
Un nuevo complemento para evaluar páginas web en Google: Siteimprove Accessibility Checker.
Y en Siteimprove launches free Google Chrome Accessibility Checker se explican sus características:
Siteimprove continues to establish itself as a leader in digital accessibility with the release of its free Accessibility Checker for Google Chrome. The browser extension enables anyone to perform on-the-go compliance checks, with or without a Siteimprove subscription.
Using Web Content Accessibility Guidelines (WCAG 2.0), the new Accessibility Checker highlights errors on a single web page, providing clear explanations of how they affect website visitors and recommendations on how to fix them. WCAG 2.0 has been adopted as the internet standard by countries around the world, including European Union Member States, the United States, Australia, and more.
viernes, 24 de marzo de 2017
PAVE: crea documentos PDF accesibles
PAVE es una herramienta gratuita que analiza la accesibilidad de los documentos PDF. En algunos casos es capaz de corregir automáticamente los problemas encontrados.
miércoles, 22 de marzo de 2017
lunes, 20 de marzo de 2017
Prevención de errores de accesibilidad en el diseño de prototipos
La presentación Early prevention of accessibility issues with mockup & wireframe reviews plantea algo muy interesante, tener en cuenta la accesibilidad desde las primeras fases de desarrollo de un sitio web:
A mockup or wireframe review is an opportunity to identify interaction design elements which are not fully accessible and will require changes. It's also the best time to identify any items that will need additional requirements to avoid becoming accessibility defects later on. After demonstrating the technique we will practice on a sample mockup. You'll leave this session with skills to apply on your next sprint.
miércoles, 15 de marzo de 2017
Discapacidad y envejecimiento activo. Soportes tecnológicos.
El 20 de marzo se inicia el curso de tipo MOOC (Massive Open Online Course) Discapacidad y envejecimiento activo. Soportes tecnológicos. En este curso participo como profesor en el Módulo 2. Accesibilidad Web y Nuevas Tecnologías.
El vídeo de presentación del curso:
El vídeo de presentación del curso:
martes, 14 de marzo de 2017
lunes, 13 de marzo de 2017
Lista de verificación de WCAG 2.0
En WCAG 2.0 checklists se puede encontrar una lista más de verificación de las pautas de accesibilidad web.
viernes, 10 de marzo de 2017
Herramienta para medir la legibilidad de un texto en inglés
Readability Grader es una herramienta que mide la legibilidad de un texto en inglés. Por ejemplo:
My tailor is rich and I am happy because I am poor.
Es un texto muy sencillo, su nivel de lectura es muy bajo, 2.36.
Sin embargo, este texto:
This theory rapidly became a significant and necessary tool for theorists and experimentalists in the new fields of atomic physics, nuclear physics, and quantum mechanics.
No lo entiende nadie, su nivel de lectura es 11.41.
My tailor is rich and I am happy because I am poor.
Es un texto muy sencillo, su nivel de lectura es muy bajo, 2.36.
Sin embargo, este texto:
This theory rapidly became a significant and necessary tool for theorists and experimentalists in the new fields of atomic physics, nuclear physics, and quantum mechanics.
No lo entiende nadie, su nivel de lectura es 11.41.
miércoles, 8 de marzo de 2017
Lo imposible está en la mente de los cómodos
Pablo Fernández sufrió un lesión medular cuando jugaba al rugby y se quedó tetrapléjico. Es decir, su cuerpo quedó paralizado del cuello hacia abajo.
Sin embargo... Pablo es diseñador gráfico.
¿Cómo es posible?
En el siguiente vídeo de TEDx nos explica su experiencia:
Y en el siguiente vídeo explica cómo desarrollo el ratón de nuca que emplea:
Sin embargo... Pablo es diseñador gráfico.
¿Cómo es posible?
En el siguiente vídeo de TEDx nos explica su experiencia:
Y en el siguiente vídeo explica cómo desarrollo el ratón de nuca que emplea:
lunes, 6 de marzo de 2017
Dos and don'ts: Designing for users with dyslexia
Do
Don't
Fuente: Dos and don'ts on designing for accessibility
- use images and diagrams to support text
- align text to the left and keep a consistent layout
- consider producing materials in other formats (for example, audio and video)
- keep content short, clear and simple
- let users change the contrast between background and text
Don't
- use large blocks of heavy text
- underline words, use italics or write capitals
- force users to remember things from previous pages - give reminders and prompts
- rely on accurate spelling - use autocorrect or provide suggestions
- put too much information in one place
Fuente: Dos and don'ts on designing for accessibility
viernes, 3 de marzo de 2017
Dos and don'ts: Designing for users who are deaf or hard of hearing
Do
Don't
Fuente: Dos and don'ts on designing for accessibility
- write in plain English
- use subtitles or provide transcripts for video
- use a linear, logical layout
- break up content with sub-headings, images and videos
- let users ask for their preferred communication support when booking appointments
Don't
- use complicated words or figures of speech
- put content in audio or video only
- make complex layouts and menus
- make users read long blocks of content
- don't make telephone the only means of contact for users
Fuente: Dos and don'ts on designing for accessibility
jueves, 2 de marzo de 2017
Dos and don'ts: Designing for users with physical or motor disabilities
Do
Don't
Fuente: Dos and don'ts on designing for accessibility
- make large clickable actions
- give form fields space
- design for keyboard or speech only use
- design with mobile and touch screen in mind
- provide shortcuts
Don't
- demand precision
- bunch interactions together
- make dynamic content that requires a lot of mouse movement
- have short time out windows
- tire users with lots of typing and scrolling
Fuente: Dos and don'ts on designing for accessibility
miércoles, 1 de marzo de 2017
Dos and don'ts: Designing for users with low vision
Do
Don't
Fuente: Dos and don'ts on designing for accessibility
- use good contrasts and a readable font size
- publish all information on web pages (HTML)
- use a combination of colour, shapes and text
- follow a linear, logical layout -and ensure text flows and is visible when text is magnified to 200%
- put buttons and notifications in context
Don't
- use low colour contrasts and small font size
- bury information in downloads
- only use colour to convey meaning
- spread content all over a page -and force user to scroll horizontally when text is magnified to 200%
- separate actions from their context
Fuente: Dos and don'ts on designing for accessibility
lunes, 27 de febrero de 2017
Dos and don'ts: Designing for users of screen readers
Do
Don't
Fuente: Dos and don'ts on designing for accessibility
- describe images and provide transcripts for video
- follow a linear, logical layout
- structure content using HTML5
- build for keyboard use only
- write descriptive links and heading - for example, Contact us
Don't
- only show information in an image or video
- spread content all over a page
- rely on text size and placement for structure
- force mouse or screen use
- write uninformative links and heading - for example, Click here
Fuente: Dos and don'ts on designing for accessibility
viernes, 24 de febrero de 2017
Dos and don'ts: Designing for users on the autistic spectrum
Do
Don't
Fuente: Dos and don'ts on designing for accessibility
- use simple colours
- write in plain English
- use simple sentences and bullets
- make buttons descriptive - for example, Attach files
- build simple and consistent layouts
Don't
- use bright contrasting colours
- use figures of speech and idioms
- create a wall of text
- make buttons vague and unpredictable - for example, Click here
- build complex and cluttered layouts
Fuente: Dos and don'ts on designing for accessibility
miércoles, 22 de febrero de 2017
Conferencia de Stephen Hawking en TED
Me ha sorprendido descubrir una conferencia de Stephen Hawking en TED. ¿Cómo la hizo? Parece que la hizo en directo, pero todo lo que dijo lo tenía escrito, porque tal como explica el presentador, para contestar una pregunta tardó 7 minutos en escribir la respuesta.
En las siguientes fotografías podemos ver el sistema de barrido que utiliza:
Este sistema es el antiguo, ahora utiliza otro sistema, aunque conserva la voz robótica que le identifica.
En la siguiente fotografía se puede ver la respuesta que tardó 7 minutos en escribir:
En las siguientes fotografías podemos ver el sistema de barrido que utiliza:
Este sistema es el antiguo, ahora utiliza otro sistema, aunque conserva la voz robótica que le identifica.
En la siguiente fotografía se puede ver la respuesta que tardó 7 minutos en escribir:
martes, 21 de febrero de 2017
Uso de figure en el periódico El País
El periódico El País hace uso de las nuevas etiquetas de HTML para las imágenes. Sin embargo, comete un error porque repite el texto de la figura (ficaption) en el atributo title de la imagen y un lector de pantallas puede leer los dos textos, causando confusión en el usuario.
lunes, 20 de febrero de 2017
Dificultades a las que se enfrentan las personas con discapacidad
Muy interesante el vídeo del Consejo Nacional de Igualdad de Discapacidades (CONADIS) del Ecuador que explica las dificultades a las que se enfrentan las personas con discapacidad:
En el canal del CONADIS hay muchos vídeos más.
En el canal del CONADIS hay muchos vídeos más.
viernes, 17 de febrero de 2017
Otro ejemplo de audiodescripción
El mismo vídeo, con o sin audiodescripción:
EnLight [Subtitled] from Ashwin Kumar on Vimeo.
EnLight [AD] [Subtitled] from Ashwin Kumar on Vimeo.
EnLight [Subtitled] from Ashwin Kumar on Vimeo.
EnLight [AD] [Subtitled] from Ashwin Kumar on Vimeo.
lunes, 13 de febrero de 2017
Accesibilidad para personas con baja visión
Un vídeo que forma parte del curso idesweb.es:
TRANSCRIPCIÓN DEL AUDIO DEL VÍDEO
Hola, bienvenido al vídeo “HTML y CSS – Accesibilidad para personas con baja visión” del curso introducción al desarrollo web. Mi nombre es Cristina Ponce García y soy estudiante de Ingeniería Multimedia en la Universidad de Alicante.
En este vídeo te voy a dar algunos consejos para que tus páginas web sean accesibles a personas con baja visión.
Pero antes de empezar quiero explicarte los diferentes casos que vamos a considerar. Cuando hablamos de baja visión, normalmente pensamos en tres casos:
Miopía: personas con dificultad para ver de lejos.
Hipermetropía: personas con dificultad para ver de cerca.
Astigmatismo: personas con dificultad para enfocar.
Pero, existen otros muchos problemas de visión que son menos conocidos ya que no son tan comunes.
De todos los problemas existentes, en este vídeo nos centraremos en los casos de:
Visión periférica: como su nombre indica, son personas que solo ven por la periferia del campo visual.
Visión con reducción del campo visual: al contrario que la visión periférica, son personas que tienen su campo visual reducido por lo que no ven por la periferia.
Ahora que ya sabemos en qué consisten estos problemas, comenzaremos con los consejos.
Empezaremos por la visión general de una página e iremos poco a poco centrándonos en las cosas más específicas.
Empecemos con el caso del campo visual reducido.
Haremos una simulación de cómo vería una persona con este problema este ejemplo de página web.
Como se puede apreciar, una persona con este tipo de problema se perderá fácilmente a la hora de navegar por la página si no hay nada que le indique en ningún momento dónde se encuentra.
Añadir líneas entre las distintas partes de la página como la sección para registrarse o introducir cada imagen o noticia dentro de un recuadro puede ser una solución, pero la persona podrá seguir perdida si las secciones son muy amplias.
Si, además de las líneas, añadimos colores distintivos entre las diferentes secciones como pueden ser la cabecera, el pie de página o una sección de noticias la persona sabrá en todo momento en qué parte de la página se encuentra.
En el caso de una persona con visión periférica, el anterior ejemplo de página web se vería de la siguiente forma.
Como se puede apreciar, estas personas no tienen problema a la hora de situarse y navegar por la página web por lo que no será necesario realizar ningún tipo de cambio con respecto a la visualización general de la página.
Continuaremos hablando sobre qué tipo de fuentes y colores son mejores para estas personas.
Si buscamos en internet los tipos de letra más utilizados a la hora de desarrollar una página web obtendremos el siguiente listado.
Escogeremos las tres primeras opciones y las analizaremos.
Primero aclaremos la diferencia entre las fuentes serif y sans-serif. Como se puede apreciar, las fuentes serif son aquellas en las que sus letras tienen remates, al contrario que las sans-serif. En una página impresa la resolución de impresión es muy alta por lo que esos remates en los pies de las letras quedan muy bien definidos, pero en una pantalla de ordenador la tipografía con "serif" produce efectos en las letras que hacen dificultosa su lectura. Por ello se debe evitar su uso en los estilos de la página web que no sean para impresión.
Veamos entre las dos tipografías que quedan cuál es más apropiada.
Centrándonos en las personas con visión periférica, ya que las personas con campo visual reducido no tendrían problemas a la hora de leer una línea, como podemos observar, en los dos ejemplos la persona tiene centrada la vista en la palabra “de”, se puede apreciar que en el segundo caso, al ser las letras más gruesas y, por lo tanto, estar más separadas unas de otras, la pérdida de la percepción de letras es menor, por lo que podemos determinar que es más accesible.
En el caso de textos largos, el segundo ejemplo puede resultar pesado cuando se lleva mucho tiempo leyendo, por lo que utilizaremos el primer tipo de letra para párrafos y el segundo para títulos.
Para ayudar a las personas con baja visión a la correcta lectura de estos párrafos debemos tener en cuenta que, como hemos visto anteriormente, la percepción de las letras es difícil si estas se encuentran muy juntas, por lo que es recomendable añadir un pequeño espacio entre ellas con la propiedad para textos de letter-spacing de CSS.
Además, las personas con visión periférica, tienen problemas a la hora de cambiar de línea ya que, como no ven por el centro, es común que se salten líneas si estas están muy juntas. Por ello, es recomendable utilizar line-height en CSS para añadir un interlineado mayor a los párrafos.
En cuanto a los colores de texto y fondo, es importante que exista un alto contraste entre ambos para que el texto sea legible. También es importante tener en cuenta que hay personas sensibles a la luz, por lo que es recomendable no abusar de los fondos claros en partes de la web donde haya mucho texto, en vez de estos, se puede aplicar un fondo gris clarito que no dificulte la lectura del texto, pero que no canse la vista de estas personas.
Terminaremos hablando de los formularios.
Ya que los campos de los formularios pueden causar algunas dificultades a la hora de clicar sobre ellos, no debemos olvidar utilizar la etiqueta de HTML label para hacer más sencilla la accesibilidad a la hora de rellenar los campos. Además, es aconsejable que los botones que creemos, no sean demasiado pequeños para que las personas con dificultades puedan acceder a ellos de forma fácil.
Estos son los consejos que recomiendo que apliques en tus páginas web, no olvides nunca tener en cuenta a personas con discapacidad a la hora de crearlas.
Espero que te haya sido de ayuda este vídeo.
TRANSCRIPCIÓN DEL AUDIO DEL VÍDEO
Hola, bienvenido al vídeo “HTML y CSS – Accesibilidad para personas con baja visión” del curso introducción al desarrollo web. Mi nombre es Cristina Ponce García y soy estudiante de Ingeniería Multimedia en la Universidad de Alicante.
En este vídeo te voy a dar algunos consejos para que tus páginas web sean accesibles a personas con baja visión.
Pero antes de empezar quiero explicarte los diferentes casos que vamos a considerar. Cuando hablamos de baja visión, normalmente pensamos en tres casos:
Miopía: personas con dificultad para ver de lejos.
Hipermetropía: personas con dificultad para ver de cerca.
Astigmatismo: personas con dificultad para enfocar.
Pero, existen otros muchos problemas de visión que son menos conocidos ya que no son tan comunes.
De todos los problemas existentes, en este vídeo nos centraremos en los casos de:
Visión periférica: como su nombre indica, son personas que solo ven por la periferia del campo visual.
Visión con reducción del campo visual: al contrario que la visión periférica, son personas que tienen su campo visual reducido por lo que no ven por la periferia.
Ahora que ya sabemos en qué consisten estos problemas, comenzaremos con los consejos.
Empezaremos por la visión general de una página e iremos poco a poco centrándonos en las cosas más específicas.
Empecemos con el caso del campo visual reducido.
Haremos una simulación de cómo vería una persona con este problema este ejemplo de página web.
Como se puede apreciar, una persona con este tipo de problema se perderá fácilmente a la hora de navegar por la página si no hay nada que le indique en ningún momento dónde se encuentra.
Añadir líneas entre las distintas partes de la página como la sección para registrarse o introducir cada imagen o noticia dentro de un recuadro puede ser una solución, pero la persona podrá seguir perdida si las secciones son muy amplias.
Si, además de las líneas, añadimos colores distintivos entre las diferentes secciones como pueden ser la cabecera, el pie de página o una sección de noticias la persona sabrá en todo momento en qué parte de la página se encuentra.
En el caso de una persona con visión periférica, el anterior ejemplo de página web se vería de la siguiente forma.
Como se puede apreciar, estas personas no tienen problema a la hora de situarse y navegar por la página web por lo que no será necesario realizar ningún tipo de cambio con respecto a la visualización general de la página.
Continuaremos hablando sobre qué tipo de fuentes y colores son mejores para estas personas.
Si buscamos en internet los tipos de letra más utilizados a la hora de desarrollar una página web obtendremos el siguiente listado.
Escogeremos las tres primeras opciones y las analizaremos.
Primero aclaremos la diferencia entre las fuentes serif y sans-serif. Como se puede apreciar, las fuentes serif son aquellas en las que sus letras tienen remates, al contrario que las sans-serif. En una página impresa la resolución de impresión es muy alta por lo que esos remates en los pies de las letras quedan muy bien definidos, pero en una pantalla de ordenador la tipografía con "serif" produce efectos en las letras que hacen dificultosa su lectura. Por ello se debe evitar su uso en los estilos de la página web que no sean para impresión.
Veamos entre las dos tipografías que quedan cuál es más apropiada.
Centrándonos en las personas con visión periférica, ya que las personas con campo visual reducido no tendrían problemas a la hora de leer una línea, como podemos observar, en los dos ejemplos la persona tiene centrada la vista en la palabra “de”, se puede apreciar que en el segundo caso, al ser las letras más gruesas y, por lo tanto, estar más separadas unas de otras, la pérdida de la percepción de letras es menor, por lo que podemos determinar que es más accesible.
En el caso de textos largos, el segundo ejemplo puede resultar pesado cuando se lleva mucho tiempo leyendo, por lo que utilizaremos el primer tipo de letra para párrafos y el segundo para títulos.
Para ayudar a las personas con baja visión a la correcta lectura de estos párrafos debemos tener en cuenta que, como hemos visto anteriormente, la percepción de las letras es difícil si estas se encuentran muy juntas, por lo que es recomendable añadir un pequeño espacio entre ellas con la propiedad para textos de letter-spacing de CSS.
Además, las personas con visión periférica, tienen problemas a la hora de cambiar de línea ya que, como no ven por el centro, es común que se salten líneas si estas están muy juntas. Por ello, es recomendable utilizar line-height en CSS para añadir un interlineado mayor a los párrafos.
En cuanto a los colores de texto y fondo, es importante que exista un alto contraste entre ambos para que el texto sea legible. También es importante tener en cuenta que hay personas sensibles a la luz, por lo que es recomendable no abusar de los fondos claros en partes de la web donde haya mucho texto, en vez de estos, se puede aplicar un fondo gris clarito que no dificulte la lectura del texto, pero que no canse la vista de estas personas.
Terminaremos hablando de los formularios.
Ya que los campos de los formularios pueden causar algunas dificultades a la hora de clicar sobre ellos, no debemos olvidar utilizar la etiqueta de HTML label para hacer más sencilla la accesibilidad a la hora de rellenar los campos. Además, es aconsejable que los botones que creemos, no sean demasiado pequeños para que las personas con dificultades puedan acceder a ellos de forma fácil.
Estos son los consejos que recomiendo que apliques en tus páginas web, no olvides nunca tener en cuenta a personas con discapacidad a la hora de crearlas.
Espero que te haya sido de ayuda este vídeo.
viernes, 10 de febrero de 2017
Como la Web se ha convertido en ilegible
Muy interesante el artículo How the Web Became Unreadable. El artículo habla de los problemas que existen en los diseños de páginas web actuales en los que no se cumplen algunas reglas básicas de accesibilidad como garantizar un contraste mínimo en los colores.
miércoles, 8 de febrero de 2017
Error de contraste en el periódico El Mundo
En el periódico El Mundo existe una sección llamada Vivir más y mejor, ahí podemos encontrar un artículo como Pautas para no caer resfriado continuamente:
Si se aplica un filtro de bajo contraste se obtiene este resultado, el texto es muy difícil de leer:
Y el resultado del cálculo de contraste con Color Contrast Checker:
El valor de la relación de contraste es 2.71:1, muy alejado del 4.5:1 necesario para cumplir con el nivel AA para el texto normal. Y para nivel AAA sería 7:1, es decir, mucho más alejado.
Si se aplica un filtro de bajo contraste se obtiene este resultado, el texto es muy difícil de leer:
Y el resultado del cálculo de contraste con Color Contrast Checker:
El valor de la relación de contraste es 2.71:1, muy alejado del 4.5:1 necesario para cumplir con el nivel AA para el texto normal. Y para nivel AAA sería 7:1, es decir, mucho más alejado.
lunes, 6 de febrero de 2017
Herramientas de eye tracking
Algunas herramientas de eye tracking que he descubierto en los últimos meses:
- PyGaze: una librería open-source para crear sistemas de eye tracking con Python.
- Eye Tribe Tracker Pro: sistema profesional de eye tracking por $199.
- The EyeHarp: un sistema de música mediante eye tracking.
- EyeWriter: un sistema de escritura mediante eye tracking.
miércoles, 1 de febrero de 2017
Conversación con una usuaria de un sistema de reconocimiento de voz
En los últimos días he tenido un intercambio de correos electrónicos con una estudiante de mi curso en línea iDESWEB:
Ojalá sigan utilizando el mismo método, para que personas con limitaciones como yo puedan también formarse y disfrutar de estos cursos.
Uso Dragón Naturally Speaking desde hace 7 años. Gracias a él puedo navegar por Internet, escribir, trabajar y también leer. Mi trabajo me exige leer mucho, pero lamentablemente no puedo ni coger un libro, ni pasar sus páginas. Así que siempre le pido a alguien que los digitalice y, enseguida, mediante un programa de conversión de archivos, AbbyFine Reader, los paso al formato epub. Finalmente lo visualizo con Calibre. Utilizo este programa para leer, porque tengo algunos problemas de visión y éste permite aumentar el tamaño de la letra tanto como tú quieras. Considero que es importante concienciar a la gente de que no raye ni escriba en los libros públicos como los de la biblioteca, porque al digitalizarse se visualizan muy mal. También es de gran ayuda que las páginas web sean responsivas, para que se pueda aumentar el tamaño sin que se pierda la visualización íntegra de la página.
Actualmente, utilizo la versión 13 de Dragon en un Notebook LeNovo Y700-17/SK, con Pentium 7, 16 Gb RAM 2,6 Ghz. Este Dragon tiene comandos muy interesantes que agilizan el uso del computador, pero tiene graves fallas. Se bloquea a cada rato con ciertos navegadores y con Office. Con Edge sencillamente no funciona. Con Explorer funciona un poco mejor, pero no lo utilizo porque se bloquea constantemente. Con Google Chrome, en general, marcha bien pero también se congela. Es recomendable no tener muchas pestañas abiertas al mismo tiempo. En el caso de Firefox no se bloquea, pero es una lata usarlo, porque no tiene habilitado los comandos especiales de voz.
Lo que más utilizo es el programa de micrófono remoto del Dragon, que funciona con la red Wifi. Me acomoda mucho porque al no poder estar sentada mucho rato, debido a dolores musculares, tengo que levantarme y moverme constantemente, lo que me obliga a distanciarme considerablemente del ordenador. La desventaja de esta aplicación es que se desconecta frecuentemente del computador. Sospecho que esta desconexión se debe a un defecto del Windows 10, pues antes, con Windows 7 y Bonjour funcionaba sin problemas.
En general, el Dragon requiere de mucha memoria y rendimiento, por lo que te obliga a tener un equipo muy potente. Ojalá saliera algún competidor. Además, tiene la desventaja de no poder usarse en un Apple , porque no tienen versión en español.
Usted me preguntaba por el uso de las transcripciones de los videos tutoriales. La verdad es que éstas me ahorran mucho trabajo, porque es muy difícil manejar los vídeos con el Dragon (pausar, volver atrás, etc), y porque yo no puedo tomar apuntes mientras los escucho. Sinceramente, creo que sin ellas no hubiera podido realizar el curso.
Disculpe la extensión de mi correo, pero no he sabido resumir mejor los principales obstáculos a los que me enfrento. Realmente le agradezco que se dedique al área de accesibilidad web, porque, sin la tecnología, la discapacidad te acaba dominando y te conviertes en prisionero de tu propio cuerpo.
Conozco de oídas el programa eye tracking. Sé que lo usan personas que no pueden hablar, y están absolutamente inmovilizadas, como los que sufren esclerosis lateral amiotrófica o síndrome de enclaustramiento. Recuerdo que hace años, en la universidad en la que trabajaba, la Católica de Chile, un profesor de teatro sufrió un grave accidente que le provocó este síndrome de enclaustramiento, y los alumnos y profesores hicieron una colecta para poder comprar el computador que usa este software. Allí tuve constancia de que era radicalmente caro.
Desconozco si ahora tiene un precio más económico y si se puede utilizar en cualquier computador o requiere de un hardware especial. ¿Usted sabe eso?
Lo ideal es que se pudieran combinar el dragón y el eye tracking. Pero lo veo complicado.
Inicialmente, esta compañía sólo los vendía como producto para la investigación de la usabilidad de productos como las páginas web. Pero parece que se ha dado cuenta de que también hay mercado para venderlo como producto de apoyo y tiene algunos productos destinados a ese segmento con precios inferiores.
También hay otras empresas que intentan competir con Tobii y ofrecen precios menores.
En tu caso, una combinación de ambos sistemas quizás podría ser una buena opción: el sistema de eye tracking sería el sustituto del ratón y el sistema de reconocimiento de voz el teclado. Pero habría dos problemas importantes: el precio y la compatibilidad de tener los dos sistemas en funcionamiento.
Los problemas que tiene Dragon son extraños. Y también es más extraño que tenga unos altos requisitos de memoria y de velocidad: Dragon debe tener al menos más de 15 años de vida, los ordenadores de hace 15 años tenían considerablemente menos potencia que los ordenadores actuales, no debería existir ningún problema para trabajar con Dragon en cualquier ordenador actual.
CORREO ESTUDIANTE 1
Quisiera aprovechar este e-mail para destacar dos aspectos relevantes del curso: en primer lugar, al ser online tiene la ventaja de poder hacerse al ritmo de uno y desde cualquier parte del mundo. Yo lo he hecho desde Chile. En segundo lugar, agradecerle mucho la transcripción de sus clases. Ha sido de gran ayuda para poder seguir su curso, ya que, debido a una discapacidad en mis extremidades superiores, no puedo teclear el ordenador, ni siquiera escribir a mano, por lo que tomar apuntes es algo complicado. Así que la transcripción del contenido de los tutoriales me ha facilitado muchísimo las cosas. Afortunadamente, puedo controlar el computador con un programa de voz, pero hay cosas que no puedo hacer o me resultan muy complicadas.Ojalá sigan utilizando el mismo método, para que personas con limitaciones como yo puedan también formarse y disfrutar de estos cursos.
MI RESPUESTA 1
¿Me puedes contar más cosas sobre tu situación? ¿Qué discapacidad es? ¿Usas Dragon Naturally Speaking? ¿Para qué has usado las transcripciones?CORREO ESTUDIANTE 2
Padezco una enfermedad rara, cuya causa los médicos no conocen y, por tanto, sólo me pueden tratar los síntomas. Sufro de tendinitis crónica por una deficiencia de mi tejido conectivo y también de una atrofia muscular progresiva. Afecta a diversas partes del cuerpo, y muy especialmente a los brazos. Por esta razón no puedo hacer cosas tales como escribir, teclear el computador, coger mínimos pesos, abrir puertas, usar teléfonos o móviles… La verdad es que necesito ayuda para muchas cosas.Uso Dragón Naturally Speaking desde hace 7 años. Gracias a él puedo navegar por Internet, escribir, trabajar y también leer. Mi trabajo me exige leer mucho, pero lamentablemente no puedo ni coger un libro, ni pasar sus páginas. Así que siempre le pido a alguien que los digitalice y, enseguida, mediante un programa de conversión de archivos, AbbyFine Reader, los paso al formato epub. Finalmente lo visualizo con Calibre. Utilizo este programa para leer, porque tengo algunos problemas de visión y éste permite aumentar el tamaño de la letra tanto como tú quieras. Considero que es importante concienciar a la gente de que no raye ni escriba en los libros públicos como los de la biblioteca, porque al digitalizarse se visualizan muy mal. También es de gran ayuda que las páginas web sean responsivas, para que se pueda aumentar el tamaño sin que se pierda la visualización íntegra de la página.
Actualmente, utilizo la versión 13 de Dragon en un Notebook LeNovo Y700-17/SK, con Pentium 7, 16 Gb RAM 2,6 Ghz. Este Dragon tiene comandos muy interesantes que agilizan el uso del computador, pero tiene graves fallas. Se bloquea a cada rato con ciertos navegadores y con Office. Con Edge sencillamente no funciona. Con Explorer funciona un poco mejor, pero no lo utilizo porque se bloquea constantemente. Con Google Chrome, en general, marcha bien pero también se congela. Es recomendable no tener muchas pestañas abiertas al mismo tiempo. En el caso de Firefox no se bloquea, pero es una lata usarlo, porque no tiene habilitado los comandos especiales de voz.
Lo que más utilizo es el programa de micrófono remoto del Dragon, que funciona con la red Wifi. Me acomoda mucho porque al no poder estar sentada mucho rato, debido a dolores musculares, tengo que levantarme y moverme constantemente, lo que me obliga a distanciarme considerablemente del ordenador. La desventaja de esta aplicación es que se desconecta frecuentemente del computador. Sospecho que esta desconexión se debe a un defecto del Windows 10, pues antes, con Windows 7 y Bonjour funcionaba sin problemas.
En general, el Dragon requiere de mucha memoria y rendimiento, por lo que te obliga a tener un equipo muy potente. Ojalá saliera algún competidor. Además, tiene la desventaja de no poder usarse en un Apple , porque no tienen versión en español.
Usted me preguntaba por el uso de las transcripciones de los videos tutoriales. La verdad es que éstas me ahorran mucho trabajo, porque es muy difícil manejar los vídeos con el Dragon (pausar, volver atrás, etc), y porque yo no puedo tomar apuntes mientras los escucho. Sinceramente, creo que sin ellas no hubiera podido realizar el curso.
Disculpe la extensión de mi correo, pero no he sabido resumir mejor los principales obstáculos a los que me enfrento. Realmente le agradezco que se dedique al área de accesibilidad web, porque, sin la tecnología, la discapacidad te acaba dominando y te conviertes en prisionero de tu propio cuerpo.
MI RESPUESTA 2
¿Has pensado en usar un sistema de eye tracking? ¿O quizás ya lo has usado y no es útil?CORREO ESTUDIANTE 3
Olvidé decirle que la mejor experiencia que he tenido con el dragón es cuando lo utilice en su versión 12.5 con Windows 7.Conozco de oídas el programa eye tracking. Sé que lo usan personas que no pueden hablar, y están absolutamente inmovilizadas, como los que sufren esclerosis lateral amiotrófica o síndrome de enclaustramiento. Recuerdo que hace años, en la universidad en la que trabajaba, la Católica de Chile, un profesor de teatro sufrió un grave accidente que le provocó este síndrome de enclaustramiento, y los alumnos y profesores hicieron una colecta para poder comprar el computador que usa este software. Allí tuve constancia de que era radicalmente caro.
Desconozco si ahora tiene un precio más económico y si se puede utilizar en cualquier computador o requiere de un hardware especial. ¿Usted sabe eso?
Lo ideal es que se pudieran combinar el dragón y el eye tracking. Pero lo veo complicado.
MI RESPUESTA 3
Los sistemas de eye tracking son bastante caros. Los más conocidos son de la compañía Tobii: http://www.tobii.com/Inicialmente, esta compañía sólo los vendía como producto para la investigación de la usabilidad de productos como las páginas web. Pero parece que se ha dado cuenta de que también hay mercado para venderlo como producto de apoyo y tiene algunos productos destinados a ese segmento con precios inferiores.
También hay otras empresas que intentan competir con Tobii y ofrecen precios menores.
En tu caso, una combinación de ambos sistemas quizás podría ser una buena opción: el sistema de eye tracking sería el sustituto del ratón y el sistema de reconocimiento de voz el teclado. Pero habría dos problemas importantes: el precio y la compatibilidad de tener los dos sistemas en funcionamiento.
Los problemas que tiene Dragon son extraños. Y también es más extraño que tenga unos altos requisitos de memoria y de velocidad: Dragon debe tener al menos más de 15 años de vida, los ordenadores de hace 15 años tenían considerablemente menos potencia que los ordenadores actuales, no debería existir ningún problema para trabajar con Dragon en cualquier ordenador actual.
Etiquetas:
Eye tracking,
Problemas motores (movilidad),
Reconocimiento voz
martes, 31 de enero de 2017
Materiales digitales accesibles
Materiales digitales accesibles es un curso organizado por UNED y Fundación ONCE. El temario del curso es:
- Materiales digitales
- Mini-vídeos Docentes Modulares
- Mini-libros Electrónicos Modulares
- Accesibilidad de material audiovisual
- Accesibilidad de textos electrónicos
lunes, 30 de enero de 2017
Creación de documentos digitales accesibles (Word, PowerPoint, etc.)
De vez en cuando me preguntan por consejos o manuales sobre la creación de documentos digitales accesibles (Microsoft Word, PowerPoint, etc.):
Y en inglés:
- Documentos electrónicos accesibles: word, excel, powerpoint, openoffice, pdf y más
- Guía para elaborar documentación digital accesible
- Guía de accesibilidad de documentos electrónicos
- Guía para crear contenidos digitales accesibles
Y en inglés:
- Microsoft Word - Creating Accessible Documents
- Accessible Digital Office Document (ADOD) Project
- Inclusive Publishing Hub
También hay otros formatos accesibles:
viernes, 27 de enero de 2017
Cómo las nuevas tecnologías ayudan a las personas ciegas a explorar el mundo
En TED he encontrado el vídeo How new technology helps blind people explore the world:
How can technology help improve our quality of life? How can we navigate the world without using the sense of vision? Inventor and IBM Fellow Chieko Asakawa, who's been blind since the age of fourteen, is working on answering these questions. In a charming demo, she shows off some new technology that's helping blind people explore the world ever more independently ... because, she suggests, when we design for greater accessibility, everyone benefits.
Más vídeos en TED sobre discapacidad: Designing for disability
How can technology help improve our quality of life? How can we navigate the world without using the sense of vision? Inventor and IBM Fellow Chieko Asakawa, who's been blind since the age of fourteen, is working on answering these questions. In a charming demo, she shows off some new technology that's helping blind people explore the world ever more independently ... because, she suggests, when we design for greater accessibility, everyone benefits.
Más vídeos en TED sobre discapacidad: Designing for disability
miércoles, 25 de enero de 2017
Cómo la tecnología me permitió leer
En TED he encontrado el vídeo How technology allowed me to read:
Months after he was born, in 1948, Ron McCallum became blind. In this charming, moving talk, he shows how he is able to read — and celebrates the progression of clever tools and adaptive computer technologies that make it possible. With their help, and that of generous volunteers, he's become a lawyer, an academic, and, most of all, a voracious reader. Welcome to the blind reading revolution.
Más vídeos en TED sobre discapacidad: Designing for disability
Months after he was born, in 1948, Ron McCallum became blind. In this charming, moving talk, he shows how he is able to read — and celebrates the progression of clever tools and adaptive computer technologies that make it possible. With their help, and that of generous volunteers, he's become a lawyer, an academic, and, most of all, a voracious reader. Welcome to the blind reading revolution.
Más vídeos en TED sobre discapacidad: Designing for disability
martes, 24 de enero de 2017
La accesibilidad web ayuda a todo el mundo
El artículo Why web accessibility benefits us all muestra cuatro escenarios en los que la accesibilidad ayuda a todos los usuarios:
Provide captions for video and audio
Captions for audio and video don’t just help the hearing impaired. For example if your first language isn’t the one being spoken or the presenter has a strong regional accent, captions can help.
You could even be in a situation where the device you are using doesn’t have any working speakers or you are in a location where the speaker isn’t loud enough to be heard over the background noise.
Content distinguishable between the foreground and background
Having a high contrast between the text and background will help make it easier for low vision users to read the copy on your website. High contrast also helps users trying to view a website on a screen in bright sunlight, or when a user has battery saver mode on or basically any scenario where the screen isn’t being viewed in the best conditions.
Make all functionality available from a keyboard
The mouse or trackpad is utterly useless if you are blind and use a screen reader to navigate your way around the web. Being solely able to navigate the web using just the keyboard is essential.
If you don’t require a screen reader being able to navigate the web with the keyboard is still really useful. Some users prefer to tab up and down content with the keyboard instead of taking their hand away to use the mouse. But it really helps when you are using a wireless mouse and the batteries fail. It means you can still carry on using the web with just the keyboard (albeit a little slower).
Make text content readable and understandable
Any effort to make your site technically accessible will be wasted unless your content is written as clearly and simply as possible.
People with disabilities experience text in many different ways but so does everyone else. The steps you should follow to create accessible copy will help everyone.
Provide captions for video and audio
Captions for audio and video don’t just help the hearing impaired. For example if your first language isn’t the one being spoken or the presenter has a strong regional accent, captions can help.
You could even be in a situation where the device you are using doesn’t have any working speakers or you are in a location where the speaker isn’t loud enough to be heard over the background noise.
Content distinguishable between the foreground and background
Having a high contrast between the text and background will help make it easier for low vision users to read the copy on your website. High contrast also helps users trying to view a website on a screen in bright sunlight, or when a user has battery saver mode on or basically any scenario where the screen isn’t being viewed in the best conditions.
Make all functionality available from a keyboard
The mouse or trackpad is utterly useless if you are blind and use a screen reader to navigate your way around the web. Being solely able to navigate the web using just the keyboard is essential.
If you don’t require a screen reader being able to navigate the web with the keyboard is still really useful. Some users prefer to tab up and down content with the keyboard instead of taking their hand away to use the mouse. But it really helps when you are using a wireless mouse and the batteries fail. It means you can still carry on using the web with just the keyboard (albeit a little slower).
Make text content readable and understandable
Any effort to make your site technically accessible will be wasted unless your content is written as clearly and simply as possible.
People with disabilities experience text in many different ways but so does everyone else. The steps you should follow to create accessible copy will help everyone.
lunes, 23 de enero de 2017
Diseña pensando en los ciegos
En TED he encontrado el vídeo Design with the blind in mind:
What would a city designed for the blind be like? Chris Downey is an architect who went suddenly blind in 2008; he contrasts life in his beloved San Francisco before and after — and shows how the thoughtful designs that enhance his life now might actually make everyone's life better, sighted or not.
Más vídeos en TED sobre discapacidad: Designing for disability
What would a city designed for the blind be like? Chris Downey is an architect who went suddenly blind in 2008; he contrasts life in his beloved San Francisco before and after — and shows how the thoughtful designs that enhance his life now might actually make everyone's life better, sighted or not.
Más vídeos en TED sobre discapacidad: Designing for disability
viernes, 20 de enero de 2017
miércoles, 18 de enero de 2017
Creación de documentos accesibles con Microsoft Word
El artículo Microsoft Word: Creating Accessible Documents explica cómo crear documentos accesibles con Microsoft Word. Los principales temas que trata son:
- Headings
- Alternative Text for Images
- Data Tables
- Links
- Lists & Columns
- Accessibility Checker
- Converting to HTML
- Converting to PDF
lunes, 16 de enero de 2017
Cómo escribir HTML accesible
Writing HTML with accessibility in mind explica varias cosas que se deben escribir HTML para mejorar la accesibilidad de las páginas web. Todos estos consejos no garantizan que la página sea totalmente accesible, pero sí que solucionan la mayoría de los problemas:
- It’s important to define the natural language of your document
- You can hide content using the hidden attribute
- Sometimes it’s better to add a blank alt attribute to an <img> element
- If you need a button, use the <button> element
- Structuring your markup correctly with headings is important
- Using landmarks helps people navigate your site
- The main page content, header, and footer are also landmarks
- Fieldsets are great for grouping form elements and giving them more context
viernes, 13 de enero de 2017
¿El futuro será más accesible?
Esta semana he leído dos artículos que dibujan un futuro mucho más accesible para las personas con discapacidad:
Son grandes avances, pero, pero... La tecnología avanza en todos los aspectos de nuestras vidas y está demostrado que en muchos casos aumenta la brecha digital entre diferentes comunidades y esto también afecta a las personas con discapacidad.
Por ejemplo, las pantallas táctiles han sido un gran problema para las personas ciegas. Ahora todo (lavadoras, microondas, terminales de checkin, etc.) usa pantallas táctiles. Una pantalla táctil sin un lector de pantallas no lo puede usar una persona ciega.
El futuro está por escribir, habrá que esperar para poder comprobar si los avances tecnológicos se transforman en una solución o en una barrera.
- Un móvil para ‘ver’ y otros avances para personas con discapacidad: avances tecnológicos que mejoran la vida de las personas con discapacidad presentados en CES 2017.
- Consumer Technology Association Foundation Hops on Self-Driving Cars: los vehículos autónomos prometen ser una gran solución para las personas mayores o con discapacidad.
Son grandes avances, pero, pero... La tecnología avanza en todos los aspectos de nuestras vidas y está demostrado que en muchos casos aumenta la brecha digital entre diferentes comunidades y esto también afecta a las personas con discapacidad.
Por ejemplo, las pantallas táctiles han sido un gran problema para las personas ciegas. Ahora todo (lavadoras, microondas, terminales de checkin, etc.) usa pantallas táctiles. Una pantalla táctil sin un lector de pantallas no lo puede usar una persona ciega.
El futuro está por escribir, habrá que esperar para poder comprobar si los avances tecnológicos se transforman en una solución o en una barrera.
miércoles, 11 de enero de 2017
Accesibilidad TIC en compras públicas
El curso Accesibilidad TIC en compras públicas organizado por UNED y Fundación ONCE se ofrece de forma gratuita a través del canal de cursos abiertos UNED abierta.
El contenido del curso es:
El contenido del curso es:
- El temario del curso es:
- Sociedad de la Información ¿para todos?
- Accesibilidad y usabilidad TIC.
- Retos y estrategias.
- Conceptos básicos de las normas.
- Historia y ámbito de la norma europea de compras públicas.
- Ejemplos de aplicación de la norma EN 301 549.
- Árbol de decisión para el uso de la norma EN 301 549.
lunes, 9 de enero de 2017
Los vídeos con subtítulos obligatorios en los aviones, en Estados Unidos, una vez más
Según la noticia Historic agreement reached: closed captions will be mandatory for US airline in-flight entertainment, los vídeos que se emitan en los aviones de las aerolíneas de Estados Unidos tendrán que tener subtítulos para las personas sordas y con problemas auditivos:
- All new in-flight entertainment systems, whether on newly delivered aircraft or newly-installed on existing aircraft, must be capable of supporting closed captions and audio descriptions as of the effective date of the final rule.
- If an aircraft has inaccessible seatback in-flight entertainment systems, it must provide an alternative personal entertainment device (PED) with accessible comparable video content.
- Airlines shall request from video content providers that 100% of covered in-flight entertainment content are closed-captioned and audio-described, and shall obtain such covered video content with closed captions and audio descriptions available from the content providers, including edited versions.
- Airlines will need to provide users the ability to customize closed captions (font sizes, colors, etc.)
viernes, 6 de enero de 2017
Herramientas de código abierto para la revisión de la accesibilidad web
Open Source Tools for Web Accessibility Evaluation recopila información sobre herramientas para la revisión automática de la accesibilidad web de código abierto. Las herramientas que comenta son:
- OpenAjax Accessibility Evaluation Library
- AInspector Sidebar for Firefox
- Functional Accessibility Evaluator (FAE) 2.0
Etiquetas:
Herramientas revisión,
Programación
miércoles, 4 de enero de 2017
Google TalkBack
Google TalkBack es el lector de pantalla que incorpora por defecto los dispositivos Android:
TalkBack es un servicio de accesibilidad que ayuda a los usuarios ciegos o con deficiencias visuales a interaccionar con los dispositivos.En la página TalkBack en smartphones, una ayuda a la discapacidad visual de Samsung se explica algo más:
TalkBack incorpora respuestas por voz y con vibración al dispositivo. Es una aplicación del sistema preinstalada en la mayoría de los dispositivos que se actualiza cuando hay mejoras disponibles para el servicio de accesibilidad.
Cuando TalkBack está activado, el dispositivo habla y describe cada uno de los elementos que son seleccionados o activados. Se trata de una ayuda por voz que es capaz de leer lo que ocurre en el teléfono e ir guiando al usuario en su navegación por los menús y las aplicaciones.¿Y cuál es mejor, TalkBack o VoiceOver? Un par de artículos sobre ello:
En ese momento, el smartphone te ofrece una sencilla y breve guía narrada de cómo sacar partido a la herramienta y cuáles son los gestos adecuados para desplazarte por la pantalla. Además, podrás definir algunos ajustes, como el volumen de la voz o en qué momentos no quieres que TalkBack esté activado (cuando acercas el teléfono al oído, gracias al sensor de proximidad, por ejemplo).
Por motivos de seguridad y para proteger datos sensibles, TalkBack no lee contraseñas o números de tarjetas de crédito.
- A comparison of speech output of VoiceOver, TalkBack and Narrator
- Accessibility Head-To-Head: Android vs Apple
lunes, 2 de enero de 2017
Ejemplo de sitio web con Certificación de Accesibilidad TIC de AENOR
En la web del Ayuntamiento de Madrid existe la página Accesibilidad:
Certificación de Accesibilidad TIC de AENOR
Logo de certificación TIC AENOREste sitio web ha obtenido la certificación en accesibilidad TIC de AENOR, según la Norma UNE 139803, "Aplicaciones informáticas para personas con discapacidad. Requisitos de accesibilidad para contenidos en la Web" con fecha 07/12/2011. Esta certificación se renueva todos los años, habiéndose obtenido la última en diciembre de 2015.
Suscribirse a:
Entradas (Atom)