Existen muchas tecnologías de hardware o software que permitan mejor control sobre las interfaces y hoy profundizaremos en la herramienta para el celular llamadas comando o control por voz.

Este articulo tiene dos partes, la primera en donde te cuento los básicos y te enseño a configurarlo y una segunda parte dirigida a pensar una mejor experiencia para usuarios de control por voz.

Primera parte: Básicos de comando o control por voz

Si nunca escucharon de esta tecnología les dejo un video de Voice Access la herramienta de Android para control por voz:

Y este video de Apple voice control

Los softwares de reconocimiento de voz para controlar los dispositivos puede ser utilizado tanto por personas con discapacidades motrices como por quien por alguna razón situacionalmente no pueda utilizar sus manos para controlar sus dispositivos.

¿Cómo se navega?

La forma de navegación es utilizando la voz, para esto el dispositivo utiliza el micrófono del usuario y los comandos en un idioma predeterminado que deberemos descargar según el dispositivo.

El usuario da instrucciones que el dispositivo, sistema operativo o software comprende y puede ejecutar, el control por voz emula toques en la interfaz como si fueran clicks o tabs. En mobile podemos interactuar con los elementos que están en pantalla de tres formas para saber que elementos son interactivos.

• Mostrar cuadricula
• Mostrar números
• Mostrar nombres

Solo los elementos que tengan interacción se verán con una etiqueta ya sea de nombre o de número.

En el caso de la cuadricula podremos tocar una cuadricula o volver a seleccionar uno de los números de la grilla para que vuelva a dividirse en una cuadricula.

Datito: En la actualidad los lectores de pantalla y comando de voz no interactúan bien, por lo que esta tecnología está pensada para usuarios visuales.

Comando de voz vs Asistente de voz

Si se estaban preguntando si esto es lo mismo que los asistente de voz que tambien podemos controlar dando instrucciones, vamos a diferenciar esta tecnología.

Comando por voz

Los comandos de voz en Android y iPhone permiten a los usuarios interactuar con sus dispositivos utilizando su voz en lugar de tocar la pantalla o usar el teclado. Nos permite controlar los dispositivos, navegar por internet o dentro del dispositivo, escribir mensajes y emails, hacer llamadas y controlar aplicaciones a través de instrucciones orales específicas.

Un ejemplo de uso podria ser “aumentar el volumen”, “abrir Gmail” “tocar enviar”.

Asistente virtual

Un asistente personal inteligente es un agente tipo software que puede realizar tareas u ofrecer servicios a un individuo. Está diseñado para realizar tareas y proporcionar información en respuesta a comandos de voz o texto. Puede ser un agente digital interactivo que utiliza inteligencia artificial para entender y ejecutar las solicitudes del usuario.

Los asistentes virtuales suelen ser más amplios en términos de funcionalidad. Pueden responder preguntas, realizar tareas específicas, ofrecer recomendaciones y aprender de las interacciones del usuario.

Estas tareas o servicios están basados en datos de entrada de usuario, reconocimiento de ubicación y la habilidad de acceder a información de una variedad de recursos en línea (como al clima o al tráfico, noticias, precios de acciones, horario del usuario, precios al por menor, etc).

Algunos ejemplos de asistentes:

• Siri de Apple,
• Google Assistant y Google Now
• Amazon Echo de Amazon
• Cortana de Microsoft
• S Voice de Samsung
• Voice Mate (de LG TV)
• Celia de Huawei.

Un ejemplo de uso podría ser “poner alarma a las 7:00” o “cuál es el clima hoy”.

En resumen, mientras que el comando por voz se centra en emitir comandos para realizar acciones específicas o simplemente el manejo de la interacción con el dispositivo, los asistentes virtuales van más allá, ofreciendo una amplia variedad de funciones, interacción conversacional y la capacidad de aprender y adaptarse a las necesidades del usuario con el tiempo.

Usando comando de voz en iOS

¿Cómo la obtengo?

Lo interesante en iOS es que no necesitamos descargar ninguna app porque viene dentro de las configuraciones de accesibilidad.

Para acceder a esta herramienta nos dirigiremos a “Configuración” luego a “Accesibilidad” y finalmente a “Control por voz”

¿Cómo la início en IOS?

Antes de iniciarlo recomiendo que nos aseguremos de tener activado “Mostrar consejos”. Luego vamos a “Configurar control por voz” y seguimos las instrucciones del tutorial.

Si presionamos Más información en el link de la configuración del control por voz, se abrirá un modal que da información sobre que podemos realizar y una lista de comandos que te comparto a continuación.

¿Qué puedo decir?

Comandos del sistema y navegación

• Abrir [nombre de la app]
• Ir a pantalla de inicio
• Abrir centro de control
• Atrás
• Ir a dormir

Funciones con lo que se muestra en pantalla

• Mostrar cuadrícula
• Mostrar nombres
• Tocar [número]
• Tocar [nombre del elemento]
• Mantener presionado [nombre del elemento]
• Deslizar a la izquierda
• Deslizar hacia arriba [número]

Dictar y editar texto

• seleccionar [frase]
• Ir hacia abajo
• Desplazarse final
• Eliminar eso
• Corregir [frase]
• Convertir eso a mayúscula
• Copiar eso

Interactuar con el dispositivo

• Subir volumen
• Bloquear pantalla
• Tomar captura de pantalla
• Activar inversión de colores inteligente
• Abrir Apple Pay

Usando comando de voz en Android

¿Cómo la obtengo?

Para poder utilizar este software en Android deberemos descargar la app de acceso por voz del Play Store

¿Cómo la início en Android?

Primero hay que configurarla. Vamos a ir a Configuración accesibilidad luego a voice Access y de ahí a configuración y al botón de activación o presionando en “usar voice Access” no el switch si no la palabra esto nos desplegara un modal con opciones

Luego para iniciarlo lo haremos según lo hayamos configurado:

Si se activó la detección de “Hey Google”, puedes decir “Hey Google, Acceso por voz”.

En la pantalla principal, presiona la app de Acceso por voz presiona el botón de activación de Acceso por voz

Tocar el botón de accesibilidad (los botones de volumen al mismo tiempo por unos segundos)

Comandos generales para español

• Abrir [app]
• Ir atrás
• Ir a la página de inicio
• Mostrar notificaciones
• Mostrar Configuración rápida
• Mostrar apps recientes

Comandos de ayuda

• ¿Qué puedo decir?
• Mostrar todos los comandos
• Abrir tutorial
• Mostrar números
• Ocultar números
• Mostrar etiquetas
• Ocultar etiquetas
• ¿Qué es [número]?
• Detener el Acceso por voz
• Enviar comentarios

Comandos de configuración

• Activar Bluetooth
• Desactivar Bluetooth
• Subir el volumen
• Bajar el volumen
• Silenciar
• Desactivar sonido
• Activar sonido

En general el control de voz siempre utilizara comandos similares en uno u otro sistema operativo. Por ejemplo: si ves las palabras “horarios de atención” con un vínculo en un párrafo de texto. Puedes decir “presionar el horario de atención” para presionarlo.

• Presionar + texto link
• Pulsar + texto link
• Tocar + texto link

Te recomiendo que primero configures, segundo tengas a mano la lista de comandos y tercero lo enciendas y trates de usar tu celu solo con ordenes por voz no toques la pantalla. Trata de navegar por una red social, mandar un whatsapp, leer un email. Para que puedas probar la interacción y asi descubrir cuales son las barreras más frecuentes para los usuarios de control por voz. A continuación te dejo una lista de los errores que más he notado que suceden en el diseño y desarrollo de interfaces mobile.

Segunda parte: Errores que se están cometiendo en el diseño de interfaces para usuarios de comando por voz

• Gestos complejos sin alternativas simples
• Modales sin manejadores que impiden el desplazamiento de la persona y modales inferiores que no se pueden desplazar en apps.
• Nombres no accesibles
• Inputs sin etiquetas visibles
• Nombres impronunciables para las etiquetas

No todos los errores son de diseño, pero la mayoria sí, asi que ten cuidado y si vos estas diseñando presta much atención, más adelante te dejo cuales creo yo que son las WCAG afectadas cuando diseñamos malas experiencias para usuarios de control por voz.

¿Cómo diseñamos mejores interfaces para controles de voz?

Gestos complejos

Es importante proporcionar comandos de voz alternativos para los gestos complejos, permitiendo a los usuarios realizar la misma acción de manera más sencilla mediante la voz. Puedes ocupar la alternativa que diseñaras para otros tipos de usuario que usan el control de las interfaces por ejemplo con un solo punto de apoyo o el sistema que podría utilizar un usuario de lector de pantalla que a veces no tiene la posibilidad de ejecutar un gesto complejo como los basados en ruta. Lo recomendable es que si tenemos un gesto complejo tambien tengamos una alteranativa a la misma acción que se puedan hacer con un solo punto de apoyo.

Cuidado con los modales y widgets personalizados

Los modales son lo peor que le puede pasar a la navegación por voz, por que suelen no tener manejadores o estar en una capa que no es alcanzada por el comando de voz que interactua con la interfaz de manera superficial. Asegurate de que los modales tengan manejadores visibles(como los de los costados). Siempre que tengas un modal en tu interfaz asegúrate de que estos sean accesibles por voz y que proporcionen maneras de salir o cerrar el modal. ¿Cómo? Haz la prueba ya aprendiste como se usan.

Trata de diseñar elementos de la interfaz que utilicen patrones de interacción extendidos y conocidos por los usuarios o que se perciban como fáciles de comprender para evitar la confusión en el uso.

Siempre que crees un componente recuerda que ese componente se parece a otra cosa y tiene que poder ser interactuado con mouse, con teclado, con control por voz, con lector de pantalla.

Etiquetas y nombres accesibles

Asegúrate de que los usuarios puedan identificar y entender la función de cada campo de entrada mediante comandos de voz. Todas las etiquetas deberian ser visibles y los nombres de accesibilidad deben ser similares a las etiquetas visibles

Asegúrate de que todos los elementos tengan nombres claros y descriptivos. Define nombres accesibles para objetos, botones y otros elementos interactivos. Estos nombres deben ser pronunciables y comprensibles por el usuario.

Realizar pruebas de usabilidad

Realiza pruebas de usabilidad específicas para la accesibilidad por voz con usuarios reales para identificar problemas específicos y validar soluciones. Es importante entender que los prototipos de control por voz pueden crearse y probarse en etapas tempranas del desarrollo asi que no hay excusa para no hacerlo.

Podemos hacerlo con el prototipo de siempre, no requiere ningun ajuste. Esto debido a que para que la interacción ocurra solo necesitamos usar lo que se ve en pantalla.

Lo que haremos para realizar la prueba de usabilidad será establecer como en cualquier prueba los objetivos, las tareas y nuestros documentos estándar y le pediremos al usuario que cumpla la tarea como lo haría usando sus comandos habituales de control por voz. Cuando hagamos esto podremos detectar cuales son los espacios que causan mayor incertidumbre, frustraciones o barreras para completar tareas.

Recuerda la mayoría de los prototipos pueden ser navegados con control por voz de 3 maneras principales: Mostrando la cuadricula, Mostrando los nombres y Mostrando los números. En este caso los elementos que se anuncien serán los que tienen funcionalidad.

Recuerda que mientras más obvio sea que el elemento es interactivo más simple será para el usuario lograr una navegación natural con tu producto

Documentación y retroalimentación

Proporciona documentación clara sobre cómo usar comandos de voz en tu aplicación, eso facilitara a los usuarios su uso.

Siempre acepta retroalimentación de usuarios para mejorar continuamente la accesibilidad. Si puedes crear un camino directo a tus usuarios eso favorecerá tu producto.

Esto es una buena práctica no solo para comando de voz sino también para cualquier otra tecnología de apoyo.

Cumplir el estandar

Asegúrate de seguir las pautas de accesibilidad relevantes, como las WCAG, para garantizar que tu aplicación sea accesible para todos los usuarios. Particularmente los usuarios de control de voz pueden beneficiarse de los siguientes criterios:

• Criterio 2.2.1: Tiempo suficiente (A):
• Criterio 2.5.4: Actuación de movimiento (Nivel A)
• Criterio 2.5.1: Gestos de puntero (Nivel A)
• Criterio 2.5.3: Etiqueta en Nombre (Nivel A)
• Criterio 4.1.2: Nombre, función, valor (A):
• Criterio 2.5.7: Movimientos de arrastre (Nivel AA)
• Criterio 2.5.8: Target Size (Minimum) (Level AA)

Espero que esta pequeña guía de navegación por comando de voz te ayude.

¿Quieres saber algo más? Te leo en las redes sociales.

En este post encontrarás toda la información para escribir contenido más usable y accesible siguiendo los criterios de la WCAG que corresponden al nivel A de conformidad.

La accesibilidad es un trabajo de equipo y todos, diseñadores, programadores, creadores de contenido tenemos que lograr un mundo digital más accesible. En esta oportunidad quiero contarte de qué debería ocuparse un UX writing con relación a las pautas y criterios de accesibilidad. En el caso de que no tengas un UX writer entonces será trabajo del UX.

El UX Writing nos ayuda a lograr que nuestras interfaces sean más simples, útiles, concisas y entendibles, por eso es de suma importancia tener en cuenta cuando hablamos de accesibilidad digital. Escribir mejores textos beneficia a todas las personas, no sólo a los que tienen discapacidad.

Si llegaste de casualidad y no sabes que es la WCAG te recomiendo leer los básicos de accesibilidad:

• Accesibilidad y diseño UX
• Guía definitiva sobre accesibilidad para diseñadoras y diseñadores (Nivel A)

Que criterios seguiremos

En esta lista se encuentran algunos de los criterios recomendados por la WCAG en criterios para escribir y otros que me parecen pertinentes a los UX writers:

• Escribir alternativas de texto que sean significativas (1.1.1 Contenido no textual)
• No asumir las capacidades de los usuarios(1.3.3 Características sensoriales)
• Proporcionar título de página únicos e informativos (2.4.2 Titulado de páginas)
• Hacer que el texto en el enlace sea significativo (2.4.4 Propósito de los enlaces en contexto)
• Use encabezados para transmitir significado y estructura ( 2.4.6 Encabezados y etiquetas, 2.4.10 Títulos de sección y por último 1.3.1 Información y Relaciones) Este no se los desarrollo en este articulo por que no son de nivel A pero los pueden buscar en las WCAG.
• Proporcionar instrucciones claras (3.3.1 Identificación de errores) (3.3.2 Etiquetas o instrucciones)
• Mantenga el contenido claro y conciso (3.1.5 Nivel de lectura, 3.1.3 Palabras inusuales y por último 3.1.4 Abreviaturas) Este no se los desarrollo en este articulo por que no son de nivel A pero los pueden buscar en las WCAG.

Escribir alternativas de texto que sean significativas

1.1.1 Contenido no textual (Nivel A): Todo el contenido, que no es de texto, que se presenta al usuario tiene una alternativa de texto con un propósito equivalente.

Este texto es el que describe a los lectores de pantalla: imágenes, iconos y logos. Los mismos deben ser escritos en el mejor de los casos por un UX writer quien conoce a las personas y el propósito de los elementos que se colocan en el producto o interfaz. Para escribir buenos textos alternativos ya hicimos un post junto a Susana Pallero y pueden leerlo completo a continuación

Texto alternativo: la guía definitiva

No asumir las capacidades de los usuarios

1.3.3 Características sensoriales (Nivel A): las instrucciones proporcionadas para comprender y operar el contenido no se basan únicamente en las características sensoriales de componentes como la forma, el tamaño, la ubicación visual, la orientación o el sonido.

Para cumplir con este criterio lo clave es presentar el contenido de una forma que sea percibida por todas las personas.

Lo principal es hacerte algunas preguntas

• ¿Cómo lo percibe alguien que usa un lector de pantalla?
• ¿Cómo lo percibe alguien que está usando otro tipo de dispositivo?
• ¿Cómo lo usaría alguien que no usa el mouse o las manos para navegar?

Trata de no dar referencias visuales como por ejemplo, “botón redondo” o “botón a la derecha” porque no todas las personas van a poder percibir tu referencia.

Cuando escribas para una interfaz y quieras indicar la posición de un elemento asegurate que este no cambia según el dispositivo que esté usando el usuario. Algo que me pasa cuando escribo para medium es que cuando referencio una imagen no puedo decir “la imagen del costado”. Si estoy en la compu quizás visualmente el usuario pueda entender la referencia, pero si alguien lee mi nota en un celular la imagen toma el 100 % de la pantalla y deja de estar al costado, en ese caso mi referencia deja de tener sentido. Lo mismo pasa con un usuario con lector de pantalla ya que la imagen se leerá en el momento que el código lo haya colocado.

Proporcionar título de página únicos e informativos

2.4.2 Título de la página (Nivel A): las páginas web tienen títulos que describen el tema o el propósito

Cada página debe ayudar con su título a decirle al usuario donde se encuentra dentro del sitio y la app. Cada título tiene que tener un nombre descriptivo. Esto beneficia a todas las personas usuarias ya que les permite identificar rápidamente dónde están y qué se van a encontrar ahí.

Ayuda a las personas con discapacidades cognitivas, memoria a corto plazo y discapacidades de lectura por que lograran identificar en donde se encuentran por el contenido del título.

Algunas buenas prácticas para escribir títulos según google:

• Describir con precisión el contenido de la página
• Crear títulos únicos para cada página
• Utilizar títulos breves pero descriptivos
• Redactar textos fáciles de leer
• Organizar los temas claramente
• Optimizar el contenido para los usuarios, no para los buscadores

Hay muchas otras razones, pero les dejo el post de Marly Ortiz de Títulos de página para que lo lean. Marly es especialista en accesibilidad de colombia.

Buenas prácticas al crear títulos accesibles para tus páginas

Una recomendación que dejaria al respecto es el orden en el que ponemos la información es primero la informacion especifica y luego la general, ya que si varias paginas empiezan con el mismo nombre le haremos perder tiempo a los usuarios de lector de pantalla y para un usuario visual sera dificil diferenciar lo que busca a primera vista

¿Entonces? Especifica+ General

Hacer que el texto en el enlace sea significativo

2.4.4 Propósito del enlace (en contexto)(Nivel A): El propósito de cada enlace se puede determinar a partir del texto del enlace o del texto del enlace junto con su contexto de enlace, determinado mediante programación, excepto cuando el propósito del enlace sea ambiguo para los usuarios en general.

El objetivo del título del enlace es ayudar a los usuarios a predecir lo que sucederá si siguen un enlace. Cada enlace debe estar descrito de manera tal que brinde ayuda al usuario para decidir si entrar o no. Es importante que siempre sea auto-explicativo, sin necesidad de dar contexto adicional.

Son buenas prácticas:

• Links que llevan al mismo lugar, tienen el mismo nombre
• Links que llevan a distintos lugares, tienen distintos nombres
• El link describe a dónde llevará

La idea de describir los enlaces es para evitar perderse en la navegación y que las personas no gasten esfuerzo para ver contenido que no es relevante.

Por ejemplo, que las personas con discapacidad motriz puedan omitir enlaces que no les interesan, evitando las pulsaciones de teclas necesarias para visitar el contenido de referencia, y luego volver al contenido actual; que las personas con discapacidades cognitivas, que pueden desorientarse por los múltiples medios de navegación y que las personas con discapacidades visuales puedan determinar el propósito antes de realmente seleccionarlo.

Hay una nota de Norman Groups respecto a esto: Las 4 “eses” para mejorar links (obvio que en español no son s)

• Específico: nada de “click aqui” el link debe describirse
• Sincero: que sea verdad
• Sustancial: que tenga sentido
• Sucinto : que sea corto

Les dejo una imagen donde pueden observar como todos los links se les va a leer al usuario de lector de pantalla. Mientras mas explicativos los links mejor para el usuario ya que sera más facil moverse dentro del sitio.

Proporcionar instrucciones claras

3.3.2 Etiquetas o instrucciones(Nivel A): Se proporcionan etiquetas o instrucciones cuando el contenido requiere la entrada del usuario.

Asegúrese de que las instrucciones sean claras, fáciles de entender y evite el lenguaje técnico innecesario. Siempre que sea posible identifique los requisitos de entrada, como los formatos de fecha o cómo completar un número telefónico.

3.3.1 Identificación del error(Nivel A): si se detecta automáticamente un error de input o ingreso de datos, se identifica el elemento que tiene el error y el error se describe al usuario en forma de texto.

Es importante que indiquemos a las personas usuarias cuando un error se ha producido en la interfaz, que puedan identificar el error y entender cómo resolverlo. Los mensajes de error deben ser lo más específicos posible.

Cuando de formularios se trata, es importante que volvamos a mostrar los campos en error y que el usuario pueda percibir que se ha producido el error.

Un mal ejemplo es cuando el campo solo se marca en rojo, sin ninguna otra información que el color para determinar que se ha producido un error, un buen ejemplo sería además del color agregar un texto que nos posibilite entender qué campos quedaron en error y cómo completarlo.

Las personas usuarias de lectores de pantalla, por ejemplo, no sabrán que hubo un error hasta que encuentren uno de los textos que indique textualmente el error y es posible que terminen pensando que el formulario no funciona, cuando en realidad lo que sucede es que el campo de error no está bien determinado y el mensaje de error no ha sido comunicado eficientemente. Como UX es nuestro deber comunicar los errores pero es importante que contemos con el apoyo del equipo de desarrollo para que todo sea más fácil para todas las personas.

Ejemplos de instrucciones para errores:

1. El nombre de usuario ‘anime’ ya está en uso.
2. La contraseña debe incluir al menos un número.

Conclusión

No es difícil aplicar los criterios de accesibilidad a ux writing ya que si analizamos la lista estamos hablando de buena usabilidad y está casi implícito en la forma de escribir de los UX writers. Gracias UX Writers por existir.

Por último y si llegaste hasta acá, quiero armar una segunda parte para UX writer de cómo escribir para lectores de pantalla ¿Qué te gustaría aprender?

Les voy a dejar algunos links para que aprendan más sobre leyes y políticas de accesibilidad en el mundo.

La accesibilidad es un tema de vital importancia en todo el mundo, especialmente ahora donde muchos derechos se juegan detras de la pantalla. Muchas personas con discapacidades encuentran barreras significativas al utilizar productos y servicios digitales que no están diseñados teniendolos en cuenta.

Para que realmente los derechos humanos sean garantizados se han establecido una serie de leyes y tratados internacionales que buscan proteger los derechos de las personas con discapacidad y promover la igualdad de oportunidades. Las leyes varían según el país o región y es esencial conocerlas para que el diseño de productos y servicios digitales que hacemos sea realmente accesibles para todos.

Además las leyes que hacen referencia a accesibilidad son obligatorias en muchos países y no cumplirlas puede generar sanciones y multas.

¿Cómo cumplir con la accesibilidad de cualquier país?

Para cumplir con la accesibilidad como dijimos por un lado tenemos por las leyes, las convenciones, los tratados, las políticas y por el otro tenemos los estandares. Las primeras se cumplen las segundas se conforman. Como aprendí de Susana Pallero, no es lo mismo compliance que conformance.

Según el país donde viven los usuarios de nuestro producto y la industria a la que pertenece tendremos que cumplir con distintas leyes, políticas y normas técnicas. Como diseñador te recomiendo que el equipo legal de tu empresa revise cuáles son las leyes que vas a tener que cumplir según el lugar donde tu producto este basado y donde sus usuarios esten localizados.

El pro tip que te dejo es que mucho de esto suele citar a WCAG (en su última versión oficial publicada) en un nivel AA como el estandar de accesibilidad que seguir, por lo tanto empezar cumpliendolo es una buena base para hacer tu producto o servicio digital accesible.

Tratados internacionales

Empecemos entendiendo los tratados internacionales, estos son acuerdos formales entre los países para proteger los derechos humanos y promover la igualdad de oportunidades para todas las personas, incluidas las personas con discapacidad.

Algunos tratados para que investigues son:

• Declaración Universal de Derechos Humanos
• Convención sobre los derechos de las personas con discapacidad.
• Tratado de Marrakech en wikipedia

Leyes y políticas en Estados Unidos

Algunos ejemplos de ellas son:

• ADA America with Disability Act
• Section 508
• Ley de Accesibilidad para Comunicaciones y Vídeo en el Siglo Veintiuno (CVAA, por sus Siglas en Inglés)
• Regulación de Accesibilidad de las Aerolíneas para Personas con Discapacidades” ( ACAA Air Carrier Access Act por sus siglas en inglés)

Norma europa

• EN 301 549

Se las dejo explicada por Olga Carreras EN 301 549: Norma Europea de Accesibilidad para Productos y Servicios de Tecnologías de la Información y Comunicación (TIC) V3.2.1 (2021–03). En español UNE-EN 301549:2022

Leyes en Latinoamerica

• Colombia: Ley Estatutaria 1618 DE 2013
• México: Gaceta Oficial de la Ciudad de México no. 242.
• Chile: Ley N°20.422 que Establece Normas sobre Igualdad de Oportunidades e Inclusión Social de las Personas con Discapacidad.
• Uruguay: Decreto 406/022 sobre Accesibilidad Digital

En Argentina

• Argentina: Ley 26.653 del 2010: “Accesibilidad de la Información en las Páginas Web.”
• Comunición A 7517 del Banco Central de la Republica Argentina

Si quieren mas información sobre esto y con un foco mas humano, yo hable un poco sobre la ley Argentina en uno de mis primeros post y dalat compartio un post de Recomendaciones para cumplir con la Comunicación A 7517 del Banco Central de la República Argentina

Guía definitiva sobre accesibilidad para diseñadoras y diseñadores (Nivel A)

Más Blogs para leer de leyes

Ademas les dejo la página principal de la W3C sobre policy donde van a encontrar links a distintas leyes y politicas en el mundo.

Tambien en español tienen el blog de Sergio Lujan Mora con una sección para Legislación dónde tiene muchas más explicaciones.

Espero que les sirvan las referencias, ire alimentando esto con más informacion relevante de expertos para que juntos aprendamos más sobre esto.

Te cuento todo de esta herramienta, desde su creación y como usarla hasta sus puntos fuertes y limitantes

Bravo por eBay

Primero, celebro esta iniciativa del equipo de diseño de eBay. Ellos tenían el problema que tienen todas las empresas grandes y pequeñas “cómo comunicar información desde el equipo de diseño al equipo de desarrollo”.

Quienes estamos del lado del diseño queremos que si diseñamos algo accesible eso se convierta en una realidad, con esa premisa y la idea de que la accesibilidad no quede para después crearon esta herramienta que les permite dar más información al equipo de desarrollo.

Ojo existen otros plugins y otras herramientas pero el equipo sentiía que no eran suficientes y no estaban adaptadas a sus procesos. Con esto en mente construyeron una herramienta de uso interno y luego la disponibilizaron gratis en Figma, como dijo Dan Nosowitz :

“¿Cómo podríamos crear una herramienta de accesibilidad y no hacerla accesible para todos?”

Desde mi punto de vista esta herramienta es algo híbrida, porque no es 100% para anotaciones, ya que tiene una combinación de herramientas automáticas, notaciones y checklist.

Sirve al equipo de diseño cuando están diseñando y cuando van a entregar al equipo de desarrollo, obvio que no están todas las cosas que se tienen que hacer por que accesibilidad no es una checklist.

Si tu equipo de diseño está aprendiendo de accesibilidad esto que plantea Ebay puede ser un buen lugar para empezar. De nuevo, no es todo lo que hay que hacer pero si son algunas cosas.

Cómo encuentro la herramienta

Podemos ir directamente a la página en figma y probarla Include — an accessibility annotation tool.

También podemos buscarla desde el icono de Ressources, que por cierto, ¡que cómodo este acceso! Hasta hace un tiempo no estaba o yo nunca lo había notado. Bravo por Figma al ponerlo con un acceso más rápido y cómodo.

Lo buscamos y le damos al botón Run y aparecerá la ventana del plugin que es una ventana flotante como todos los plugins de Figma.

Esta tiene 2 modos, puede ser usada tanto para web como para diseño de apps nativas. Según el tipo de producto que estés trabajando. ¡Elige tu propia aventura!

Empecemos con web en este post, y luego si quieren hacemos uno en nativo, con patrones y links interesantes.

Si abrieron el plugin desde la página, verán una pantalla de “playground” o patio de juego, donde te dan un wireframe para que pruebes la herramienta y una versión de ese mismo wireframe pero con sus notaciones ya marcadas.

Cómo se usa

Vamos al frame en que dejaremos las anotaciones y le damos al botón Run Checker. ¿Por qué hacemos eso? porque la herramienta tiene una parte manual y una parte automática, entonces necesita interactuar con el frame.

Al correr la herramienta, entonces tendremos ahora disponibles una serie de capas, o pestañas que nos indican el tipo de notaciones que debemos dejar para nuestro desarrolladores.

En web Tiene 8 capas distintas:

• Landmarks
• Headings
• Reading order
• Alternative text
• Contrast
• Touch target
• Text Resizing
• Responsive reflow

De las cuales alternative text, contrast y text resizing tiene una función de detección automática, claro que eso no reemplaza el trabajo manual pero ya les cuento más a continuación.

Landmarks

La primera capa es para marcar los landmarks (puntos de referencia), esto permite que los usuarios de lector de pantalla puedan tener más información de la que hay en el sitio, esto por los distintos tipos de navegación que puede usar un usuario de lector.

Vamos a los landmarks que nos permite marcar:

• Banner
• Serch
• Navigation
• Main
• Content info
• Complimentary
• Form
• Region

Ahora para quien no sabe tanto de accesibilidad, vamos a decir que el banner es el equivalente al header en html, el content info es el equivalente al footer en html, y main es el contenido principal es decir main en html, estos tres landmarks solo aparecen 1 vez por página por eso el plugin solo te permite poner 1.

El resto de los landmarks se pueden usar muchas veces más, el search se usa si tienes buscadores, el navegation equivale al nav en html, el complimentary podría ser un aside, el form es para los formularios y por último region equivaldria a un section.

Para colocar los landmarks lo que haremos es hacer click en el landmark y se gerará una capa que debermos mover por el frame dandole forma. Esto se hace de manera manual.

Si quieres saber mas de landmarks te recomiendo ARIA authoting practice guide de la W3C y los ARIA Landmarks examples.

Heading o Encabezados

El plugin nos permite marcar los encabezados desde el H1 al H6.

Esto se hace de manera manual primero marcamos el texto y luego el tipo de encabezado al que corresponde.Recuerda que solo puede haber un H1 por página(esto no lo avisa el plugin).

Siempre debemos seguir una estructura y no saltearnos encabezados. Es decir a continuación de un H1 debe haber un H2, y no un H4. Recuerda que muchas veces la jerarquía visual no está directamente ligada a la estructura de la página, podría es una buena práctica, pero no pasa siempre. Podemos tener un hero con un tamaño gigante y eso no significa que sea un H1.

Reading Order o Orden de lectura

En este caso el plugins, nos da flechas para poder marcar el orden lógico de lectura. Esto se hace de manera manual.

Estas flechas también podríamos utilizarlo para marcar el orden de tabulación, ya que no tiene este plugin algo para hacerloPodríamos resolverlo con dos tipos de flechas quizás, recuerden si hacen esto que las flechas sean distintas no solo en color, si no también en forma, y no incumplan la pauta de uso de color, de la que ya hable en otro post.

Les dejo el post de color, por si tienen dudas de la referencia.

Colores Accesibles (Nivel A) y Daltonismo

Alternative text o texto alternativo solo para imágenes

El plugin introduce una búsqueda automática de imágenes, lo que tenemos que hacer es seleccionar el botón “Scan for images” y buscará en el frame todas las imágenes que tenemos.

Lo bueno, que se pueden marcar como imágenes decorativas y te dá un espacio para que cargues el texto alternativo.

Lo malo, las imágenes se marcan por número de atrás para adelante y no en el orden lógico que uno esperaría.

Lo peor, bueno en realidad la limitación es que que solo toma imágenes no iconos,entonces si tenemos iconos no los marca para colocar su alternativa, deberemos hacerlo manual.

Contrast o Contraste de color para texto

Esta capa es una herramienta automática y como tal tiene falencias y limitaciones.

Primero solo prueba texto que pase 4.5, no evalúa tamaños.

A veces encontraba errores y muchas otras no, aunque el color era evidente que no pasaba. Esto puede tener que ver con las capas de como está construido nuestro diseño.

Utilicé un wireframe para mostrarles como se visualiza, la herramienta me pareció muy visual, me gustó.

Si quieren que en otro post hable de plugins de color y como funcionan el color y contraste y las limitantes que tienen todos ellos, me dejan en comentarios.

Touch Target o tamaño del componente interactivo

En este caso este plugin solo da una recomendación, pero desde mi punto de vista no es buena por dos razones.

Primero porque dice 48 px cuando la WCAG 2.5.5 Target size se habla de 44px.

Segundo si pensamos en la WCAG 2.2 donde se introdujo un criterio nuevo de esto, que además es de nivel AA WCAG 2.5.8 Target size mínimo podríamos estar hablando de un tamaño de 24px por 24px, pero esto da para un post aparte.

Si tuviera que mejorar esta funcionalidad le daría la posibilidad de marcar todos los elementos clickeables con 2 propósitos, el primero evaluar su target size y el segundo poder marcar el orden del foco. Puede ser algo en la próxima evolución de esta herramienta.

Text resizing o redimensionar el texto

En el caso de text resizing lo que hace es automáticamente crece el texto al 200%, lo activamos haciendo click en el botón “Copy design with larger text” y nuestra tarea es ver que el texto no se pierda ni se desborde ni quede tapado o cortado porque no estariamos cumpliendo con el criterio WCAG 1.4.4 Resize text .

Aveces me funcionó y a veces no, asi que no sabria decirles aún de que depende esto, yo creo que juega un poco la forma de construcción de nuestros componentes.

Responsive reflow

En el plugin este punto es manual y dice que diseñemos teniendo en cuenta distintos tamaños desde 1920px para desktop a 320px para mobile, nada que no vengamos haciendo ya si trabajamos con diseños web responsivo. En este caso lo único que haremos es marcar como completado si es que ya hemos echo la tarea.

Cuidado con los el tip, ya que en realidad lo que dice el criterio es que no debe redimensionarse en dos dimensiones que no es lo mismo.

Estos son todos los elementos web, dejenme saber si quieren que analicemos los elementos para diseño de apps nativas.

El espiritu de la accesibilidad esta en compartir

Lo que hizo el equipo de eBay es un gran trabajo, basado en su proceso y su forma de comunicación entre equipos.

La herramienta que construyeron, en mi opinión, es bastante fácil de usar. No remplazará ningún conocimiento de accesibilidad que no tengas, solo facilita que lo que sabés sea compartido entre equipos.

Desde mi lado, en esta pequeña nota, te conté algunas limitantes que tenés que tener en cuenta. Y quiero que te quedes con la reflexión de que cualquier herramienta que utilices tiene que estar acompañada con tu conocimiento de Accesibilidad.

La forma de hacer Accesibilidad es construir un hábito como equipo y eso significa, encontrar sus formas, adaptar sus proceso actuales y hasta incluso construir sus herramientas. Pero sobre todo, pensar en la accesibilidad como algo que esta durante todo el proceso de construcción y no solo al final.

Si te gustó la nota y crees que a alguien le puede servir compartila.

Gracias Maricelia, Constanza y Lu por su feedback para la redacción y ortografía del post.

Gracias Susi por revisar y criticar la herramienta conmigo.

Hoy les traigo una lista de certificaciones que pueden tomar si son profesionales de accesibilidad.

¿Qué es la IAAP?

Es la asociacion internacional de profesionales de accesibilidad. Es una organización sin fines de lucro que, a través de un sistema de membresías reúne a individuos y organizaciones enfocadas en la accesibilidad o que están en el proceso de desarrollar sus habilidades y estrategias de accesibilidad.

¿Por qué certificarte en accesibilidad?

Porque no hay tanto conocimiento actualmente ni madurez en las empresas para poder seleccionar a los profesionales de accesibilidad, por lo tanto tener un título que acredite que sabes lo que decis sabes es un plus para las empresas, ya que confiaran en las instituciones que los certifiquen.

¿Por qué certificarte en la IAAP?

Porque es la única organización de profesionales a nivel internacional que certifica en materia de accesibilidad.

Su trabajo esta basado en el apoyo y la colaboración de sus miembros para el crecimiento de todos en materia de accesibilidad.

Además proveen una lista de recursos para que estudies y te explican cómo será el examen.

La certificación aunque se paga en dólares, tiene un descuento para países en desarrollo. (osea si sos o vivis en cualquier país de latinoamérica podes obtener un descuento)

¿En qué me puedo certificar?

La IAAP cuenta con 5 certificaciones, para acceder a estas se logra a través de distintos examenes.

• Certified Professional in Accessibility Core Competencies (CPACC)
• Web Accessibility Specialist (WAS)
• Certified Professional in Web Accessibility (CPWA) (este no tiene examen te lo dan si aprobas con éxito CPACC y WAS).
• Accessible Document Specialist (ADS)
• Certified Professional in Accessible Built Environments (CPABE)

Pero ¿Por donde te conviene empezar?

Si sos diseñador de experiencia e interfaces, te recomiendo empezar por el primero CPACC. ¿Por qué? Porque certifica tus habilidades en:

• Discapacidad, retos y tecnologías de apoyo.
• Accesibilidad y diseño universal
• Leyes, estándares y estrategias de gestión.

Yo lo hice y si tuve que estudiar algunas cosas fuera de mi zona de confort de diseñadora, pero que si hacen parte de mi carrera como experta en accesibilidad.

¿En que idioma puedo rendir?

Por ahora la certificación de CPACC esta en inglés y en alemán. Pero sabemos que estan pensando en hacerlo en español en los futuros años. En conjunto DALAT y Hear Colors hicimos la traducción del WAS el que ya esta disponible en ingles.

¿Como estudio para el examen?

Podes estudiar por tu cuenta como autodidacta, a ver es importante entender que si sos un porfesional de accesibilidad la información del examen son cosas que ya sabes (en su mayoria) quizas no conoces todas las reglamentaciones como me pasaba a mi porque vengo del mundo del diseño, pero son temas que tiene sentido que conozcan y son parte del conocimiento base del profesional.

También podes comprar un curso para que te enseñen, recomiendo dos cursos:

• Deque University en ingles
• Hear Colors en español

Examen CPACC

La IAPP provee una Guía de estudio para la certificación CPACC, esta contiene toda la info de lo que se toma en el examen de una manera mas extensa que la lista de la web.

Se toma un total de 100 preguntas multiple opción en inglés en 2 horas de examen, pero si su idioma nativo no es inglés se puede pedir una extensión de 1 hora, yo lo hice y me sirvio para dar una repasada a todas las preguntas.

La lista de lo que se toma te lo dejo aquí:

Primera parte: Discapacidades, desafíos y tecnologías de asistencia (40%)

A. Caracterizar y diferenciar entre modelos teóricos de discapacidad, incluidas las fortalezas y debilidades de sus suposiciones subyacentes

• 1. Modelo médico
• 2. Modelo Social
• 3. Modelo Biopsicosocial
• 4. Modelo económico
• 5. Modelo de Soluciones Funcionales
• 6. Modelo de Identidad Social o Filiación Cultural
• 7. Modelo de caridad

B. Demostrar comprensión de las categorías y características de las discapacidades y las barreras asociadas (TIC y mundo físico)

• 1. Discapacidades visuales
• 2. Discapacidades auditivas
• 3. Sordoceguera
• 4. Discapacidades del habla
• 5. Discapacidades de movilidad, flexibilidad y estructura corporal
• 6. Discapacidades cognitivas
• 7. Discapacidades convulsivas
• 8. Discapacidades psicológicas/psiquiátricas
• 9. Discapacidades múltiples/compuestas

C. Identificar Tecnologías de Apoyo Apropiadas y Estrategias de Adaptación a Nivel del Individuo para Discapacidades Permanentes, impedimentos temporales y situacionales (TIC y Mundo Físico)

• 1. Tecnologías de apoyo para discapacidades visuales y estrategias de adaptación
• 2. Tecnologías de apoyo para discapacidades auditivas y estrategias de adaptación
• 3. Sordoceguera
• 4. Tecnologías de apoyo para discapacidades del habla y estrategias de adaptación
• 5. Movilidad, flexibilidad y estructura corporal Tecnologías de apoyo y estrategias de adaptación
• 6. Tecnologías de apoyopara discapacidades convulsivas y estrategias de adaptación
• 7. Discapacidades psicológicas/psiquiátricas Tecnologías de apoyo y estrategias de adaptación
• 8. Discapacidades múltiples/compuestas Tecnologías de apoyo y estrategias de adaptación

D. Demostrar una comprensión de las tendencias de los datos y las implicaciones de la demografía y las estadísticas de discapacidad

E. Aplicar la etiqueta de discapacidad en la práctica

Segunda parte Accesibilidad y Diseño Universal (40%)

A. Distinguir entre adaptaciones individualizadas (soluciones diseñadas solo para personas excepcionales, para compensar las deficiencias en el diseño principal) y diseño universal (artículos o entornos diseñados para ser utilizados por una amplia gama de personas con diversas habilidades)

B. Identificar los beneficios de la accesibilidad

C. Identificar y aplicar los principios de accesibilidad (de WCAG 2.1) de accesibilidad web

D. Identificar y aplicar los principios de accesibilidad para el entorno construido

E. Identificar y aplicar los principios del diseño universal

F. Identificar y aplicar los principios del diseño universal para el aprendizaje (UDL)

• 1. Definir el Concepto de Diseño Universal para el Aprendizaje
• 2. Definir el Concepto de Usabilidad y Experiencia de Usuario (UX)

Tercera parte: Normas, Leyes y Estrategias de Gestión (20%)

A. Identificar y Caracterizar las Declaraciones y Convenciones Internacionales sobre los Derechos de las Personas con Discapacidad

• 1. La Declaración Universal de los Derechos Humanos
• 2. Convención sobre los Derechos de las Personas con Discapacidad (CDPD)
• 3. El Tratado de Marrakech

B. Identificar y Caracterizar Instrumentos Regionales sobre Derechos Humanos y Discapacidad

• 1. Carta de los Derechos Fundamentales de la Unión Europea
• 2. La Carta Africana de Derechos Humanos y de los Pueblos
• 3. La Convención Interamericana sobre la Eliminación de Todas las Formas de Discriminación contra las Personas con Discapacidad

C. Identificar y Caracterizar Instrumentos Nacionales y Provinciales sobre Derechos de las Personas con Discapacidad

• 1. La Ley de Igualdad de 2010
• 2. La Ley de Estadounidenses con Discapacidades de 1990
• 3. Ley de Ontarianos con Discapacidades de 2001

D. Identificar y Caracterizar Leyes y Regulaciones de Compras Gubernamentales y Específicas de Dominio

• 1. Ejemplos de leyes específicas de dominio
• 2. Ejemplos de Leyes de Adquisiciones

E. Aplicación de Normas y Normas de Accesibilidad a las TIC

F. Integración de la accesibilidad a las TIC en toda la organización

• 1. Recursos
• 2. Recomendaciones de la Iniciativa de Accesibilidad Web del W3C
• 3. Directrices de la Agencia Europea para las Necesidades Especiales y la Educación Inclusiva
• 4. Modelo de madurez de accesibilidad del Business Disability Forum
• 5. La importancia de los campeones de la gestión
• 6. Evaluación de la accesibilidad
• 7. Reclutamiento y Contratación
• 8. Estrategias de gestión de las comunicaciones
• 9. Implicaciones legales y de relaciones públicas
• 10. Procesos de contratación

Parece mucha información por eso recomiendo preparar el examen con tiempo. Fue la primera certificación que tomaba en mi vida asi que tenia muchas dudas, nervios y miedo.

También como mi primer idioma no es el inglés eso presento un doble reto, pero de nuevo para cerrar la brecha con el idioma les recomiendo tomar un curso en linea. Además una de las adaptaciones que tiene el examen si no sos nativo del idioma es darte una hora adicional.

Si sos una persona con discapacidad podes pedir los cursos de Deque University gratis.

Si tienen dudas, y puedo ayudarles preguntarme en mis redes sociales. También si te interesa que hable más de la info arriba expuesta dejamelo saber en los comentarios.

Este post fue actualizado el 6 de septiembre. En adición estoy escribiendo 2 post mas contando mi proceso.

Post 2: Se me vencio la certificación y la tuve que volver a rendir (Proximamente)

Post 3: Estoy por rendir WAS te cuento el proceso (Próximamente)

Si sos un comunicador, periodista o queres hablar de accesibilidad dejá de decir persona discapacitada y usá el término aceptado por la comunidad: persona con discapacidad.

En esta primera parte quiero recopilar algunos términos que utilizamos los profesionales de accesibilidad en relación a la discapacidad. Muchas veces puede que dichos términos hayan sido traducidos literales del inglés. Esto junto a la reproducción de esos términos por parte de los medios de comunicacion y no especializados en el tema han creado desinformación, exclusión e infantilización de las personas con discapacidad.

Etiqueta para hablar con personas con discapacidad

Cuando hablamos de etiqueta lo que queremos resaltar es formas correctas de hablar con y de las personas con discapacidad. Si te interesa tedejo este recurso que es un PDF del departamento de New york que se encuentra disponible en español Etiqueta para relacionarse con personas con discapciadad que me parece super claro y sensillo para saber “cómo hablar con las personas con discapacidad”.

Etiqueta para hablar sobre la discapacidad

Ahora sobre cómo hablar de personas con discapacidad, estos términos pueden ser de ayuda para personas con y sin conocimientos en el área, líderes de opinión, medios masivos de comunicación, y cualquier persona interesada en la materia. Es importante que cuando hablemos de discapacidad, sea en los términos correctos y aceptados por los colectivos de personas con discapacidad.

Cuando nos acercamos a nuevos conocimientos es posible que nos equivoquemos, por eso espero que esta guía les sirva para no seguir reproduciendo la desinformación.

Glosario de términos

General sobre personas con discapacidad

• ❌No se dice: persona discapacitada
• ✅Sí se dice: persona con discapacidad

¿Por qué? Primero está la persona después la discapacidad.

• ❌No se dice: persona con capacidades diferentes
• ✅Sí se dice: persona con discapacidad

¿Por qué? Hablar de “capacidades diferentes” es un eufemismo que no reconoce la diversidad humana, ya que al fin y al cabo si lo pensamos todas las personas tenemos capacidades diferentes.

• ❌No se dice: persona especiales, diferentes, con necesidades especiales, seres especiales.
• ✅Sí se dice: persona con discapacidad

¿Por qué? Son de nuevo eufemismos que no reconocern la diversidad humana, e invisibilizan la discapacidad. Especial para mi son las pizzas con jamón y morrón no la persona con discapacidad.

• ❌No se dice: super heroes, angelitos, enfermitos
• ✅Sí se dice: Persona con discapacidad

¿Por qué? La discapacidad no te hace un heroe o un angel, esos terminos infantibilizan a la persona.

• ❌No se dice: defecto, defecto de nacimiento o defectuoso
• ✅Sí se dice: tiene una discapacidad congénita, una discapacidad desde su nacimiento o nació con una discapacidad.

¿Por qué? La discapacidad no es un defecto es parte de la diversidad humana.

• ❌No se dice: sufre de, es víctima de, Padece de, están afectados por
• ✅Sí se dice: tiene discapacidad

¿Por qué? No hay que presuponer que la persona sufre por tener una discapacidad. Decir que alguien sufre es totalmente subjetivo. Es mejor simplemente mencionar que una persona tiene una discapacidad, no que la sufre.

Personas con discapacidades especificas: Epilepsia

• ❌ No se dice: persona epiléptica
• ✅ Sí se dice: persona con epilepsia

¿Por qué? La persona primero.

• ❌ No se dice: ataque de epilepsia
• ✅ Sí se dice: crisis de epilepsia o crisis epiléptica

¿Por qué? La epilepasia no ataca.

• ❌ No se dice: convulsiones
• ✅ Sí se dice: crisis de epilepsia o crisis epiléptica

¿Por qué? No todas las crisis de epilepsia terminan en convulsiones, hablamos de convulsiones solo en el caso en el que una persona tiene un movimiento incontrolable de los músculos que puede desencadenar que termine en el piso, el resto se llamaran crisis, esto incluye que la persona pueda quedar tildada o tener movimientos involuntarios.

Personas con discapacidades motrices

• ❌ No se dice: persona postrada en una silla de ruedas
• ✅ Sí se dice: persona usuaria de una silla de ruedas
• ❌ No se dice: confinado a una silla de ruedas, ni en silla de ruedas.
• ✅ Sí se dice: persona que utiliza una silla de ruedas o usuario de una silla de ruedas.

¿Por qué?Las personas que usan instrumentos o equipos para la movilidad, tienen la libertad y la accesibilidad que de otro modo les es negada.

• ❌ No se dice: impedidos, inválidos, paralíticos, inútiles, cojos…
• ✅ Sí se dice: personas con discapacidad física o motriz

¿Por qué? Es una falta de respeto, las personas con discapacidad motriz simplemente tiene una discapacidad motriz.

Personas con discapacidades Visuales y auditivas

• ❌ No se dice: invidentes, no vidente, cieguitos, corto de vista, cuatro ojos
• ✅ Sí se dice: persona con ceguera o persona con discapacidad visual, persona con baja visión

¿Por qué? El termino vidente hace referencia a alguien que ve el futuro, y no vidente que no ve el futuro lo cual no corresponde con la ceguera. Recuerda siempre la palabra persona primero y el tipo de discapacidad después, en el caso de las personas ciegas y las personas sordas es algo que muchas veces hace la identidad de la persona. No te sorprendas de escuchar estos terminos sin el con. Recuerda nunca corregir a una persona cuando hable de su propia identidad.

De preferencia si estas empezando preferiere tener una consistencia en el lenguaje, puede usar personas con discapacidad visual, pero si la persona te pide que le digas de alguna forma respetalo tambien.

• ❌ No se dice: sordo ciego
• ✅ Sí se dice: persona con sordoceguera

¿Por qué? Es un termino incorrecto, recuerda siempre persona primero.

• ❌ No se dice: los sordos, sordomudos
• ✅ Sí se dice: persona sorda o persona con discapacidad auditiva

¿Por qué? Las personas sordas no son sordas y mudas solo son sordas.

[…] se usa la convención de escribir “Sordo”, con mayúscula, para denominar las personas cuya primera lengua es una lengua de signos y que tienen, con ella, especificidades culturales. Esto podría incluir personas que oyen, que por diferentes razones (la mayoría son familiares), han crecido usando una lengua de signos. Y la palabra “sordo”, con minúscula, designa las personas que padecen deficiencia auditiva severa, sin discriminar el medio de comunicación que utilizan [p. 37].

Fernández-Viader, M. (2005). El valor de la mirada. España: Universitad de Barcelona.

Recuerden padece no es el término que queremos utilizar, gracias Marly Ortiz por notar el término. Recuerden que mucho de nuestro conocimiento se hace en base a otros y es imporrtante que reconstruyamos nuestras terminologías.

• ❌ No se dice: lenguaje de signos, lenguaje de señas
• ✅ Sí se dice: lengua de signos, lengua de señas

¿Por qué? La lengua de señas es una lengua natural de la comunidad Sorda.

Personas con discapacidades intelectuales y del aprendizaje

• ❌ No se dice: disminuidos, subnormales, deficientes, retrasados
• ✅ Sí se dice: personas con discapacidad intelectual

¿Por qué? Es una falta de respeto, que utiliza terminos despectivos y que no reconoce la diversidad humana, simplemente nombremos el tipo de discapacidad.

• ❌ No se dice: mongol, mongólicos, el down,retrasado, atrasado, el niño down
• ✅ Sí se dice: personas con Síndrome de Down

¿Por qué? Es una falta de respeto, que utiliza terminos despectivos y que no reconoce la diversidad humana, simplemente nombremos el tipo de discapacidad.

• ❌ No se dice: de aprendizaje lento, retrasados.
• ✅ Sí se dice: persona con una discapacidad en el aprendizaje o discapacidad específica en el aprendizaje

¿Por qué? Persona primero, discapacidad después.

Personas sin discapacidad

• ❌No se dice : persona normal
• ✅Sí se dice: persona sin discapacidad

¿Por qué? Esta forma de comunicar coloca a las personas con discapacidad en una categoría de lo “no normal”. Se debe prescindir del término ya que no se puede definir cuál es el estado natural o normal del ser humano dada la diversidad.

• ❌No se dice : vidente
• ✅Sí se dice: persona sin ceguera, persona no ciega

¿Por qué? Vidente es quien ve el futuro, por otro lado cuando usamos vidente lo usamos como un término para contraponer a invidente, por lo tanto es mejor hablar de persona ciega y persona no ciega o sin ceguera.

Por último

Es importante que entiendas que estos son los términos para hablar de los colectivos con discapacidad, en el caso de personas particulares que tienen una discapaciadad pueden existir quienes se llamen a si mismos discapacitados.

Esto es correcto y una apropiación por parte de las personas con discapacidad. Esta bien respetarla, no debemos corregir a una persona con discapacidad sobre su propia identidad por que eso es una falta de respeto.

Por ahora esto es todo, en una próxima entrega explicare algunos términos que usamos como especialistas de accesibilidad para describir, tecnologías, herramientas, formas de navegación y otros.

¿Te gustaría poner algún otro término y que este validado por la comunidad de personas con discapacidad? Dejá los términos sobre los que tenes dudas en los comentarios

Spoiler: No lo hizo siendo un buen programa. Hoy 13 de febrero día internacional de la epilepsia te cuento como se creo la pauta 2.3 de la WCAG 2.0

Todo empezó en el episodio 38 de Pokemón emitida en Japón “Soldado eléctrico Porygon”,en este episódio, Ash y Pikachu se enfrentan a Porygon, utilizando un atactrueno, esto provocó una explosión que fue representada por una secuencia de cambios de colores que intercalo luces de color azul a rojo en 54 planos durante 5 segundos y terminó produciendo más de 700 personas hospitalizadas, en su mayoria niños.

Varias de las personas tenían epilepsia fotosensitiva, un tipo de epilepsia en el cual las crisis epilépticas son provocadas por estímulos visuales. Pero es importante entender que estos estimulos nos pueden causar una crisis si por ejemplo estamos estresados, cansados o deshidratados no solamente por tener este tipo de epilepsia.

Sobre la epilepsia

La epilepsia es un trastorno en el que se interrumpe la actividad de las células nerviosas en el cerebro, lo que provoca una crisis epilépticas.

Durante una crisis, una persona puede experimentar desmayo o fatiga, contracciones musculares rítmicas o espasmos musculares. Algunas personas con epilepsia simplemente permanecen con la mirada fija por algunos segundos durante una crisis, mientras que otras mueven repetidamente los brazos o las piernas.

Hablando con algunas personas con epilesia cuentan al respecto:

Julia: Hola, yo no tengo epilepsia fotosensible, si refractaria parcial. Pero recuerdo que una película 3D me disparó crisis sostenidas en el tiempo, que me tuve que ir.

Por otro lado la epilepsia fotosensitiva es una forma menos común de epilepsia, que padecen 3 de cada 100 personas que tienen epilepsia.

Lu: “Hola Yo crisis crisis no, pero si me daban como espasmo (o mioclonia más técnico) un jueguito del celu.. Lo deje de jugar obvio. Era el candy crush”

Es importante entender que las personas que la tienen muchas veces no lo saben y lo descubren al estar expuestos a estas secuencias de luces intermitentes.

Sol: Hola 👋🏻!! Mi hijo le dio una crisis jugando al Fornite en la play station hace 2 años. Le dio tónico clónico muy fuerte fue la única vez q le paso jugando a la play y terminamos en la guardia por control . Le paso de noche. Cuando le hice estudio no le dio q reacciona a la luz o ruidos pero no se porque le sucedió en ese momento.

¿Quiénes pueden tener Crisis Epilépticas?

Cualquier persona, tenga o no diagnosticada epilepsia. Como me dijo Ivana Garcia creadora de Espacio Epilepsia:

La epilepsia es uno de los trastornos neurológicas más comunes, de hecho, 1 de cada 100 personas es diagnosticada con epilepsia en su vida. Es decir, que cada vez que entras a un cine, hay al menos una persona con epilepsia.

Les dejo esta charla ¿Un diseño puede causar una crisis epiléptica? y las gracias por consultar con su comunidad para poder escribir este posteo.

¿Pero entonces ayudó pokemon?

En resumen no ayudo a las buenas, si no que todo lo sucedido impulsó normativas para la televisión, que fueron consideradas por la W3C años posteriores para crear su propia pauta y así evitar que las personas sean dañadas por el contenido.

La Pauta 2.3 Convulsiones y reacciones físicas

Luego de lo sucedido con Pokémon y entendiendo las repercusiones que esto puede causar en las personas, la W3C crea la pauta 2.3 convulsiones y reacciones físicas en la versión 2.0 de sus pautas de contenido para la accesibilidad web, y esta dice:

Pauta 2.3: No diseñar contenido de un modo que se sepa podría provocar ataques, espasmos o convulsiones.

Hoy 13 de febrero en el marco del día internacional de la epilepsia queremos aclarar que el término “Ataque” no es el término que la comunidad con epilepsia utiliza para describir una crisis epiléptica. Esta tradución ya tiene un par de años, por eso es que aparece de esta manera. Entendemos que los contenidos tienen que ser actualizados a nuestro idioma constantemente y construido por las personas a las que involucra. Si algo se tienen que llevar de hoy es que lo correcto es decir crisis no ataque.

En la pauta se agrega una explicación y acá es cuando se habla de Pokémon pero sin dar nombres:

En 1997, una caricatura en la televisión de Japón envió a casi 700 niños al hospital, incluyendo alrededor de 500 de ellos con este tipo de ataques[EPFND]. Las advertencias no son efectivas pues muchas veces son ignoradas, especialmente por niños que quizás no puedan leerlas

El objetivo de esta pauta es asegurar que el contenido que esta en la web, evite el tipo de destellos que puede generar una crisis epiléptica, incluso si el contenido fuera observado por uno o dos segundo. No sirven las advertencias en este punto, por que muchas personas como por ejemplo niños no serán capaces de entenderlas.

A nivel técnico esta pauta tiene 2 criterios asociados, uno de nivel A y otro de nivel AAA.

• 2.3.1 Umbral de tres destellos o menos de nivel A
• 2.3.2 Tres destellos de nivel AAA

En un próximo post exploraremos en profundidad el criterio 2.3.1 y como diseñar para no causar crisis epilépticas.

Para terminar

Sguimos construyendo entornos y contenidos que no estan diseñados para que todos puedan disfrutarlos, como activistas de la accesibilidad impulsamos el conocimiento sobre la materia y construimos con otros para brindar más conocimiento para todos. De nuevo Gracias Ivana Garcia, por las correcciones, siempre que hablamos aprendo términos nuevos sobre la epilepsia.

Te dejo algunos tips que aprendí para accesibilizar un libro en inDesign y donde aprendí a hacerlo para que vos tambien puedas.

Este post viene de experiencia personal, por lo tanto te voy a contar qué y cómo lo hago yo, tambien sé que importante tener referentes, entonces te voy a explicar dónde aprendí a hacerlo

Primero ¿Dónde aprendí?

• YouTube nuestro confiable amigo, aprendí a usar indesign
• El video de Olga Carreras en YouTube que enseña como accesibilizar que les dejo más adelante.
• El curso de DEQUE que esta en inglés.
• La página de Adobe Indesign.
• Y por último tocando y exportando una y mil veces, para probarlo con el lector.

¿Cómo empezar?

Te cuento cómo empiezo yo por que hay varios de estos datos que estan regados por internet.

Imaginemos que ya escribimos nuestro libro o el que nos han pedido que accesibilicemos, una vez que tienes el escrito en txt o word o dónde sea que este escrito, es momento de pasarlo a Indesign. La primera buena práctica es que tu archivo ya este separado en Capítulos y tenga una estructura de títulos semántica correcta, esto nos va a ayudar a etiquetarlo más rápido luego en Indesign.

Abrimos InDesign, creamos el archivo con el tamaño que tendra nuestro libro y luego vamos a archivo y ahí elegimos colocar:

Elegimos el archivo, por ejemplo yo elegí un archivo de word que se llama “texto alternativo”, una vez seleccionado presionamos el botón “abrir” mientras presionamos la tecla SHIFT para que nos aparezcan las opciones de importación.

O clickeamos la casilla de “Mostrar opciones de importación” ¿Por qué les comento esto? porque la ventana nos permite traernos los estilos si el word que trabajamos ya está correctamente estructurado como les recomendé.

El paso fundamental Estilar

Ahora que ya tenemos nuestro documento empecemos a estilar. Puede que ese documento venga con estilos del word que ya habíamos estructurado semánticamente, o que tengamos que crear nuestros propios estilos.

En ambos casos recurriremos al Panel de estilo de párrafo. Lo abriremos en la solapa de Texto y eligiremos “Estilos de párrafo”.

Si hay estilos existentes, nuestro panel de Estilos de párrafo tendra una lista con esos estilos, como en el ejemplo.

¿Y si no tenemos ningun estilo por que nuestro texto no estaba estructurado semánticamente? Vamos a abrir el panel y hacer click en el botón “+” que se encuentra en la parte inferior del mismo. Cada vez que creemos un estilo nuevo se agregará a la lista.

Nota importante para los diseñadores: No todos los encabezados del mismo nivel necesariamente deben tener el mismo aspecto. Pueden crear múltiples estilos para un tipo de título.

Para editar estilos hagan click derecho en el estilo y seleccionar Editar

Desde ahora este panel será su mejor amigo.

Lo importante es que utilicemos este panel cada vez que queramos editar nuestro texto. No más editar desde el panel de herramienta.

El nombre es solo para que nosotros lo identifiquemos, podríamos poner cualquier nombre que se nos ocurra, pero los invito a utilizar los de la estructura semántica ya que al exportar veremos esos nombres.

Ahora vamos a la solapa etiquetas de exportación

¿Que recomiendo?

Consistencia entre el nombre del estilo y la etiqueta a la que refiere. Por ejemplo: si el nombre de estilo es H1 los tag o etiquetas de la exportación tiene que ser H1.

Recomiendo hacerlo tanto para EPUB como para PDF de una vez así cuando exportemos ya se exportará de manera correcta.

Tengamos en cuenta que las etiquetas que permite Indesign son

• H1, H2, H3, H4, H5, H6
• P
• Artifact: estos son los elementos que omitirá el lector (sirven para decoraciónes)

Indesign no tiene otras etiquetas que necesitaremos más adelante cómo quotes, en ese caso lo que haremos es darle un nombre representativo al estilo y tomarnos el trabajo de remediarlas en Adobe-Pro a posterior.

Tips para favorecer el lector de pantalla

Marcos de texto

Siempre utilizar marcos de texto enlazados para texto continuo, en lugar de marcos de texto desconectados, esto es para que los lectores de pantalla puedan tener un flujo correcto de como seguir la lectura.

Sin silabas separadas

Para parrafos, siempre fijense que no haya sílabas con separación porque eso dificulta la lectura del lector de pantalla. Esto es por que se agregará un guión y eso hara que algunos lectores separen la palabra.

En el panel de estilo de párrafo, vayan a la solapa separación de silabas, dónde dice “separar” verifiquen que este destildado.

Listas correctas

La única forma de que lista sea realmente una lista anunciada por el lector, es utilizando la herramienta para tal fin. Se dirigen a la solapa texto y luego “Listas numeradas y con viñetas” Ahí tendremos dos opciones viñetas o números. Si habíamos exportado un documento, lo más seguro es que ya vengan creadas.

Las listas se pueden diseñar con diferentes viñetas, márgenes, etc. Eso lo haremos desde el panel de “Estilo de párrafo” y la sección para “viñetas y numeración” del menú lateral. Pero siempre comprobaremos que algo que se ve como lista realmente tenga la estructura de lista. Lo importante al accesibilizar es que no solo se vea como algo, si no que tambien lo sea.

Tablas

Si queremos contruir una tabla, usemos la herramienta para ese fin, tengamos en cuenta que indesign tiene limitantes.

Puede crear la tabla en InDesign, pero deberá agregar el marcado de accesibilidad adicional para los encabezados de fila después de exportar a otros formatos.

Imágenes

Es importante para las imágenes que tengamos en cuenta dos cosas.

1. Qué este colocado en el orden de lectura correcto para la usuario.
2. Qué tenga un correcto texto alternativo si lo necesita.
3. Marcar como artifact o artefacto si la imaágen no necesita texto alternativo

Para un orden de lectura preciso selecciona y mantén presionado sobre el icono de ancla o el cuadrado azul (en la parte superior derecha) de la imagen y arrastra el mouse a la ubicación en el documento donde quieren que sea leida la imagen. Luego suelta y la imagen quedará anclada en esa posición.

Para agregar texto alternativo, pueden hacer botón derecho sobre el elemento y seleccionar “Opciones de exportación de objetos” y ahi eligen la pestaña Texto alternativo y en Origen del texto alternativo “a medida”. Ahí podras escribir el texto que te parezca pertinente.

Si acaso la imágen era decorativa elijan la pestaña PDF etiquetado en el panel de opciones de exportación de objetos. Ahi en “Aplicar etiqueta” , seleccionen “Artefacto” . Esto es equivalente a establecer texto alternativo vacio como en HTML.

Hay muchas otras cosas que hacer aparte de las que ya te conté, por eso te voy a dejar este video de Olga Carreras creadora del blog Usable y accesible, para que sigas todas las prácticas.

Por último cómo exportar el archivo

Es importante que sepamos que tenemos diferentes formas de exportar, si lo hicimos bien entonces la salida será lo más accesible que inDesign puede darnos. Podemos exportar de dos formas en el formato digital, una es exportar un PDF que luego revisaremos en Adobre Pro y la otra es en EPUB.

Exportar PDF

1. Archivo > Exportar
2. Pongamos el nombre
3. Seleccionamos el formato “Adobe PDF (interactivo)”
4. Click en Guardar

Si o si asegurense de tener marcado “Crear PDF etiquetado” y “Usar estructura para el orden de tabulación”

Tengan en cuenta que los pdf siempre tienen que terminar de ser corregidos y validados en Adobe Pro.

Exportar EPUB

1. Archivo > Exportar
2. Pongamos el nombre
3. Seleccionamos el formato “E-PUB ajustable”
4. Click en Guardar

Recuerden probarlos con el lector una vez que esten listos, para asegurarse que funcionan de manera correcta.

Qué consideraciones tener en Adobre Pro

Es imporntante que una vez que exporten el PDF, lo abran en Adobe Pro y vuelvan a verificar:

• Qué el documento tiene un título
• El idioma es correcto
• La estructura de la etiqueta es correcta
• El orden de lectura esta bien
• Establecer el orden de tabulación

Si quieren saber más como accesibilizar PDF les dejo este workshop magistral de Olga en el CLAU

Este post se centro en cómo accesibilizar el documento, no en prácticas para diseñarlo de manera accesible. Si te interesa que haga un post contandote buenas y malas prácticas del diseño de libros accesible dejamelo en los comentarios.

Te dejo estos 2 video cursos para que puedas empezar tu carrera en accesibilidad. Con información chequeada del tema y construida por profesionales de DALAT

Navegación Accesible

Son 12 clases divididas en 4 módulos, este año 2023 volvera abrir el 17 de abril y el 4 de septiembre y pueden volver a cursas y obtener su certificado si son de Córdoba Argentina. Si no igual pueden ver los videos en youtube. Nota: si son de otro país y les interesa mucho tomar la certificación en esas fechas escriban a @dalatcomunidad en instagram y podemos hablar para que los incluyan el cursado.

Primer módulo:

• Accesibilidad básica
• Accesibilidad para educadores
• Accesibilidad para atención al público

Segundo módulo:

• Accesibilidad para jefes de proyecto
• Proceso de Construcción de proyectos accesibles.
• Proceso de remediación de proyectos no accesibles.

Tercer módulo:

• Accesibilidad para creadores de contenido.
• Accesibilidad para diseñadores UX UI.
• Accesibilidad para comunicadores y gestores de redes sociales.

Cuarto módulo

• Accesibilidad para desarrolladores
• Accesibilidad para tester y auditores
• Accesibilidad para analistas funcionales

Mundo Digital Accesible

Son 12 clases para aprender a testear accesibilidad. Atención por que este año estamos en tratativas de volver a certificar con UTN. Atento en la cuenta de instagram de DALATCOMUNIDAD y mi cuenta Pipimarquez.ux que vamos a comunicar más sobre esto.

• Clase 1 Introducción al testing y la accesibilidad -
• Clase 2 Conociendo la WCAG
• Clase 3 Testeo de accesibilidad
• Clase 4 Herramientas manuales de testeo
• Clase 5 Lectores de pantalla
• Clase 6 Introducción al código
• Clase 7 Testeos automáticos
• Clase 8 Generando un reporte de accesibilidad
• Clase 9 Práctica de testeo
• Clase 10 Metodologías agiles
• Clase 11 Testing funcional y testing de accesibilidad
• Clase 12 Conclusiones finales

Si te gustó y queres más material como este, dejame en los comentarios. ¿Qué mas queres saber de accesibilidad?

Cada vez más los algoritmos de redes sociales se mueven a promover la creación y consumo de material en video, audio, o video con audio sincronizado. Pero no necesariamente promoviendo que ese contenido sea accesible.

Por eso hoy quise crear una pequeña pero extensiva guía sobre accesibilidad en contenidos de video, audio y videos con audio.

Accesibilidad en medios tempodependientes

Yo imagino que ustedes ya leyeron mi guia definitiva sobre accesibilidad para diseñadoras y diseñadores.

Guía definitiva sobre accesibilidad para diseñadoras y diseñadores (Nivel A)

Entonces me voy a limitar a indicar que la WCAG tiene su apartado especial en el principio perceptible, en la pauta 1.2 sobre medios tempodependientes.

Pauta 1.2: Proporcionar alternativas para los medios tempodependientes.

Pueden leer la pauta completa traducida por Sidar que explica que necesitamos alternativas para los contenidos que sean solo de audio, los contenidos que sean solo de video y los contenidos que tengan video y audio. Tambien diferencia que esos contenidos pueden ser grabados(pre grabados)o en directo (en vivo) , y dependiendo de todos estos factores es que debemos tener en cuenta cómo crear sus alternativas que conviertan ese contenido en uno accesible.

Por cierto el término tempodependientes hace referencia a esos formatos que combinamos como video y audio que transcurren en el tiempo, es decir que dependen del tiempo para ser percibidos, comprendidos y operados, Como estamos en el principio uno, entonces nos vamos a centrar en que puedan ser percibidos, y todo lo que tendremos dentro de la pauta hara referencia a como crear alternativas para que las personas puedan percibir la información de esos medios.

Además para información más técnica les dejo esta nota de Olga Carreras que es la tabla de resumen de los requisitos de accesibilidad para medios tempodependientes donde habla de nivel y criterios.

En este post no voy a profundizar en la parte tan técnica, solo quiero darles contexto y una guía fácil de cómo accesibilizar sus contenidos, pero sepan que las bases del por qué hacerlo de esta manera existen.

¡Empecemos!

Primero diferenciemos los tipos contenido

Para redes sociales vamos a hacer hincapie en tres tipos de contenidos

• Solo audio
• Solo video
• Video con audio

y este contenido puede estar grabado o en directo.

Solo Audio

Un contenido de solo audio es un contenido en el que su presentación es solamente audible y se desarrolla en el tiempo, por ejemplo un podcast es solo un audio, o una nota de voz en un servicio de mensajería sería solo audio, la radio también es contenido de este tipo.

Solo Video

Un contenido de solo video es un contenido en el que su presentación es en esencia visual y se necesita de un tiempo determinado para ser percibido. Este contenido no cuenta con audio, por ejemplo un video de diapositivas, animaciones que explican como hacer algo determinado, o esos videos donde alguien enseña como hacer una receta de cocina.

Video con audio

Es un contenido presentado de manera visual y auditiva, por ejemplo una serie, una película o cualquier video que contenga información visual y auditiva. Es decir casi todo el contenido que promueven redes sociales como Instagram, YouTube, TikTok, Twich.

Grabado versus directo

También es importante que diferenciemos entre un contenido en directo y uno grabado.

Cuando hablamos de un contenido en directo, nos referimos al contenido en vivo, que esta en tiempo real cuando lo estamos consumiendo, como cuando estamos escuchando la radio o cuando vemos los Óscares en la tele. En redes sociales sería un vivo de Instagram, live en Facebook o un directo en Twich, algo que está sucediendo ahora.

Cuando hablamos de contenido grabado queremos decir algo que fue construido, ya pasó, no está sucediendo en vivo y que luego está siendo presentado a nosotros. Por ejemplo una serie o una película, que ya se filmó se editó y se subío para que la disfrutemos, en realidad cualquier contenido de Reel, TikTok, o YouTube que no este ocurriendo en vivo.

Diferenciemos los tipos de alternativas

Todos estos contenidos deben tener algún tipo de alternativa con el fin de poder ser percibidos por todas las personas, y, según el tipo de contenido, algunos serán más adecuados que otros.

• Subtítulos y captions
• Audio descripción
• Transcripciones
• Lengua de señas

Subtitles y Captions

Los términos en inglés subtitles y captions corresponden a tipos de formatos accesibles con objetivos distinto. Los primeros, están diseñados para espectadores que no pueden escuchar el audio en un video en tanto los segundos están diseñados para espectadores que pueden escuchar, pero no entienden el idioma que se habla en el video

En español hablamos siempre de subtítulos indistintamente para hablar de estos dos tipos. Entonces estos son los textos que aparecen en la parte inferior de un video que son elementos visuales que transmiten la información que se encuentra en el formato auditivo.

A su vez, los subtítulos pueden ser abiertos o cerrados dependiendo de cómo fueron agregados. Y acá hay otra confusión súper grande.

• Abiertos: se incrustan en la imagen del video y no se pueden alterar ni ocultar.
• Cerrados: externos al video, presentados por un programa auxiliar y se pueden alterar. Un programa auxiliar es por ejemplo el reproductor de video que estemos utilizando.

Les dejo la página de EmpireCaptions que tiene un blog con mucha información en inglés sobre captions y accesibilidad.

Audio descripción

También conocida en algunos países como video descripción. Es una forma de narración que describe la información visual relevante de una escena. Si nosotros estamos dando información visual relevante en un video de manera solamente visual, es necesario que describamos a traves de la narración pasos que estamos ejecutando o que se ve en pantalla para que todas las personas pueda percibir la información.

Este formato está pensado para las personas ciegas y es la forma en la que ellas consumen contenidos como películas, series o videos.

En general, las plataformas de streaming como Netflix, Disney o HBO las tienen en sus plataforma en la configuración sobre el audio.

Transcripción

Es la versión escrita del contenido presentado originalmente en algún otro formato diferente. La versión escrita por ejemplo de un podcast. Esta versión en solo texto, esta separada del contenido.
Este tipo de contenido es de vital importancia para que las personas sordas y ciegas accedan al contenido.

Por ejemplo, Udemy ofrece transcripciones en sus videos.

Las transcripciones en las páginas favorecen el SEO. Sí, así como lo leen. Les dejo una nota que explica cómo escribir la transcripción para un podcast, cómo escribir el transcript para un podcast.

Y la diferencia con los subtítulos es que los subtítulos estan sobre los videos, las transcripciones son un archivo aparte del contenido que transcriben.

Lengua de señas

La lengua de señas es la lengua natural de la comunidad Sorda y se define como un idioma viso-gestual, que utiliza el cuerpo, los rasgos faciales, el espacio y muchos otros elementos. Es importante saber que cada país tiene su propia lengua de señas, en Argentina es por ejemplo la LSA (Lengua de Seña Argentino) Les dejo un ejemplo a continuación de LSA.

¿Cómo venimos hasta acá? Porque ahora se viene lo bueno.

Ahora crucemos los contenidos con sus alternativas

Entonces, tenemos distintos tipos de contenidos con diferentes tipos de alternativas para hacer contenidos accesible.

Solo Audio grabado

Recuerden, si tenemos un podcast, un audio de Whatsapp , de Discord, o cualquier mensajería, o algo similar a esa red social ClubHouse que estuvo de moda ¿Qué necesitamos para accesibilizarlo?

• Subtítulos: No aplica.
• Audio descripción: No aplica. No se necesita descripción de audio por que no hay información visual.
• Transcripción: Sí, requeridas por las normas WCAG A, AA y AAA.
• Lengua de seña: Se recomienda pero no es obligatorio en ningún nivel.

¿Qué necesitamos para accesibilizar un contenido de solo audio grabado? Necesitamos Transcripción. Como Spotify,.que anunció en 2021 que tendría transcripciones automáticas en algunos podcast.

Solo Video grabado

Recuerden, las animaciones que muestran cómo funciona algo, como por ejemplo, un video que explica una receta de cocina.

• Subtítulos: No aplica, por que no hay sonidos.
• Audio descripción: Sí aplica, es obligatorio en el nivel A (si hay transcripción no hace falta) y nivel AA y AAA.
• Transcripción: Sí aplica, es obligatorio en el nivel A (si hay subtítulos no hace falta) y nivel AAA.
• Lengua de seña: no aplica ya que no hay información de audio.

¿Qué necesitamos para accesibilizar un contenido de solo video grabado? Audio descripción o Transcripción, al menos tener una alternativa. Para redes sociales recomiendo agregar voz en off siempre que sea posible y asi cumplir con la audio descripción. O en el caso de que no sea posible por el estilo de contenido entonces disponibilizar una transcripción de lo que sucede en el mismo abajo en la parte donde se pueden agregar texto, por ejemplo pasos de una receta.

Te dejo el link al Video en youtube con transcripciones y pasos que hasta tiene subtítulos generados en gran cantidad de idiomas

Video y audio grabado

Es decir, las series, las películas y todos el contenido que subimos a las redes sociales en general.

• Subtítulos: Sí necesita, si el video contiene información de audio crucial para la comprensión del espectador. Es obligatorio en todos los niveles.
• Audio descripción: Sí aplica, es obligatorio en todos los niveles.
• Transcripción: La adición de transcripciones es obligatoria solo en nivel AAA.
• Lengua de seña: Se recomienda en los niveles A y AA y es obligatorio en nivel AAA.

¿Qué necesitamos para accesibilizar un contenido de solo video grabado? Subtítulos para lo que decimos y lo que se escucha en el video que sea relevante para transmitir la información y la audio descripción de todo lo que se está mostrando visualmente. Les recomiendo mirar el video sin audio y escuchar el audio sin el video, ¿ambos transmiten la información esencial por separado? si es así entonces juntos va a entenderse.

¿Y qué pasa si estamos en vivo? Entonces nos aseguramos de tener subtítulos, cada vez mas plataformas como Meet o Zoom agregan sus propios subtítulos automáticos ¡Aprovechemos!.

Para terminar

En este post traté de condensar la información esencial para crear contenido en audio, video y video con audio teniendo en cuenta la accesibilidad.

Espero que la información te haya parecido amena y clara. Si no lo es, escríbeme por Instagram, o LinkdeIn mis mensajes directos siempre estan abiertos.

Si te gustó este post, no dudes en darme un aplauso y así le cuentas al algoritmo de medium que el material puede ser relevante para otros lectores.

Finalmente, te invito a contarme si te gustaría saber cómo hackear Instagram para hacerlo más accesible.¿Sería un próximo buen post?

Te leo en los comentarios.

Gracias Carolina Soledad por revisar mi ortografía y gramática, darme recomendaciones de qué terminos mejor profundizar y ser tan puntillosa.

Gracias Flavia y Susi por siempre apoyarme leyendo y dandome su punto de vista.