Live data from Hacker News

Inclusive Sans: Text font designed for accessibility and readability

oliviaking.com

11–20 of 64 posts

Re: Inclusive Sans: Text font designed for accessibility and readability

#11
post #8

Did anyone else find the green background and the white text clash in a way that made it difficult to read? I found that ironic given the article.

Not because of the hue, but because the page doesn't respect `prefers-color-scheme`, which makes it hard to take any claim of ‘accessibility’ seriously. Edit: nor `prefers-reduced-motion`, neither.

Oh, come on. They're using Squarespace. Maybe complain about the state of WYSIWYG editors before dismissing someone's work.

Re: Inclusive Sans: Text font designed for accessibility and readability

#13

Did anyone else find the green background and the white text clash in a way that made it difficult to read? I found that ironic given the article.

The fade in effect made me nauseous. I hate animation on webpages unless I’m seeking out gifs.

Re: Inclusive Sans: Text font designed for accessibility and readability

#14

Did anyone else find the green background and the white text clash in a way that made it difficult to read? I found that ironic given the article.

Yeah I still can't tell if I'm just overanalyzing because it's supposed to be easy to read, but I found the webpage, especially the italicized bit, pretty jarring, even in contrast with my usual squinting at HN's tiny font on my phone.

Re: Inclusive Sans: Text font designed for accessibility and readability

#16
post #9
post #3

Another great accessible font – Atkinson Hyperlegible [0] [0] - https://brailleinstitute.org/freefont

Actually I like that one better! For instance, Inclusive Sans boasts about its "clear distinction between I [uppercase i], l [lowercase L] and 1", but the lowercase L is just a vertical bar, so might as well be mistaken for an I if there is no I to compare it to. In Atkinson Hyperlegible, the lowercase L has a slight "tail" which helps distinguish it - and the serifs on the uppercase i feel a bit less jarring.

Agreed, the font has a lot of playful character without giving away that it was designed for a specific functional purpose. And it looks like it's freely licensed as well, so not only is it free to use, but it's also free to ship alongside things.

However, note that it does feature mirrored "b" and "d", which can be difficult to distinguish for people with dyslexia.

Re: Inclusive Sans: Text font designed for accessibility and readability

#17

Obligatory: the most accessible font is usually a font your readers are already familiar with. This font looks distinctive, and personally I kinda like it, but it's not a magic wand you can wave over a document to make it more accessible.

Yeah, on the web, just use font-family: sans-serif (or, now that browsers don't systematically default to a serif font anymore, just nothing at all) and let the user see the default font, or the font they picked. It also improves everything else in contrast with a web font: it saves bandwidth and therefore cost, it saves page load time and therefore SEO and user retention. And it's not worse, nay better, than the font you arbitrarily picked.

The default font needs to be dyslexic friendly on a dyslexic's computer if it's not already, and it should be the OS's job to ensure this.

I am afraid there's no one size fits all wrt fonts and accessibility because I suspect different conditions have different requirements, so you can't pick yourself as a web designer.

We indeed need dyslexic friendly fonts among others so dyslexic people can configure their devices with one that they like, fonts that are indeed actually proven as being effective as another commenter said. No proof: it didn't happen.

Re: Inclusive Sans: Text font designed for accessibility and readability

#18
post #9
post #3

Another great accessible font – Atkinson Hyperlegible [0] [0] - https://brailleinstitute.org/freefont

Actually I like that one better! For instance, Inclusive Sans boasts about its "clear distinction between I [uppercase i], l [lowercase L] and 1", but the lowercase L is just a vertical bar, so might as well be mistaken for an I if there is no I to compare it to. In Atkinson Hyperlegible, the lowercase L has a slight "tail" which helps distinguish it - and the serifs on the uppercase i feel a bit less jarring.

It is a bit weird that Inclusive Sans' lower case L doesn't have a tail considering this font is very "tail-forward" for lack of a better word.

The thing that irks me the most about Atkinson Hyperlegible is that there is no medium weight and the bold weight is way too heavy for many applications. I also just kinda like the way Inclusive Sans looks more, but the Atkinson letterforms are definitely easily identified even when blurred.

Re: Inclusive Sans: Text font designed for accessibility and readability

#19
post #10

Did anyone else find the green background and the white text clash in a way that made it difficult to read? I found that ironic given the article.

> Did anyone else find the green background and the white text clash in a way that made it difficult to read? No, but only because with Javascript disabled there is literally nothing but an olive green page. Truly remarkable, given that it is supposed to be inclusive.

This is an honest question: are you browsing the web in 2024 with javascript disabled?

Re: Inclusive Sans: Text font designed for accessibility and readability

#20
post #16
post #9

Earlier quoted context omitted.

Actually I like that one better! For instance, Inclusive Sans boasts about its "clear distinction between I [uppercase i], l [lowercase L] and 1", but the lowercase L is just a vertical bar, so might as well be mistaken for an I if there is no I to compare it to. In Atkinson Hyperlegible, the lowercase L has a slight "tail" which helps distinguish it - and the serifs on the uppercase i feel a bit less jarring.

Agreed, the font has a lot of playful character without giving away that it was designed for a specific functional purpose. And it looks like it's freely licensed as well, so not only is it free to use, but it's also free to ship alongside things. However, note that it does feature mirrored "b" and "d", which can be difficult to distinguish for people with dyslexia.

That's probably because they focus on people with low vision - but yeah, they could have added the same "tail" which the lowercase L has to the lowercase D too, that wouldn't have felt out of place...
Post reply on HN