I got a #accessibility #a11y #ARIA #asciiArt #webWeaving #html (sorry about the hashtag spam) mashup question.

Say you made a website comprised entirely of preformatted text in an ASCII art style with lots of little idiosyncrasies, typos, and cutesy malapropisms--and then say you realized that it wasn't very accessible. How would you fix that?

I'm still reading and experimenting, but so far "aria-details" seems like the winner (https://www.digitala11y.com/aria-detailsproperties/)? I'm doing this

<pre role="img" aria-details="det">...</pre>
<section id="det">big long description</section>

Then I'm tagging any links in the "pre" element with "aria-labelledBy" spans. I dunno... it's not *feeling* very accessible yet. I wonder if it wouldn't be better to set the "pre" to aria-hidden then just describe the content by hand (start high level, list links, then drill down into relevant details).

I'm just using the Orca screen reader at the moment because I'm on Linux, which is almost certainly not the best tool out there, so hard to tell what a real #screenReader would make of this.

Any hot tips or articles out there? I've got 25 tabs open and still only at 75% memory usage, so plenty of room for more. ;p

WAI-ARIA: aria-details (Property) • DigitalA11Y

New in ARIA 1.1Identifies the element that provides a detailed, extended description for the object. See related aria-describedby.

DigitalA11Y
Begrudgingly, I must admit that the spiders did help me #webWeaving my new ecstatic art dump rawhtml website.
Homecoming: the small web and release from the unitary public self

In 1776, a Quaker living in Philadelphia recovered from a severe illness with a peculiar conviction: they had died and been reborn as the Public Universal Friend. The Public Universal Friend was sans gender but avec mission: to spread the message, received during the illness, that there is “Room, Room,

Good Internet
Falling in love with the internet (again)

I started accessing the internet (at least a version) when my primary school had the bright idea (and funding) of buying a set of 20 iPads for the school to use when they attended Information Communication Technology classes. Being ten-year-olds, when we weren’t being taught how to browse the

Good Internet