Operaciones aritméticas básicas en MathML

En artículos anteriores hemos visto qué es MathML y cómo se escribe una operación matemática con MathML para la Web. Con esa información podemos crear contenidos de aritmética básica de forma accesible y legible para todas las personas.

Aritmética básica con MathML

La aritmética puede definirse como la ciencia de los números y las operaciones básicas que podemos realizar con ellos. Estas operaciones permiten realizar cálculos para resolver problemas relacionados con la cantidad, el tamaño, la distancia, entre otros. En términos simples, la aritmética es el lenguaje universal que usamos para entender y manejar números en nuestra vida diaria.

La aritmética se fundamenta en cuatro operaciones básicas: suma, resta, multiplicación y división. Cada una de estas operaciones tiene su propia función y se aplica en diferentes contextos, pero todas están interrelacionadas entre sí.

A la hora de utilizar la etiqueta <mo> de MathML es sencillo incluir algunas de estas operaciones básicas de la aritmética como la suma y la resta ya que sus símbolos matemáticos están dentro del conjunto de caracteres comunes de escritura de textos. Pero otras operaciones aritméticas como la multiplicación y la división utilizan símbolos que no son de uso común a la hora de escribir textos. Por esta razón es necesario utilizar caracteres HTML especiales para reflejar estas operaciones.

Por ejemplo, para representar la operación de multiplicación se utiliza el símbolo × que en HTML se representa como &times; y el símbolo para la división es ÷ y en HTML se representa como &divide;.

Veamos a continuación los distintos símbolos para las operaciones aritméticas básicas escritos dentro de un bloque MathML:

<math>

<mrow><mn>1</mn> <mo>+</mo> <mn>1</mn> <mo>=</mo> <mn>2</mn></mrow>

<mrow><mn>1</mn> <mo>-</mo> <mn>1</mn> <mo>=</mo> <mn>0</mn></mrow>

<mrow><mn>2</mn> <mo>&times;</mo> <mn>3</mn> <mo>=</mo> <mn>6</mn></mrow>

<mrow><mn>6</mn> <mo>&divide;</mo> <mn>3</mn> <mo>=</mo> <mn>2</mn></mrow>

</math> 

En el navegador este código MathML se visualizaría de esta manera:

 
1 + 1 = 2 1 1 = 0 2 × 3 = 6 6 ÷ 3 = 2

Con esto ya podemos representar la aritmética básica en un contenido Web de forma accesible. En futuros artículos veremos operaciones más complejas gracias a MathML.

Escritura básica de MathML en un contenido web

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:

508=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.

Identificar mayúsculas con VoiceOver para Mac

Los lectores de pantalla ofrecen su información a través de 2 canales principales: la voz y salida de texto a un dispositivo de lectura braille.

La mayoría de usuarios de lector de pantallas utiliza la síntesis de voz como canal por defecto o como canal único debido a que no implica un coste económico extra ya que los dispositivos de lectura braille como las líneas braille poseen un precio bastante elevado.

A la hora de acceder a cierta información utilizando una síntesis de voz un usuario de lector de pantallas puede experimentar diversos problemas ya que la síntesis de voz no proporciona toda la información de un texto cuando se utiliza una configuración de pronunciación por defecto.

La mayoría de lectores de pantalla permiten personalizar el nivel de puntuación a verbalizar, algo que beneficia al usuario de lector de pantallas a la hora de leer código de programación o textos matemáticos. También permiten modificar aspectos de la pronunciación cuando se detectan algunos elementos semánticos en el texto como pueden ser palabras enfatizadas o resaltadas.

Identificación de mayúsculas mediante VoiceOver para MacOS

En el caso de VoiceOver para Mac se puede configurar la detección de letras mayúsculas mediante 3 mecanismos: reproducir un sonido, cambio de entonación o la pronunciación de la palabra mayúscula antes de verbalizar la letra.

Para configurar este comportamiento debemos abrir las opciones de configuración de VoiceOver pulsando Vo+F8 y en la categoría Verbosidad debemos seleccionar la pestaña Texto. Allí encontraremos la opción Al leer una letra mayúscula: que nos permitirá personalizar el comportamiento entre estos 4 posibles valores: cambiar tono, reproducir tono, Leer mayúscula y no hacer nada.

Problemas de entonación con algunas voces

Se conoce que algunas voces para algunos idiomas no responden bien a este cambio de entonación de VoiceOver o que directamente lo ignoran. En estos casos es recomendable elegir una de las otras opciones para que no nos perdamos esta información del texto al utilizar este lector de pantallas.

Encuesta de Be my eyes sobre gafas inteligentes

La gente del proyecto Be my eyes ha enviado un correo electrónico a sus usuarios con una encuesta sobre el uso de gafas inteligentes por parte de personas ciegas.

Esta encuesta, en inglés, se presenta con el siguiente texto traducido al español:

A medida que trabajamos para mejorar y hacer crecer Be My Eyes, es vital para nosotros conocer a nuestros usuarios. Esta encuesta tiene 2 preguntas cortas. Tus respuestas serán confidenciales y anónimas. Realmente nos ayudará a saber cómo mejorar nuestro servicio y lograr que aún más personas utilicen Be My Eyes. ¡Gracias por ayudarnos a cambiar el mundo!

Las preguntas que contiene la encuesta son:

  • ¿De qué país eres?
  • ¿Tienes actualmente gafas inteligentes?
  • En caso afirmativo, ¿qué gafas inteligentes tienes?

La encuesta es fácil de contestar y permitirá a la gente de Be my eyes concentrar sus esfuerzos para ofrecer sus servicios de forma más óptima para sus usuarios.

Puedes participar en la encuesta de Be my eyes en inglés.

¿Qué es Be my eyes?

Be my eyes es una comunidad de personas con y sin discapacidad visual enfocadas en ayudarse mútuamente gracias a la tecnología.

En su página web podemos leer:

Be My Eyes se creó para ayudar a personas ciegas o con problemas de visión. La aplicación está compuesta por una comunidad global de ciegos y personas con problemas de visión y voluntarios sin discapacidad visual. Be My Eyes toma el poder de la tecnología y la conexión humana para llevar vista a las personas con pérdida de visión. A través de una video llamada en directo, los voluntarios asisten a ciegos y personas con déficit de visión prestándoles ayuda visual para tareas como el reconocimiento de colores, comprobar si las luces están encendidas o preparar la cena. La aplicación es de uso gratuito y está disponible para iOS y Android.

Si eres una persona perteneciente a la comunidad de Be my eyes te interesa participar en esta encuesta para hacer que esta comunidad mejore en su misión.