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.

2 respuestas a «Escritura básica de MathML en un contenido web»

  1. Hola, yo quisiera saber cómo le el VoiceOver los trabajos. matemáticos escritos en Mat M L. Y si sabes en los ajustes de VoiceOver dicen que las ecuaciones usan Németh, ¿a qué se refiere? Y cómo se utiliza? Saludos y gracias.

    1. Buenas,

      No entiendo bien tu pregunta sobre cómo lee VoiceOver los contenidos matemáticos. Si te refieres a cómo los interpreta con voz o braille pues si no identificas que es un contenido matemático lo verbalizaría tal y como la síntesis de voz lo identificase elemento a elemento. Por ejemplo: 2 menos 3 lo leería como 2 guión 3. En braille habría más problemas debido a que hay signos de puntuación que coinciden con signos matemáticos y otros que no son transcribibles al braille Nemeth

      Qué es esto del braille Nemeth? pues es una extensión del braille literário adaptado para poder escribir matemáticas complejas ya que con el braille computerizado o el tradicional no tenemos forma de escribir los símbolos de integrales, números imaginarios, exponentes o raíces u otros símbolos matemáticos. Esto es el braille Nemeth, una extensión del braille para definir un braille común para escribir matemáticas en cualquier dispositivo braille.
      VoiceOver tiene un traductor de MathML a braille Nemeth para que en una línea braille se pueda leer el contenido en MathML en un braille comprensible para una persona ciega que use este braille para matemáticas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.