Hi!

I'm trying to fix an accessibility problem with the styling of the Worg
pages, originally reported by Samuel Wales and discussed in this thread:
https://list.orgmode.org/CAJcAo8uTOpEazLNCr0t1kFqPGTLz=G=adnklhuo1-ura8-m...@mail.gmail.com/

I would be grateful if a few people could try out a style change and
drop me a note here before I implement it next week. I'd like to know
that the accessibility problem is fixed, that I haven't inadvertently
created new ones, and any feedback on the layout.

Problem: With narrow screens / large fonts, the text is obscured by
items on the right. An earlier partial fix hides the Table of Contents
on narrow screens, but that makes the TOC unavailable and still leaves
clashing items.

Tested solution: Position the UP|HOME and LiberaPay links absolutely on
the top of the page to scroll away with the text. Keep the TOC fixed to
the right, but when the screen is narrow, position the TOC relatively
under the heading in the normal document flow. Keep the collapse/expand
behavior of the TOC unchanged. Shrink the unicorn logo on narrow screens
(consider hiding it instead).

How to test:

If your browser does not support alternate stylesheets, you
can see the fix in action on this one page:

  https://orgmode.org/worg/org-syntax.html

In Firefox, you can open any Worg page with the current "Standard"
stylesheet and then switch to the proposed "Test" alternate stylesheet.
In the View menu (tip: press Alt to display the old-style menu if
hidden), select the "Test" stylesheet (View > Page Style > Test).

Try narrowing the window, or increasing and decreasing the font, in
either style. How does it look?

Yours,
Christian


Reply via email to