|
|
|
|
|
by RogerL
1087 days ago
|
|
But what is the answer? What should I do differently? I get don't use images, but then what? I can't imagine all screen readers have the same capabilities, or that there is a base common ability, so what should we do? Googling says MathML is the answer (e.g. https://www.washington.edu/doit/how-do-i-create-online-math-... this site uses MathML and your reader isn't handling it. So now what? (alt-tags? something else?) |
|
For content that really cannot be written in a way that screen readers can handle, there is always the idea of Screen Reader Only content. It's a hassle, but let's jump in and give it a shot
For instance for the first math thing you can have
Then you make sure that the element that wraps up your first equation has aria-describedby="definition-of-reduced-derivative" so that the SR reads out that content. I think you may need to not have "aria-hidden" on that math wrapper, but I'm not sure.This is not an authoritative answer; I'm just some asshole who writes front-end code a lot. More of a Cunningham's Law situation that anything really. You don't want to end up creating one experience for sighted users and completely different one for screen-reader and refreshable-braille-display users. But this can maybe get the wheels turning for how to address it? Also again maybe TOTALLY unnecessary once you un-hide the math markup.