From ee7d81b750d18575c651c05849af2c4c6a8b956f Mon Sep 17 00:00:00 2001 From: Peter Krautzberger Date: Sun, 20 Aug 2023 14:31:55 +0200 Subject: [PATCH] docs: clean up sample page * index.css: limit bg black to mathjax * index.html * rewrite copy * remove 123456 span example * add wikipedia lever diagram * remove house * clean up print equation layout examples --- index.css | 1 - index.html | 1652 +++++++++++++++------------------------------------- 2 files changed, 483 insertions(+), 1170 deletions(-) diff --git a/index.css b/index.css index 19e9d46..20e553e 100644 --- a/index.css +++ b/index.css @@ -2,7 +2,6 @@ color: pink; } -svg:focus-within, mjx-container:focus-within > svg { background-color: black; } diff --git a/index.html b/index.html index 34babfa..c4766ac 100644 --- a/index.html +++ b/index.html @@ -9,936 +9,47 @@

- A "global" walker with left/right and click. Using img markup. Adjusting - aria-hidden, removing roles and shelving labels when increasing - granularity. Single Click/tab to dive in/out. With rects to cover active - nodes -

+ A example for a simple walker for complex image markup. Uses arrow keys and click to change granularity and explore with desktop and mobile screenreaders.

- - - 1 - 2 - - - 3 - 4 - - 5 - 6 - - - - 7 - 8 - - - -
- - sre2tree output without aria-hidden - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - and with aria-hidden - - - - - - - - - - - - - - - - - - - - + + + +
Attribution: Jjw, CC BY-SA 3.0 + via Wikimedia Commons +
+ + + +
+

Some print equation layout examples:

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - An inline print equation layout example + - - - - - - - - - - - + + - - - - - - - + + + + + + + + + + + + + + + where AT can struggle when returning to browse mode. +

+