Sometimes, you just have to have a damn script font for headings. Fortunately, the solution can be as simple as providing a togglable font option for your users.
Accessibility isn’t always about changing the route entirely but providing an alternative. I don’t like to assume someone is running conversion software to change a font into something more readable. So I’ve been working on a simple, local solution that will be available to those who need a more readable font.
Heading style toggler
See the Pen Accessible font toggle by Allie (@a11y-cat) on CodePen.
As you can see, it’s pretty simple and relies on common jQuery. But let’s be honest, something like this would have to be toggled on every single page. And that’d probably get pretty annoying, especially if you were browsing a site and jumping from page to page. For the most part, putting together the CodePen was just to make something pretty.
To make such a setting permanent, you’d have to implement some sort of cookie (like JS Cookies on GitHub). If you’re not already running a cookie policy, you’d need to (especially if your site was international).
Kinda makes just choosing readable fonts pretty appealing, huh?