Inclusive Sans: Text font designed for accessibility and readability
oliviaking.comAny font that's designed for accessibility should always run an actual study to measure whether they managed to hit their mark or not. There's countless fonts out there designed to ameliorate dyslexia and other similar conditions that are in practice actually worse than a regular font, despite best intentions. This is something you can measure, you don't have to guess.
> Any font that's designed for accessibility should always run an actual study to measure whether they actually hit their mark or not.
Why does it want my e-mail? It doesn't seem very inclusive to require a signup just to download a font.
Also no information on the licence that I could see.
It’s available on google fonts.
Thanks, I just saw the link further down this thread.
Weird it's not on their website, but it seems to be just a case of poor communication rather than anything nefarious.
It is not a good sign that the first thing on that site is an eye-searing white-on-red banner.
Another great accessible font – Atkinson Hyperlegible [0]
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.
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...
Atkinson Hyperlegible does have a tail on the 'd' but it's much more subtle than the one on the 'l'. As mentioned, its main priority is low vision, not dyslexia.
Easily a superior font.
Anything in monospace?
I talked to someone from BI last week at a conference, who said that they're working on a monospace version.
JetBrains Mono?
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?
You'd be surprised by the number of people who does that. Not everyone has a fancy browser and not everyone can see.
Supporting JavaScript makes a browser "fancy?"
People who can't see use the same browsers as everyone else and they run JavaScript.
https://webaim.org/projects/screenreadersurvey10/#javascript
If you cannot see, what use is a font?
And what if you arrive at the site not knowing it's about a font? How are you supposed to find out?
Even if almost no one disables Javascript because the web is unfortunately hardly usable without it, it show that absolutely no fucks are given.
There is no reason for Javascript to be required on that page, it is static and should be nothing more than a simple HTML file with a few images, the font and a style sheet. It is slow on a decent desktop PC with a fiber connection, I can't imagine on an old smartphone. Recently featured on HN: https://danluu.com/slow-device/
But maybe we shouldn't blame the author too much, she is using Squarespace, that's the kind of service people use when they don't want to deal with these technical details. But Squarespace should know better and be ashamed of delivering such crap to their customers.
> are you browsing the web in 2024 with javascript disabled?
I use uMatrix to disable most Javascript by default, and enable sources one-by-one if necessary for a web app. There’s no need to use Javascript on a blog post, certainly not to dynamically load in HTML text and images, so I generally don’t even bother to enable it, and just hit the back button.
The way I look at it is, a web interaction is a conversation: my browser asks a server for a resource, and the server returns it. This makes sense for static HTML: ‘server, please send me this blog post’; ‘sure, here you go, and here are some images or fonts or whatever to make it prettier.’ This, OTOH, feels just wrong: ‘server, please send me this blog post’; ‘sure, here is this list of instructions for you to follow to assemble to blog post.’
Web apps are fine, Javascript is fine for that. Forcing the use of Javascript to do what HTML already can do natively is just wrong.
Not the parent, but, why yes! I AM browsing the web in 2024 with javascript disabled. It's a technology that adds no value to any of the content I am interested in, you know, just reading -- content that can be expressed in HTML tags without being injected into a DOM.
https://shkspr.mobi/blog/2021/01/the-unreasonable-effectiven...
Hey now, Javascript adds plenty of value to advertisers, crackers, CPU vendors and browser manufacturers seeking lock-in!
Seriously, it does have use in building web apps, but the vast, vast majority of web sites I encounter should be static, or progressively enhanced.
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.
It doesn't matter what tools and facilities they used, they still designed and produced a web page. They are the ones who chose to use squarespace, and use that template, and be ok with the end result.
It's not like a pizza shop or a hairdresser who never claimed that their very reason for existing and mission and product was accessibility.
This is a completely topical and fair challenge.
Why did they need a WYSIWYG editor to lay out static content in an entirely standard format? That could be done in Markdown, or plain html. These have the advantage of being trivial to handle with accessibility layers.
The fade in effect made me nauseous. I hate animation on webpages unless I’m seeking out gifs.
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.
I did too, and I've been sight-reading without thinking about it since preschool. I'm really unaccustomed to having to look hard at a word to see what it says, and that was the only way I could get through this page.
Same here. I can't evaluate the font because of the background.
Don't see why I should wait for images to fade in either.
This font looks radically different on my two monitors, being significantly worse on my 'standard' DPI monitor compared to my other high DPI monitor.
On my main, 1x monitor, the lowercase i has an anti-aliased "half pixel" at the bottom that extends past the baseline. A few other characters have this, but it's especially noticable on the lowcase i.
The font could definitely use some technical tweaking for issues like that -- the kerning on "qu" also stands out as a problem.
It looks like this is the author's first attempt at making a font, though, and by that standard it's pretty good!
Yes that "qu" kerning is a problem indeed, glad I wasn't the only one who noticed that.
There are also some small technical typesetting issues in the samples, for example, by using straight quotes instead of true quotation marks in "Inclusive Feature 04".
But yes if it's her first attempt then it's quite good and I hope that with some tweaks and improvements, it will be a really good font!
It does look pleasant to me. But the x-height is not large enough which makes it harder to be legible on smaller text sizes. Also, lack of additional weights discourages me to use it on any webpage. I'd have given it a shot if a bold weight were also present.
Inter (with disambiguation features enabled) [1], Atkinson Hyperlegible [2], and IBM Plex Sans [3] are still better fonts to me.
>Clear distinction between I, l and 1
The problem with that is that in this font, the l (lower case L) is just a vertical line. It's true there is a distinction between the 3, but seeing the l on its own you can't tell which it is.
Any reason why "Pp" is missing from the typeface sampler?
Another good font for this is OpenDyslexic https://opendyslexic.org/
Not really. In studies, OpenDyslexic and other "dyslexia fonts" with exaggerated shapes didn't perform better than commonly used conventional fonts.
I created a browser plugin that became pretty popular among readers with dyslexia, and we got a lot of requests for OD support. We added it and some people like it. My theory is that this relates partly to the increased kerning and the weight of the font (which makes a particularly big difference in combination with the color-based tech we use, since it makes the color more visible that way).
I have seen that some dyslexia fonts don't seem to have an advantage from a population level, but that doesn't mean it isn't useful for some people. Unless there's evidence that people who think it's useful are actually being misled by their perception, I'd say it's not a bad idea to let people know it exists.
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.
This font is yet another case of accessibility advocates entirely missing the point of web accessibility.
But letting the recipient’s browser decide means they wouldn’t be able to show everyone else how inclusive that are.
Is it actually? Or is it a font designer, who doesn't know much about 'accessibility' give it a go?
Was going to ask, wouldn't something like Times New Roman be the most accessible just cause people are used to it? Plus, serifs make the letters more recognizable.
Familiarity doesn't make Times New Roman's 'l' and '1' distinguishable.
I think sans serif fonts are preferred for most screen reading because it takes effort to perceive the tiny serif details, or just the really thin lines like the horizontal in the 'e', at typical font sizes.
But there are no absolutes so fonts that try to be more legible use some tails and such to make characters distinguishable.
Serifs makes it harder to read on screens, many people don't like them including dyslexic people.
With screens becoming more precise, it may be less of an issue, serifs and especially horrible on low definition screens, but it's not clear they improve things on higher definition screens.
Is there evidence that this is more legible? Because we don't read individual characters (but chunks) so making them individually distinguishable doesn't seem like it would have much of an effect.
In the part where the claim is made that individual characters matter there's a footnote link that ultimately goes to this PDF thesis[1].
That thesis has a claim itself:
> Creating a well designed, legible typeface is therefore not about creating dissimilar characters; the aim must be to find, amongst other things, an optimal balance between uniformity and differentiation and, through that, to attain legibility
At the end of the related chapter, where the author surveys some studies about letter and word recognition. It seems like the distinctions made in this font may be informed by that kind of perspective - not that increased differentiation of characters is good on its own.
This is just at a glance but it seems there is at least a thread there to follow about evidence and reasoning.
It's probably the nostalgia talking, but I miss OCR-A.
Oh wow, the text is so much easier for me to read! Thanks for sharing!
The `i' looks like an Inverted Exclamation Mark.
Where is the letter P in the second image?
This typeface bears more than a passing resemblance to Circular, whose owner is known for litigating unauthorized usage. I'm concerned this will become a problem for Inclusive Sans or its users.
Typefaces are not protected by intellectual property law. Fonts, as computer software, are, but it should be easy to show that Inclusive Sans is a completely different program. I wouldn't worry about it, personally.