<div dir="ltr"><span style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">I'm all for accessibility-first, but Oleg's solution won't help. Here's a test page for some features that are frequently discussed in this context:</span><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px"><a href="https://sjcjoosten.nl/tmp/test.html">https://sjcjoosten.nl/tmp/test.html</a></div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px"><br></div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">Opening this in a browser shows the following content:</div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px"><p style="font-family:Times;font-size:medium">This content is perceivable by all browsers but should not be copiable by most.</p><p style="font-family:Times;font-size:medium">The standard says this content should not be perceivable by screen readers.</p><p style="font-family:Times;font-size:medium">This content is rendered via JavaScript and is not perceivable for those without JavaScript</p></div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">Here's what Lynx users see (line-wraps are due to the width of my terminal):</div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px"><div style="margin:0px;font-stretch:normal;font-size:14px;line-height:normal;font-family:"Lucida Console";color:rgb(178,178,178);background-color:rgb(0,0,0)"><span style="font-variant-ligatures:no-common-ligatures;color:rgb(59,35,34)">   </span><span style="font-variant-ligatures:no-common-ligatures">This content is perceivable by all browsers but should not be copiable</span></div><div style="margin:0px;font-stretch:normal;font-size:14px;line-height:normal;font-family:"Lucida Console";color:rgb(178,178,178);background-color:rgb(0,0,0)"><span style="font-variant-ligatures:no-common-ligatures">  <span class="gmail-Apple-converted-space"> </span>by most.</span></div><div style="margin:0px;font-stretch:normal;font-size:14px;line-height:normal;font-family:"Lucida Console";color:rgb(59,35,34);background-color:rgb(0,0,0);min-height:14px"><span style="font-variant-ligatures:no-common-ligatures"></span><br></div><div style="margin:0px;font-stretch:normal;font-size:14px;line-height:normal;font-family:"Lucida Console";color:rgb(178,178,178);background-color:rgb(0,0,0)"><span style="font-variant-ligatures:no-common-ligatures">  <span class="gmail-Apple-converted-space"> </span>The standard says this content should not be perceivable by screen</span></div><div style="margin:0px;font-stretch:normal;font-size:14px;line-height:normal;font-family:"Lucida Console";color:rgb(178,178,178);background-color:rgb(0,0,0)"><span style="font-variant-ligatures:no-common-ligatures">  <span class="gmail-Apple-converted-space"> </span>readers.</span></div><div style="margin:0px;font-stretch:normal;font-size:14px;line-height:normal;font-family:"Lucida Console";color:rgb(59,35,34);background-color:rgb(0,0,0);min-height:14px"><span style="font-variant-ligatures:no-common-ligatures"></span><br></div><div style="margin:0px;font-stretch:normal;font-size:14px;line-height:normal;font-family:"Lucida Console";color:rgb(178,178,178);background-color:rgb(0,0,0)"><span style="font-variant-ligatures:no-common-ligatures">  <span class="gmail-Apple-converted-space"> </span>The standard says this content is not perceivable, following the HTML</span></div><div style="margin:0px;font-stretch:normal;font-size:14px;line-height:normal;font-family:"Lucida Console";color:rgb(178,178,178);background-color:rgb(0,0,0)"><span style="font-variant-ligatures:no-common-ligatures">  <span class="gmail-Apple-converted-space"> </span>hidden tag.</span></div><div style="margin:0px;font-stretch:normal;font-size:14px;line-height:normal;font-family:"Lucida Console";color:rgb(59,35,34);background-color:rgb(0,0,0);min-height:14px"><span style="font-variant-ligatures:no-common-ligatures"></span><br></div><div style="margin:0px;font-stretch:normal;font-size:14px;line-height:normal;font-family:"Lucida Console";color:rgb(178,178,178);background-color:rgb(0,0,0)"><span style="font-variant-ligatures:no-common-ligatures">   The standard says this content is not perceivable, using CSS.</span></div></div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px"><br></div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">There are separate issues that passed this thread:</div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">- on Lynx, some things that are tooltips are displayed inline, they should not be displayed at all</div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">- using select+copy, some things are selected and copied (when I tried this in Chrome, this only happens if I copy while my mouse is over the Show/Eq element)</div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">There is actually a third use-case to consider, namely brower+screenreader combinations. Using apple's screen reader with Safari simply reads the 'should not be perceivable' line to me as well.</div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px"><br></div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">Johannes created an issue for this here: <a href="https://github.com/haskell/haddock/issues/1250">https://github.com/haskell/haddock/issues/1250</a></div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">I'll put my suggestions on how to fix this there.</div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px"><br></div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">Best,</div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px"><br></div><div style="color:rgb(0,0,0);font-family:Helvetica;font-size:12px">Sebastiaan</div><br class="gmail-Apple-interchange-newline"></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Sun, Nov 15, 2020 at 1:49 PM Oleg Grenrus <<a href="mailto:oleg.grenrus@iki.fi">oleg.grenrus@iki.fi</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">About hiding some parts of the DOM tree with aria-hidden attribute.<br>
<a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-hidden_attribute" rel="noreferrer" target="_blank">https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-hidden_attribute</a><br>
<br>
I'm :+1: to making accessibility-first designs / markup. We forgot that<br>
completely when accepting new color scheme for haddock. The accessible<br>
and pretty-looking are not in conflict, but not easy.<br>
<br>
- Oleg<br>
<br>
On 15.11.2020 17.19, M Douglas McIlroy wrote:<br>
>> I am pretty sure nobody writes code like this<br>
>> I confirmed your example, reading with lynx and w3m.<br>
>> wouldn’t just directly opening the sources (in a text editor) be simpler? Is there a (simple) way to preserve the experience when browsing using Lynx without also holding back features aimed at a regular browsing experience?<br>
> I second that.  I have always been annoyed by the ransom-note<br>
> appearance of colorized  listings. But that's just my taste. I<br>
> suspect, though, that lots of people have been frustrated when they<br>
> discover they can't  use the code they see because it's festooned with<br>
> markup. Golang.org offers similar listings, but also provides a button<br>
> for selecting the underlying plain text. I would like hackage a lot<br>
> better if it did so, too.<br>
><br>
> Doug<br>
> _______________________________________________<br>
> Haskell-Cafe mailing list<br>
> To (un)subscribe, modify options or view archives go to:<br>
> <a href="http://mail.haskell.org/cgi-bin/mailman/listinfo/haskell-cafe" rel="noreferrer" target="_blank">http://mail.haskell.org/cgi-bin/mailman/listinfo/haskell-cafe</a><br>
> Only members subscribed via the mailman list are allowed to post.<br>
_______________________________________________<br>
Haskell-Cafe mailing list<br>
To (un)subscribe, modify options or view archives go to:<br>
<a href="http://mail.haskell.org/cgi-bin/mailman/listinfo/haskell-cafe" rel="noreferrer" target="_blank">http://mail.haskell.org/cgi-bin/mailman/listinfo/haskell-cafe</a><br>
Only members subscribed via the mailman list are allowed to post.</blockquote></div>