Buscador

martes, 19 de julio de 2016

La accesibilidad web resumida en un gráfico

Me encontré este gráfico en Twitter, no sé cuál es la fuente original:


El texto alternativo para esta imagen podría ser: representación gráfica de cuatro tipos de discapacidades (cognitiva, motora, visual y auditiva) con los elementos de una página web (interfaz, texto, multimedia) que pueden suponer una barrera de accesibilidad.

lunes, 18 de julio de 2016

Ejemplo de sitio web con y sin accesibilidad

Acme Widgets es un sitio web de demostración de cómo crear un sitio web accesible. La descripción dice:
This web site includes sets of pages to test accessible and non-accessible methods for writing HTML. This will allow us to test patterns on multiple devices and assistive technologies. It will also give us controls for doing automated testing. The menu to the left will contain the test pages.

viernes, 15 de julio de 2016

Un juego para ciegos

No lo he podido probar, pero me parece curiosa la propuesta descrita en Audio Game Review: A Blind Legend from DOWiNO and France Culture.

jueves, 14 de julio de 2016

UdeG, líder en accesibilidad web entre 18 IES mexicanas

El mes pasado leí la noticia UdeG, líder en accesibilidad web entre 18 IES mexicanas:
Prueba de ello es que la página de inicio del portal de la Universidad de Guadalajara es 100 por ciento accesible para personas con distintos tipos de discapacidad; entre 18 instituciones de educación superior públicas y privadas, ocupa el primer lugar en el Ranking de Accesibilidad Web Universidades, según un estudio publicado por la empresa Hearcolors, el cual es una medición elaborada a partir del análisis de la página de inicio de cada portal.

“Dice que somos 100 por ciento accesibles. Las otras universidades evaluadas se encuentran de 54 por ciento hacia abajo”, dijo el doctor Luis Alberto Gutiérrez Díaz de León, coordinador general de Tecnologías de Información (CGTI) de la UdeG.

miércoles, 13 de julio de 2016

La base de la accesibilidad web

The web accessibility basics es una pequeña guía que explica lo más importante de la accesibilidad web:
  • Alternative text for images
  • Labeling form fields
  • Document structure: heading structure, landmarks, lists
  • Tables
  • Color contrast


martes, 12 de julio de 2016

¿Qué es un Director de accesibilidad?

En What Being A Chief Accessibility Officer Means se explica en qué consiste el cargo de Director de accesibilidad:
In my role, I will manage internal and external accessibility projects.  I will ensure that accessibility best practices will be followed within the company and help clients meet their accessibility needs, including website and product accessibility.  I will consult on accessibility and inclusion issues that clients face from the employee to the customer level.

lunes, 11 de julio de 2016

Cómo usar ARIA de forma efectiva con HTML5

El artículo How to Use ARIA Effectively with HTML5 explica cómo se debe usar ARIA con HTML5.

En este artículo se repasa el uso de los roles, de los atributos y unas reglas básicas:
  • Utiliza la semántica de HTML siempre que sea posible.
  • Un elemento sólo puede tener un role.
  • No cambies la semántica nativa de los elementos.

viernes, 8 de julio de 2016

Nivel de lectura adecuado

Web Content Accessibility Guidelines (WCAG) 2.0 indica en la pauta 3.1.5:
3.1.5 Nivel de lectura: Cuando un texto requiere un nivel de lectura más avanzado que el nivel mínimo de educación secundaria una vez que se han eliminado nombres propios y títulos, se proporciona un contenido suplementario o una versión que no requiere un nivel de lectura mayor a ese nivel educativo. (Nivel AAA)
El contenido web se debe crear para que se pueda entender por todo el mundo. La pauta 3.1.5 establece que se debe emplear un nivel de lectura equivalente al mínimo de educación secundaria. ¿Qué nivel es ese?

En el glosario de WCAG se define:
nivel de educación primarioPeriodo de seis años que empieza a las edades de entre cinco y siete, posiblemente sin ninguna educación previa.
Nota: Esta definición está basada en la Clasificación Internacional Normalizada de la Educación.
nivel mínimo de educación secundariaLos dos o tres años de educación que se inician al término de seis años de escuela y finalizan nueve años después del comienzo de la enseñanza primaria.
Nota: Esta definición se basa en la Clasificación Internacional Normalizada de la Educación.
Las edades de inicio de la educación primaria y secundaria varían de un país a otro, pero tomando que la primaria comienza a los cinco años y dura 6 años, la secundaria comienza a los 11 años, y ese es el nivel de lectura que se debe garantizar.

Para medir el nivel de lectura necesario para comprender un texto existen algunas métricas y herramientas basadas en esas métricas. Para el inglés, una herramienta que se puede utilizar es Readibility-Score.

jueves, 7 de julio de 2016

Curiosidades sobre el Braille

En 10 things you probably don't know about braille se explican algunas cosas sorprendentes sobre el Braille:

  1. Braille started out as a military code.
  2. There’s an asteroid named Braille.
  3. Braille takes up more space than the traditional alphabet.
  4. Braille is not a language.
  5. Most people who are blind don’t know braille.
  6. There’s a braille “Olympics.”
  7. There’s a special version of braille just for mathematics called the Nemeth Code.
  8. Braille is the surprise plot twist in the 2010 movie “The Book of Eli.”
  9. There are two versions of braille – contracted and uncontracted.
  10. There’s a good reason why braille is on the keypad buttons of drive-through ATMs.

miércoles, 6 de julio de 2016

Herramientas de evaluación de la accesibilidad web que comprueban el DOM

Hoy en día, el contenido de muchas páginas web no se basa únicamente en el código HTML, sino que también depende de código JavaScript que añade de forma dinámica contenido a la página. Debido a esto, es importante que una herramienta de evaluación de la accesibilidad web sea capaz de analizar el DOM y no sólo el HTML de una página web.

En Web Accessibility Testing Tools: Who tests the DOM? podemos encontrar una comparativa de herramientas automáticas de evaluación de la accesibilidad web. De las herramientas analizadas, sólo las siguientes comprueban el DOM: Opquast, SortSite, Tenon y WAVE.

martes, 5 de julio de 2016

Resumen de denuncias sobre accesibilidad web

En Website Accessibility Lawsuits By the Numbers se recoge información sobre las denuncias sobre accesibilidad web presentadas en Estados Unidos.

Desde el 1 de enero de 2015 se han presentado 61 denuncias que se distribuyen en los siguientes sectores:

lunes, 4 de julio de 2016

Curso Web Accessibility

En Udacity está disponible el curso gratuito Web Accessibility: Developing with Empathy. El contenido del curso es:

Lesson 1: Overview

In this lesson you’ll learn why accessibility matters, and who it affects. You’ll also get a first look at the web accessibility guidelines (WAI – Web Accessibility Initiative), understand what “POUR” means for accessibility, and locate checklists to help make your own sites accessible.

Lesson 2: Focus

In this lesson you’ll learn how to make a page usable for anyone navigating with the keyboard. This starts with an introduction to the concept of focus (the element on the page to which keyboard events will be targeted), how to make elements focusable and when, and the order in which focusable elements will be traversed when exploring the page with the keyboard. You’ll also learn how to manage focus in forms, in custom components, pop-ups, and off-screen content.

Lesson 3: Semantics Basics

In this lesson you’ll build on keyboard navigation to make a page work for people who are unable to use a standard user interface, including users who can't see the screen. This requires ensuring assistive technology (such as screen readers) has sufficient information to present an alternative UI. You’ll use a screen reader to try out ordinary form elements and add markup to make them work even better. You’ll understand the accessibility tree the browser constructs from the DOM. Finally, you’ll learn how to built-in HTML features to ensure the accessibility tree accurately reflects the visual UI.

Lesson 4: Semantics Extras

In this lesson, you’ll dive deeper into the screen-reader experience to add hyper-fast navigation. You’ll learn how to arrange headings and label links so screen reader users can fly through your pages! You’ll also learn how to call out “landmarks” into your page to speed up navigation even more. (As a bonus, this “semantic markup” also makes your markup more readable!)

Lesson 5: Semantics - ARIA

In this lesson, you’ll move beyond the native elements of HTML into building custom controls and interactions. Of course you want these to be accessible, and that’s where ARIA comes in – Accessible Rich Internet Applications. You’ll learn how to add attributes to your custom interactions to make them as accessible as native elements. You’ll also learn how to manage these attributes from Javascript as the user interacts with your page.

Lesson 6: Style

In this lesson, you’ll learn the third pillar of Accessibility (after Focus and Semantics): Styling. Your page’s styles need to support highlighting the focus, indicating ARIA states, being zoomed in or out, and viewed by people with limited color or contrast vision. You’ll learn how to audit your page with the Chrome Accessibility Tools and correct any styling issues that pop up, as well as designing with accessibility in mind.

viernes, 1 de julio de 2016

Sobre las demandas por falta de accesibilidad en Estados Unidos

Muy interesante el artículo Troubling Web Accessibility Trends in the U.S. que explica las razones de que en Estados Unidos haya tantas demandas sobre falta de accesibilidad.

jueves, 30 de junio de 2016

La web de ALSA obtiene el nivel AA de accesibilidad web

Hace unos días se anunció que la web de ALSA, la compañía de autobuses, obtuvo el nivel AA de accesibilidad web:

El anuncio se puede leer en la propia web de ALSA: La web de ALSA obtiene la Certificación de Accesibilidad AA.


En la web de ALSA podemos encontrar el sello otorgado por Ilunion (Technosite):


El sello enlaza a la página web con la información sobre el certificado de accesibilidad web:




miércoles, 29 de junio de 2016

Cómo incorporar la accesibilidad web de forma efectiva en la enseñanza del desarrollo web

Como profesor, me ha parecido muy interesante el artículo Effectively including accessibility into web developer training. Los consejos que desarrolla son:
  • Do not treat accessibility as its own topic
  • Discuss the role of "markup" in Hypertext markup language
  • Discuss the Document Object Model, including Object-Oriented Principles like Abstraction, Inheritance, and Encapsulation
  • Discuss user input devices
  • Discuss quality
  • Discuss basic user expectations, including predictability of the interface

lunes, 27 de junio de 2016

¿Usabilidad, accesibilidad? (parte 6)

En el año 2014, a través de una organización llamada CIESPAL impartí un webinar sobre las diferencias y semejanzas de la usabilidad y accesibilidad. Ese webinar fue retirado de Internet, así que lo he rescatado y editado, he mejorado el material audiovisual de apoyo y lo he publicado dentro de mi curso iDESWEB.

La parte 6 incluye: preguntas y respuestas sobre desarrollo web, usabilidad web y accesibilidad web.



Nota: la grabación del webinar que me pasaron no tenía mucha calidad, es lo mejor que me pudieron dar.

viernes, 24 de junio de 2016

¿Usabilidad, accesibilidad? (parte 5)

En el año 2014, a través de una organización llamada CIESPAL impartí un webinar sobre las diferencias y semejanzas de la usabilidad y accesibilidad. Ese webinar fue retirado de Internet, así que lo he rescatado y editado, he mejorado el material audiovisual de apoyo y lo he publicado dentro de mi curso iDESWEB.

La parte 5 incluye: principios de WCAG 2.0 (perceptible, operable, comprensible y robusto), ejemplo de accesibilidad web, definiciones formales de usabilidad y accesibilidad web, referencias a más información.



Nota: la grabación del webinar que me pasaron no tenía mucha calidad, es lo mejor que me pudieron dar.

miércoles, 22 de junio de 2016

¿Usabilidad, accesibilidad? (parte 4)

En el año 2014, a través de una organización llamada CIESPAL impartí un webinar sobre las diferencias y semejanzas de la usabilidad y accesibilidad. Ese webinar fue retirado de Internet, así que lo he rescatado y editado, he mejorado el material audiovisual de apoyo y lo he publicado dentro de mi curso iDESWEB.

La parte 4 incluye: accesibilidad web, productos de apoyo, línea braille y lector de pantalla, W3C, WAI, pilares básicos de la accesibilidad web, WCAG 1.0 y 2.0, ISO/IEC 40500:2012, NTE INEN ISO/IEC 40500:2012.



Nota: la grabación del webinar que me pasaron no tenía mucha calidad, es lo mejor que me pudieron dar.

viernes, 17 de junio de 2016

¿Usabilidad, accesibilidad? (parte 3)

En el año 2014, a través de una organización llamada CIESPAL impartí un webinar sobre las diferencias y semejanzas de la usabilidad y accesibilidad. Ese webinar fue retirado de Internet, así que lo he rescatado y editado, he mejorado el material audiovisual de apoyo y lo he publicado dentro de mi curso iDESWEB.

La parte 3 incluye: usabilidad web, ejemplos reales de falta de usabilidad, consejos básicos de Jakob Nielsen y Steve Krug.



Nota: la grabación del webinar que me pasaron no tenía mucha calidad, es lo mejor que me pudieron dar.

miércoles, 15 de junio de 2016

¿Usabilidad, accesibilidad? (parte 2)

En el año 2014, a través de una organización llamada CIESPAL impartí un webinar sobre las diferencias y semejanzas de la usabilidad y accesibilidad. Ese webinar fue retirado de Internet, así que lo he rescatado y editado, he mejorado el material audiovisual de apoyo y lo he publicado dentro de mi curso iDESWEB.

La parte 2 incluye: definición de accesibilidad, diseño inclusivo, diseño universal, diseño para todos, accesibilidad en la vida diaria, soluciones erróneas, la accesibilidad ayuda a todas las personas.



Nota: la grabación del webinar que me pasaron no tenía mucha calidad, es lo mejor que me pudieron dar.