Testaussivusto matemaattiselle sisällölle

overflow-x: auto;

Jos on esimerkiksi kaava $$(a\circ <!--\; \circ \; -->b)\circ <!--\; \circ \; -->c=a\circ <!--\; \circ \; -->(b\circ <!--\; \circ \; -->c)\text{(1.3).}$$

Siihen voidaan viitata käyttämällä linkkiä tällä tavalla: "Siirry kaavaan 1.3."

Kaava SVG-kuvana ja altin sekä role="math" käyttö

Kaava ilman altia ja ilman rolea

Tulos: (Firefox, Chrome) NVDA hyppää yli, ei kohdistusta.

Kaava, jolla on alt ja ilman rolea

Tulos: (Firefox) NVDA lukee alt-tekstin: "Grafiikka. f(x) on yhtä kuin 1 kautta 2 a."

Chrome: "Grafiikka, jolla ei ole tunnistetta f(x) on yhtä kuin 1 kautta 2 a."

Kaava, jolla on alt ja role

Tulos: (Firefox) NVDA lukee alt-tekstin: "Grafiikka. f(x) on yhtä kuin 1 kautta 2 a." Ei kerro erikseen matemaattisesta sisällöstä. Ei aktivoidu näppäinkomennolla NVDA+Alt+M, jolla matemaattista sisältöä voi lukea. Kuvan "accessible name" on "math" eli DevTools tunnistaa sen matemaattiseksi sisällöksi.

(Chrome) NVDA lukee alt-tekstin: "f(x) on yhtä kuin 1 kautta 2 a." Ei toista "grafiikka"-sanaa. Ei kerro erikseen matemaattisesta sisällöstä. Ei aktivoidu näppäinkomennolla NVDA+Alt+M, jolla matemaattista sisältöä voi lukea. Kuvan "accessible name" on "math" eli DevTools tunnistaa sen matemaattiseksi sisällöksi.

Kaava ilman alt ja on role

Tulos: (Firefox, Chrome) NVDA ei sano mitään, mutta ottaa kohdistuksen. Ei kerro erikseen matemaattisesta sisällöstä. Ei aktivoidu näppäinkomennolla NVDA+Alt+M, jolla matemaattista sisältöä voi lukea. Kuvan "accessible name" on "math" eli DevTools tunnistaa sen matemaattiseksi sisällöksi.

Piste matematiikan lopussa

It is important for you to really understand the quadratic formula $$x=\frac{-b\pm \sqrt{b^2-4ac}}{2a}\text{.}$$$$x=\frac{-b\pm \sqrt{b^2-4ac}}{2a}$$.