Etiqueta: web

Investigación sobre la promesa y los peligros de las accessibility overlays para usuarios ciegos y con baja visión

Publicado el

Recientemente en el contexto de un congreso en octubre de 2024 se ha publicado un paper de investigación titulado The Promise and Pitfalls of Web Accessibility Overlays for Blind and Low Vision Users.

El documento comienza con este texto:

La accesibilidad web es esencial para garantizar que todas las personas, independientemente de sus capacidades físicas o cognitivas, puedan acceder y utilizar Internet de manera efectiva. Este principio es fundamental a medida que las plataformas digitales se convierten cada vez más en canales principales para la educación, la comunicación, el comercio y el entretenimiento. Nuestro estudio evalúa críticamente la efectividad de las accessibility overlays, que son herramientas de terceros que pretenden mejorar la usabilidad del sitio web para personas con discapacidad.

El estudio se ha centrado principalmente en personas con baja visión y personas ciegas.

Los autores del estudio, Tlamelo Makati, Garreth W. Tigwell y Kristen Shinohara, son reputados investigadores en accesibilidad web.

Los estudios realizados para la publicación de esta investigación revelan que estas superposiciones suelen ser ineficaces y, a menudo, empeoran la experiencia de accesibilidad.
Los usuarios informan de conflictos con sus productos de apoyo, especialmente con los lectores de pantalla, lo que aumenta la frustración a la hora de navegar un sitio web que utilice una de estas accessibility overlay para solucionar las barreras de accesibilidad presentes en el sitio web.
El estudio sugiere que las soluciones basadas en accessibility overlays no sustituyen el diseño web accesible desde la base del proyecto web.

Puedes leer el documento de investigación en Inglés en formato PDF.

Escritura básica de MathML en un contenido web

Publicado el

En un artículo anterior se describió El lenguaje de marcado MathML (Mathematical Markup Language)

 y sus posibles usos para representar expresiones matemáticas complejas de manera que sean comprensibles para los navegadores y accesibles para usuarios con discapacidades visuales mediante lectores de pantalla.

Con la integración de MathML en HTML5, es más sencillo incluir fórmulas matemáticas en páginas web sin necesidad de imágenes o scripts externos.

En este artículo, exploraremos las etiquetas principales de MathML: <math>, <mrow>, <mn>, <mo>, y <mi>, y veremos ejemplos de cómo se utilizan para estructurar contenido matemático.

Etiqueta math

La etiqueta <math> es el contenedor raíz para cualquier expresión MathML. Todo el contenido matemático debe estar encapsulado dentro de esta etiqueta para que los navegadores lo reconozcan como tal.

Ejemplo:

<math>
<!-- Contenido MathML aquí -->
</math>

Etiqueta mn

La etiqueta <mn> se usa para representar números. Cada número en una expresión debe estar envuelto en una etiqueta <mn>.

Ejemplo:

<math>
<mn>3</mn>
<mo>+</mo>
<mn>4</mn>
<mo>=</mo>
<mn>7</mn>
</math>

Este código se mostraría de la siguiente forma:

3 + 4 = 7

Etiqueta mo

La etiqueta <mo> se utiliza para operadores. Esto incluye símbolos como el signo más, menos, multiplicación, división, paréntesis, y otros operadores matemáticos.

Ejemplo:

<math>
<mn>50</mn>
<mo>-</mo>
<mn>8</mn>
<mo>=</mo>
<mn>42</mn>
</math>

Este ejemplo se visualiza de la siguiente forma:

50–8=42

Etiqueta mrow

La etiqueta <mrow> se utiliza para agrupar elementos de manera secuencial. Es similar a un “contenedor” que asegura que el contenido se trate como una sola unidad lógica. Esto es especialmente útil cuando se necesita aplicar operadores a un grupo de elementos. Por ejemplo si se desean escribir varias líneas con operaciones matemáticas:

<math>
<mrow>
<mi>x</mi>
<mo>+</mo>
<mi>y</mi>
</mrow>


<mrow><mi>p</mi>
<mo>+</mo>
<mi>q</mi>
</mrow>
</math>

Este código se mostraría de la siguiente forma:

x+y p+q

En futuros artículos veremos construcciones más complejas utilizando MathML.

Escribir matemáticas en la Web de forma accesible con MathML

Publicado el

En muchos contenidos de la Web nos encontramos formulas matemáticas que bien están dibujadas en una imagen o bien se escriben maquetando y estructurando los distintos elementos de una fórmula matemática atendiendo a su posición en el papel y no a su significado matemático. Todo esto provoca multitud de problemas de accesibilidad que dificultan la lectura de contenidos matemáticos en la Web. Para solucionar este problema el W3C definió MathML.
MathML, abreviatura de Mathematical Markup Language, es un lenguaje de marcado basado en XML diseñado específicamente para representar expresiones matemáticas y notaciones en documentos web. MathML fue desarrollado por el W3C (World Wide Web Consortium) y es una parte integral del conjunto de estándares web para facilitar la inclusión de contenido matemático en las páginas web de manera semántica y accesible.

Se pueden encontrar multitud de beneficios al usar MathML en la Web:

  • Consistencia: Proporciona una forma estandarizada de presentar matemáticas en la web, asegurando que las fórmulas se vean de la misma manera en diferentes navegadores y dispositivos.
  • Escalabilidad visual: Las expresiones matemáticas en MathML se escalan correctamente cuando se ajusta el tamaño de texto en el navegador, manteniendo su legibilidad.
  • Accesibilidad: proporciona compatibilidad con los productos de apoyo como lectores de pantalla provocando que las fórmulas matemáticas apliquen reglas de lectura específicas facilitando a las personas ciegas una lectura más comprensible de fórmulas y textos matemáticos.
  • Interacción Mejorada: Permite la creación de contenido interactivo donde las fórmulas pueden ser manipuladas o calculadas dinámicamente, lo que es particularmente útil en plataformas educativas.
  • Compatibilidad con Herramientas de Edición: Muchas herramientas de edición y procesamiento de documentos científicos soportan MathML, lo que facilita la importación y exportación de contenido matemático entre diferentes plataformas.

Implementación y Compatibilidad
La implementación de MathML puede variar entre diferentes navegadores web. Mientras que navegadores como Firefox y Safari ofrecen soporte nativo para MathML, otros como algunas versiones de Chrome, Brave u Opera pueden requerir complementos o bibliotecas adicionales como MathJax para un soporte completo. MathJax es una popular biblioteca JavaScript que ayuda a renderizar MathML (y otras notaciones matemáticas como LaTeX) de manera consistente en todos los navegadores.
Lo habitual es que si el navegador soporta HTML5 en todas sus versiones el contenido en formato MathML se pueda visualizar correctamente aunque haya algunos problemas de estilo CSS.

Ejemplo básico

A continuación veremos un ejemplo básico sobre cómo se ve el código de MathML y cómo lo lee el navegador web. Vamos a realizar una operación matemática básica: calcularemos la suma de 3 y 6 que debe dar un resultado de 9.

El resultado en MathML es:

3+6=9

Y su código en MathML es el siguiente:

<math display="block">
  <mrow>
    <mn>3</mn>
    <mo>+</mo>
    <mn>6</mn>
    <mo>=</mo>
    <mn>9</mn>
  </mrow>
</math>

La gramática de MathML es muy parecida a la que se utiliza en HTML5 por lo que no supone un aprendizaje pesado y los beneficios merecen mucho la pena. En futuros artículos aprenderemos a utilizar MathML con más profundidad.

¿Cómo notificar errores y enviar sugerencias a OpenAI sobre ChatGPT y el resto de sus servicios?

Publicado el

La empresa OpenAI es la creadora de diversos servicios de Inteligencia artificial generativa. El más conocido es Chat GPT.

Muchos de sus productos son librerías para ser utilizadas a través de otras aplicaciones. Esto se conoce como API. Pero también OpenAI proporciona productos que muestran una interfaz de usuario como es el caso de Dall-e o Chat GPT. En estos productos se pueden encontrar problemas de accesibilidad u otro tipo de problemas.

Para obtener ayuda de los diversos productos de OpenAI está el centro de ayuda. Desde esta página del centro de ayuda se puede acceder al servicio de soporte de OpenAI. Este servicio consiste en un chat con un agente del servicio de soporte de OpenAI. Por ahora, estas personas sólo hablan inglés por lo que toda la comunicación debe ser realizada en este idioma.

Desde el chat de soporte podemos notificar errores de accesibilidad y compartir sugerencias para mejorar los distintos productos y servicios que ofrece OpenAI.

El botón para acceder al chat se encuentra al final de la página web del centro de ayuda. Cuando se pulsa el chat nos aparecerá un marco con toda la interfaz del servicio de atención al cliente. Deberemos buscar el botón para enviar una pregunta al servicio técnico de OpenAI.

Cómo instalar apps de la Playstore en un dispositivo Android desde un navegador

Publicado el

El sistema operativo Android está presente en multitud de dispositivos: teléfonos, televisores, tablets, centralitas domóticas, etc, y aunque su accesibilidad va en un continuo aumento sigue presente el problema de la fragmentación a causa de los fabricantes así como la mayor o menor comodidad a la hora de acceder y manejar ciertas interfaces de usuario de Android.

Por ejemplo se puede dar el caso de querer instalar una aplicación como Talkback, el lector de pantallas de Google para Android, en una tablet o una televisión que no tenga instalado el lector de pantallas. En principio una persona ciega no podría hacer esta instalación de forma autónoma a menos que aproveche la instalación remota de aplicaciones que permite la Playstore de Google.

La Playstore es la tienda de aplicaciones para Android que ofrece Google para los dispositivos compatibles con los servicios de esta empresa. En la actualidad la mayoría de dispositivos con Android, Android TV, Android wear y Android auto incluyen la Playstore y demás servicios de Google.

Para instalar desde un navegador web una aplicación de la Playstore en uno de nuestros dispositivos Android debemos seguir los siguientes pasos:

  1. Ir a la página oficial de Google Playstore e iniciar sesión con la misma cuenta de GMail con la que hayamos configurado nuestro dispositivo Android.
  2. Busca la aplicación que deseas instalar y accede a la página de detalle de la aplicación pulsando el enlace en la lista de resultados de búsqueda.
  3. Busca el botón Instalar y selecciona el dispositivo donde quieras instalar la aplicación.
  4. Acepta el diálogo de consulta e introduce la contraseña de tu perfil si es necesario para continuar con el proceso.
  5. Si el dispositivo de destino está encendido y conectado a Internet el proceso de instalación comenzará en pocos minutos.

Con este procedimiento podemos preparar nuestro dispositivo Android con nuestras aplicaciones favoritas y necesarias para que podamos utilizar estos dispositivos de la forma más autónoma posible.