Accessible fancy text for all
I'm gonna be honest, I'm not a particularly huge fan of people doing fancy text like this:
Oooh look at this fancy text aren't I so fancy
Or some, like, homestuck typing quirk-ass text like this:
GC: Objection!!!
I think it's hard to read, it's hard to make sense of, and honestly I think it's also kinda annoying. But, I understand that for some people, it's how they want to (or need to) express themselves. And as someone who's a bit of a big fan of accessibility, I'd like to give people the choice to do what they want, but in a way that's not going to completely heck over people using screen readers.
So, I'd like introduce Accessible fancy text 🎉!!!
Below is a snippet you can use in your cohost posts (chosts) to make sure that if you use fancy text (which I wouldn't recommend using in general but still), it'll still be readable to screen readers. Below the fold is a writeup about it that goes into more detail.
The Snippet
<!-- use div, p, span, whatever works here -->
<div aria-describedby="user-content-id-name">
<span aria-hidden="true"> <!-- Put your stuff here! --> </span>
<span id="id-name" style="clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px;">Rewrite the stuff but in human-readable text</span>
</div>
It also works inline too!