miércoles, 22 de diciembre de 2021

La necesidad de la accesibilidad en nuestra vida diaria

 

comercio electrónico con un ordenador y un teléfono

El hecho es que la accesibilidad nos beneficia a todos y no solo afecta a "esa persona" en el departamento.

Si no fuera por "esa persona" en silla de ruedas que necesitaba un ascensor para llegar a los pisos superiores, todos seguiríamos subiendo escaleras. Si no fuera por "esa otra persona" que necesitaba que sus dispositivos pasarán de texto a voz los contenidos, ninguno de nosotros podría pedir nada a Alexa o preguntarle a Siri sobre el tiempo que hará hoy Todos nos beneficiamos de la accesibilidad digital. Es personal, pero para algunos, es esencial.

El artículo "5 razones por las que priorizar la accesibilidad web es bueno para su negocio"; incorporar la accesibilidad al comienzo de un proceso de desarrollo o rediseño es significativamente más fácil y menos costoso que hacer mejoras al contenido existente.

¿Qué es el "contenido accesible" que preguntas? A menudo les digo a la gente que me pregunta,1º que el contenido accesible significa que es contenido POCR.

P = Perceptible

O = Operable

C = Comprensible

R = Robusto.

En pocas palabras, esto significa que la mayoría de su audiencia puede:

·       Percibir toda la información presentada,

·       Operar todas las funciones,

·       Comprender no solo la información presentada, sino también cómo navegarla

·       (R) pueden trabajar con tecnologías de asistencia.

Microsoft encargó un estudio de impacto económico que encontró que la implementación de un diseño web accesible minimiza el abandono del sitio por parte de los usuarios. Esto "resulta en un estimado adicional de 2.4 millones de dólares en ingresos anuales para Microsoft". En pocas palabras, cuantas más personas permanezcan en su sitio web, más dinero ganará.

jueves, 9 de diciembre de 2021

ARIA in HTML ya es una recomendación (por lo tanto especificación) del W3C

 


Ya que ARIA a 9 de diciembre de 2021 pasa a ser una recomendación del W3C, es bueno recordad las 5 recomendaciones.

Regla 1: No uses ARIA, usa un elemento o atributo HTML nativo.

INCORRECTO

<div role="button">Click aquí</div>

Los botones HTML son ejecutables (con teclado y ratón), pueden tener foco, y los lectores de pantalla los reconoce como botones.

CORRECTO

<button>Click aquí</button>

Regla 2: No cambies la semántica nativa, a menos que realmente lo necesites hacer.

INCORRECTO

<h2 role="tab">AREA 1</h2>

Los títulos no deberían tener el atributo role="tab". Para eso deberemos usar otro elemento como un <div>.

CORRECTO

<div role="tab">

  <h2>AREA 1</h2>

</div>

Regla 3: Todos los controles interactivos de ARIA deben poder utilizarse con el teclado.

Tenemos que recordar que entre los usuarios de nuestro sitio web se encuentran usuarios con discapacidad visual, y que habitualmente esos usuarios navegarán por nuestro sitio web usando el teclado (gracias a sus software de lectura de pantalla). Si alguno de los controles interactivos no es accesible mediante teclado, esos usuarios no podrán clicar en los botónes, o introducir datos en el formulario.

Regla 4: No uses role=“presentation” o aria-hidden=“true” en elementos que requieran foco.

Si en nuestro sitio web tenemos algún elemento que requieran foco, por ejemplo, botones o campos de un formulario, no deberemos usar los atributos role="presentation o aria-hidden="true".

Si usamos cualquiera de esos atributos en un elemento HTML, ese elemento no podrá tener foco y serán omitidos en una navegación usando el teclado. Deberemos usar esos atributos para elementos como un gráfico decorativo o iconos, en los que no queremos que el usuario pueda hacer foco.

INCORRECTO

<button aria-hidden="true">Click aquí</button>

CORRECTO

<img src="./icon.png" alt="Icono de una papelera" aria-hidden="true" />

Regla 5: Todos los elementos interactivos deben tener un nombre accesible.

Cualquier elemento interactivo de nuestro sitio web, por ejemplo, un botón o un campo en un formulario, solo tendrá un nombre accesible si su propiedad de nombre accesible de API de accesibilidad (o equivalente) tiene un valor.

 

INCORRECTO

<html>

  <form>

    ...

    <label>Nombre</label>

    <input type="text" />

    ...

  </form>

</html>

Pero un lector de pantalla no sabrá como relacionar la etiqueta con el campo, ya que no tiene un nombre accesible, y no están relacionadas de ningún modo. En el siguiente ejemplo podemos ver la forma correcta de hacerlo, usando el atributo id="username" en el campo y el atributo for="username" en la etiqueta. De esta manera estarán relacionadas, y el lector de pantalla podrá identificarlos juntos.

CORRECTO

<html>

  <form>

    ...

    <label for="username">Nombre</label>

    <input id="username" type="text" />

    ...

  </form>

</html>

viernes, 3 de diciembre de 2021

Reconocimiento de voz para discapacitados

 

 

logotipo de las personas con discapacidad

Las personas que tienen paraplejia, tetrapléjico, tienen un brazo o uso limitado de sus brazos debido a la osteoartritis o la artritis pueden usar el reconocimiento del habla. Algunas personas utilizan software de reconocimiento de voz combinado con otras tecnologías de asistencia, como dispositivos de conmutación o teclados ergonómicos.

Las personas con limitaciones temporales pueden volver al reconocimiento de voz cuando sea necesario. Esto incluye a las personas con afecciones como la lesión por esfuerzo repetitivo (RSI) o el túnel carpiano y las personas con una muñeca rota o fracturada o tendinitis.

CÓMO FUNCIONA EL RECONOCIMIENTO DE VOZ

El reconocimiento de voz utiliza una combinación de reconocimiento automático de voz (ASR) y procesamiento de lenguaje natural (NLP) para convertir palabras y oraciones habladas en texto o comandos procesables.

UTILIDADES

El reconocimiento de voz es útil para las personas con limitaciones situacionales que dificultan o imposibilitan el uso de un teclado, un mouse o gestos táctiles. Esto incluye el uso del reconocimiento de voz en teléfonos y asistentes de voz para buscar información al cocinar o conducir un automóvil.

ENTRENAMIENTO

Cuando se utiliza el reconocimiento de voz, puede llevar tiempo entrenar el software para que reconozca su voz con precisión. También es esencial tener un micrófono de buena calidad que pueda captar claramente lo que dices.

NAVEGACIÓN CON RECONOCIMIENTO DE VOZ

Además de dictar texto, completar formularios y abrir y cerrar aplicaciones, puede navegar por la web y controlar completamente los sitios web con comandos de voz.

ERRORES CÓMUNES

Las cosas pueden volverse más complejas dependiendo de qué tan bien esté diseñado. Si hay varios enlaces en la misma página con el mismo texto de enlace, el software no sabrá en qué enlace hacer clic.

Los botones deben tener etiquetas visibles para que puedan activarse. Las etiquetas en el código fuente deben coincidir con su presentación visual,

RESUMEN

Las personas discapacitadas temporal o permanentemente afectadas por una discapacidad, usan el reconocimiento de voz como una alternativa al uso de un teclado, mouse o gestos táctiles. Es utilizado por personas con discapacidades físicas, limitaciones de destreza, cognición y discapacidades de aprendizaje.

El software de reconocimiento de voz utiliza algoritmos para identificar los idiomas hablados y seguir los comandos verbales.

El software de reconocimiento de voz depende de la calidad del diseño y el código utilizado para crear la aplicación o el contenido web.