Reminder to use #CamelCase on your multi-word hash tags, for #legibility and #accessibility.
Like the “eats shoots and leaves” lesson about the importance of comma placement, but for the digital age. https://mas.to/@markarayner/114591353734555100

Reminder to use #CamelCase on your multi-word hash tags, for #legibility and #accessibility.
Like the “eats shoots and leaves” lesson about the importance of comma placement, but for the digital age. https://mas.to/@markarayner/114591353734555100
"THE ART OF VISUAL LEGIBILITY: NAVIGATING PATTERNED OPACITY". Abstract digital painting by A.G. (c) 2025. All Rights Reserved. #historiotheque #artoperations #concreterealism #seasonsoftheheart #springtimeoflife #springtimeofjoyfulbeing #art #visual #legibility #navigating #patterned #opacity
TOMORROW
Don’t forget to get your ticket to @hectormangas ’s lecture about legibility in typography!
And if you can’t make it to the live session, it is recorded. And everyone who registered will get access to the recording to (re)watch anytime!
Tickets and details at https://wordsoftype.com/
It’s this Friday!
Don’t miss this very insightful lecture about typography and legibility, with the example of loops in Thai script.
With @hectormangas from @typotheque
If you can’t make it, the lecture is recorded. So you can still get your ticket, and get access to the recording anytime!
Info and tickets at
https://wordsoftype.com/
Been digging through mastodon settings to find a way do disable link previews. It seems like there's no way to turn them off.
Here's a uBlock filter that will do the trick
`!yeet link previews
fosstodon.org##.expanded.status-card
fosstodon.org##.status-card`
Been digging through mastodon settings to find a way do disable link previews. It seems like there's no way to turn them off.
Here's a uBlock filter that will do the trick
```
!yeet link previews
fosstodon.org##.expanded.status-card
```
NEXT WEEK
Lecture with @hectormangas from @typotheque about
Legibility research from a non-Latin perspective, and what we’ve learned from Thai loops
Details and tickets at
https://wordsoftype.com/
#Web #usability and #accessibility ...
This is from crimethinc.com, but I'm not trying to pick particularly on them. There are many, many, many sites just as bad or worse.
This is a screenshot from an article on their site today, rendered in Firefox (Linux).
See the hair-thin font? See the fact that it's light grey on a white background? There's virtually no contrast between the text and the background.
This is an accessibility nightmare for those with any sort of vision problem. Picking the colour out of the screenshot (I didn't look at the CSS), it appears the text is basically 45% grey. This is ludicrous.
If the font face had some heft, it might be still be half-assed readable with contrast this low.
But as is... If I were to take my contacts out, I wouldn't even be able to tell that this screenshot *had* any of the normal-sized text in it, much less be able to read any of it.
Web designers, I beg you: please consider more than the appearance of what you're creating when you're making design choices.
Remember that not everyone is a 20- or 30-something with near-perfect vision.
Remember that people have cataracts or other types of eye cloudiness which necessitate high-contrast text to be able to read, even if they scale the fonts up by a huge amount.
Remember that vision degrades naturally in people in many ways other than "just wear glasses" can fix.
#Development #Resources
0xProto · A programming font focused on source code legibility https://ilo.im/162t0q
_____
#Programming #Coding #OpenFont #Font #Legibility #WebDev #Frontend #Backend
#Design #Launches
Nebula Sans · A versatile, modern, humanist sans-serif typeface https://ilo.im/16366z
_____
#OpenFonts #Fonts #Typeface #Legibility #ProductDesign #UxDesign #UiDesign #WebDesign
Two years ago at #CSUN I learned about what became my favorite browser extension, BeeLine Reader. I've been a subscriber ever since.
It's easy to set up on desktop, but has been some struggle to get working on Android. But this week I discovered it works with Microsoft's Edge Canary mobile browser, which has experimental support for extensions. Instructions are here: https://u.osu.edu/keck.60/2023/03/26/beeline-reader-android
#Design #Releases
Inclusive Sans · A typeface where legibility meets readability https://ilo.im/1629qf
_____
#Font #Typeface #Typography #Accessibility #Legibility #Readability #ProductDesign #UxDesign #UiDesign #WebDesign
Fonts and legibility on laptop screen.
Resolution: 1920x1200
Scale: 125%
Firefox window on the left is set to 400% zoom to bring attention to font sharpness. The font in the Google Chrome window on the right, looks sharp as well but not as much. Might have a lot to do with my vision or how fonts are rendered in Linux on these screen sizes? I don't know. #legibility #fonts #linux #KDE #firefox #chrome
New lecture!
Legibility research from a non-Latin perspective — What we’ve learned from Thai loops
with @hectormangas from @typotheque
Our lectures are recorded so attendees can (re)watch them anytime!
MAY 16, 2025
2 to 4 p.m. CET (Paris time)
Online, in English
20€
+ more info at https://wordsoftype.com/
Between aging and need class time for other topics -
#Signature moves: are we losing the ability to write by hand?
https://buff.ly/42iMyOF
#Design #Guides
Sustainable font choices in digital design · “More sustainable fonts are also more legible and accessible.” https://ilo.im/1619pm
_____
#Font #Typography #Sustainability #Readability #Legibility #Accessibility #ProductDesign #UiDesign #WebDesign #WebPerf
#font "Atkinson Hyperlegible" https://www.brailleinstitute.org/freefont/
"Our font, Atkinson Hyperlegible was carefully developed by the Braille Institute to help low-vision readers. It improves #legibility and #readability through clear, and distinctive letters and numbers." #typography
[via "Neue Narrative"-Heft 18 zum Thema "Sprache", https://shop.neuenarrative.de/einzelhefte/sprache-digital/]
When live coding on a Mac, don’t just mirror your screen as no one will be able to see what you’re doing. Use, e.g., SwitchResX to mirror your screen at a larger retina resolution (1280×720 works if presenting on a 1920×1080 projector).
That way, you shouldn’t have to alter the text size in your terminal, browser, etc., and the audience will still be able to read your screen. Also goes for live streams, etc.
#Design #Guides
What makes a font accessible? · Selecting the right font goes beyond aesthetics https://ilo.im/160h05
_____
#Accessibility #WCAG #Typeface #Font #Contrast #Legibility #Readability #ProductDesign #UiDesign #WebDesign
File under: Why you should pay attention to typography in User Interface design.
https://www.nubero.ch/blog/011/?utm_source=pocket_shared
#typgraphy #UI #DH #legibility
https://www.nubero.ch/blog/011/?utm_source=pocket_shared