App & plataforma

Math Notes es una progressive web app: se instala como una app nativa, funciona sin conexión y respeta las preferencias de tu sistema.

Instalar#

Abre la app en un navegador moderno y usa la acción Instalar o Añadir a la pantalla de inicio del navegador. Una vez instalada, se abre en su propia ventana, sin barra de direcciones ni interfaz del navegador.

Sin conexión#

Un service worker mantiene la app disponible sin conexión. Tras la primera visita, la estructura y el código de la app se sirven desde la caché; una versión nueva se instala en segundo plano y toma el control en una visita posterior, cuando todas las pestañas se hayan cerrado, así que una página abierta nunca mezcla versiones.

Las tasas de cambio también se guardan en caché, así que las conversiones siguen funcionando sin conexión con las tasas más recientes que haya visto la app.

Atajos de teclado#

Las acciones más comunes tienen un atajo; la lista completa está en la Referencia. Los más comunes:

Atajo	Acción
`⌘Z` `Ctrl+Z`	Deshacer
`⇧⌘Z` `Ctrl+Shift+Z`	Rehacer
`⌘F` `Ctrl+F`	Buscar y reemplazar
`⌘G` `Ctrl+G`	Ir a una línea
`Ctrl+Space`	Autocompletado
`Tab` `Shift+Tab`	Indentar / desindentar al inicio de una línea
`Esc`	Salir del editor a la barra de pestañas
`⇧⌘C` `Ctrl+Shift+C`	Copiar el resultado de la línea actual
`⇧⌘S` `⇧⌘L` `Ctrl+Shift+S` `Ctrl+Shift+L`	Copiar un enlace para compartir (`L` también funciona donde el navegador reserva `Ctrl+Shift+S`)

Accesibilidad#

El control de tamaño del texto escala desde el tamaño predeterminado del navegador, así que honra tu preferencia del sistema.
El editor tiene una etiqueta accesible, la barra de estado anuncia el estado con aria-live, y el resultado de la línea activa se anuncia mediante una región viva aparte.
El autocompletado mantiene el editor como un cuadro de texto normal (aria-controls, aria-autocomplete) y anuncia el número de sugerencias y la resaltada mediante un mensaje de estado.
Las pestañas pueden renombrarse con el teclado (F2) o por toque (mantén pulsado).
La barra de pestañas es un tablist con tabindex móvil: Tab la alcanza en una sola parada, ←/→ cambian de pestaña, y Delete / Backspace cierra la pestaña enfocada.
El editor nunca atrapa el teclado: Tab indenta al inicio de una línea y en cualquier otra posición mueve el foco, y Esc sale del editor a la barra de pestañas (un cuadro de sugerencias o la barra de búsqueda abiertos reciben Esc primero).
Las ventanas son elementos <dialog> nativos con cabecera etiquetada y botón de cierre alcanzable por teclado, y al cerrarlas el foco vuelve al botón que las abrió.
La agregación de la barra de total es un <select> etiquetado.
La documentación que estás leyendo es HTML estático con enlace para saltar al contenido, elementos de referencia y una barra lateral alcanzable por teclado.