she rappin on my boy til i premium!

[Extremely loud incorrect buzzer]

[𝐄𝐗𝐓𝐑𝐄𝐌𝐄𝐋𝐘 𝐋𝐎𝐔𝐃 𝐈𝐍𝐂𝐎𝐑𝐑𝐄𝐂𝐓 𝐁𝐔𝐙𝐙𝐄𝐑]

she boyrap on my premium!

[Extremely loud incorrect buzzer]

[𝐄𝐗𝐓𝐑𝐄𝐌𝐄𝐋𝐘 𝐋𝐎𝐔𝐃 𝐈𝐍𝐂𝐎𝐑𝐑𝐄𝐂𝐓 𝐁𝐔𝐙𝐙𝐄𝐑]

s-she pre me, umm, on my boy till i'm rappin?

[Extremely loud incorrect buzzer]

[𝐄𝐗𝐓𝐑𝐄𝐌𝐄𝐋𝐘 𝐋𝐎𝐔𝐃 𝐈𝐍𝐂𝐎𝐑𝐑𝐄𝐂𝐓 𝐁𝐔𝐙𝐙𝐄𝐑]

she could boy my rap if you know what i'm sayin

[Extremely loud incorrect buzzer]

[𝐄𝐗𝐓𝐑𝐄𝐌𝐄𝐋𝐘 𝐋𝐎𝐔𝐃 𝐈𝐍𝐂𝐎𝐑𝐑𝐄𝐂𝐓 𝐁𝐔𝐙𝐙𝐄𝐑]

please send help i'm trapped here and can't—

[Extremely loud incorrect buzzer]

[𝐄𝐗𝐓𝐑𝐄𝐌𝐄𝐋𝐘 𝐋𝐎𝐔𝐃 𝐈𝐍𝐂𝐎𝐑𝐑𝐄𝐂𝐓 𝐁𝐔𝐙𝐙𝐄𝐑]

so we know how the comments threads look now, right? like this:

they're great and i love them, but if i may suggest a minor improvement: make it gay.

that's all thanks bye.

okay so thanks to the power of @blep’s Prechoster, i’ve decided to introduce threads in cohost! yep! they’re here now! sorry @staff i already did it for you :P

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: OBJ3CT1ON!!! 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!