Aral’s fediverse server

0 posts0 participants0 posts today

C.<a href="https://mindly.social/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</a> <a href="https://mindly.social/tags/usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#usability</a> and <a href="https://mindly.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a> ...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.<a href="https://mindly.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mindly.social/tags/WebDesigner" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesigner</a> <a href="https://mindly.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mindly.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://mindly.social/tags/font" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#font</a> <a href="https://mindly.social/tags/contrast" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#contrast</a> <a href="https://mindly.social/tags/vision" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#vision</a> <a href="https://mindly.social/tags/eye" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#eye</a> <a href="https://mindly.social/tags/readability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#readability</a> <a href="https://mindly.social/tags/legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#legibility</a> <a href="https://mindly.social/tags/unreadable" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#unreadable</a>

Aral BalkanWhen 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.<a href="https://www.madrau.com" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://www.madrau.com</a><a href="https://mastodon.ar.al/tags/macOS" class="mention hashtag" rel="tag">#macOS</a> <a href="https://mastodon.ar.al/tags/presenting" class="mention hashtag" rel="tag">#presenting</a> <a href="https://mastodon.ar.al/tags/switchResX" class="mention hashtag" rel="tag">#switchResX</a> <a href="https://mastodon.ar.al/tags/legibility" class="mention hashtag" rel="tag">#legibility</a> <a href="https://mastodon.ar.al/tags/accessibility" class="mention hashtag" rel="tag">#accessibility</a>

DennisLThe Basics of Legibility A Short Guide for Non-Typographers<a href="https://www.nubero.ch/blog/011/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.nubero.ch/blog/011/</a><a href="https://mastodon.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://mastodon.social/tags/legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#legibility</a>

Rob Whiting 📓An interesting look at <a href="https://mastodon.cloud/tags/Legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Legibility</a> and <a href="https://mastodon.cloud/tags/Readability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Readability</a> for 📺 Announcers and Broadcasters. <a href="https://www.publicaddressannouncer.org/typography/" rel="nofollow noopener noreferrer" target="_blank">https://www.publicaddressannouncer.org/typography/</a> <a href="https://mastodon.cloud/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Typography</a> <a href="https://mastodon.cloud/tags/Saccades" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Saccades</a>

Jeremy MallinGrrr…Stop screenshotting text or turning it into GIFs. Just freaking type it (or retype it) as regular text. 😠 <a href="https://autistics.life/tags/Accessibilitiy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibilitiy</a> <a href="https://autistics.life/tags/Translation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Translation</a> <a href="https://autistics.life/tags/Legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Legibility</a> <a href="https://autistics.life/tags/Bandwidth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Bandwidth</a>

Estelle Platini<a href="https://mastodon.green/@pvonhellermannn" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@pvonhellermannn</a> The article pointed below may help.Vashti published: "Sarah Aziza, through a stirring mix of personal reflection and philosophical reckoning, disabuses the Western witness of its self-gratifying power, instead – amid Israel’s openly broadcast yet unimpeded march towards genocide in Gaza – unmasking the impotence, deceit and hollowness that witnessing currently entails. More than a collective indictment or last-gasp scream of defiance into the void, Aziza’s own testimony guides the reader towards a form of witness no longer elevated in angelic, uncompromised distance, but instead manifest in the embodied, intimate, ego-displacing position of “sacrifice, mourning and resisting.”"<a href="https://jewishcurrents.org/the-work-of-the-witness" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://jewishcurrents.org/the-work-of-the-witness</a><a href="https://techhub.social/tags/Aziza" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Aziza</a> <a href="https://techhub.social/tags/JewishCurrents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JewishCurrents</a> <a href="https://techhub.social/tags/socialMedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#socialMedia</a> <a href="https://techhub.social/tags/shaheed" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#shaheed</a> <a href="https://techhub.social/tags/impotence" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#impotence</a> <a href="https://techhub.social/tags/legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#legibility</a> <a href="https://techhub.social/tags/witness" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#witness</a> <a href="https://techhub.social/tags/witnessing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#witnessing</a> <a href="https://techhub.social/tags/PalestiniansLivesMatter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PalestiniansLivesMatter</a> <a href="https://techhub.social/tags/mourning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#mourning</a> <a href="https://techhub.social/tags/grievability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#grievability</a> <a href="https://techhub.social/tags/news" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#news</a> <a href="https://techhub.social/tags/israelGaza" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#israelGaza</a> <a href="https://techhub.social/tags/GazaWar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GazaWar</a> <a href="https://techhub.social/tags/warOnGaza" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#warOnGaza</a> <a href="https://techhub.social/tags/bias" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#bias</a> <a href="https://techhub.social/tags/information" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#information</a> <a href="https://techhub.social/tags/coverage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coverage</a> <a href="https://techhub.social/tags/violence" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#violence</a> <a href="https://techhub.social/tags/stateViolence" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#stateViolence</a> <a href="https://techhub.social/tags/war" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#war</a> <a href="https://techhub.social/tags/Gaza" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Gaza</a> <a href="https://techhub.social/tags/israelPalestine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#israelPalestine</a> <a href="https://techhub.social/tags/IDF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#IDF</a>

DennisLA beginner’s guide to accessible text ✨ <a href="https://blog.pope.tech/2023/12/07/accessible-text/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blog.pope.tech/2023/12/07/accessible-text/</a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#a11y</a> <a href="https://mastodon.social/tags/reading" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#reading</a> <a href="https://mastodon.social/tags/readability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#readability</a> <a href="https://mastodon.social/tags/legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#legibility</a> <a href="https://mastodon.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#UIDesign</a>

Rob Whiting 📓📄 ‘The Science of Word Recognition’ by Microsoft's Kevin Larson.<a href="https://learn.microsoft.com/en-gb/typography/develop/word-recognition" rel="nofollow noopener noreferrer" target="_blank">https://learn.microsoft.com/en-gb/typography/develop/word-recognition</a> <a href="https://mastodon.cloud/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Typography</a> <a href="https://mastodon.cloud/tags/Readability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Readability</a> <a href="https://mastodon.cloud/tags/Legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Legibility</a>

robFor designers and anyone interested in making written materials easier to read across the entire visual-ability spectrum: Atkinson Hyperlegible.<a href="https://brailleinstitute.org/freefont" rel="nofollow noopener noreferrer" target="_blank">https://brailleinstitute.org/freefont</a> (free download)<a href="https://mstdn.social/tags/fonts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fonts</a> <a href="https://mstdn.social/tags/typeface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typeface</a> <a href="https://mstdn.social/tags/typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#typography</a> <a href="https://mstdn.social/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#design</a> <a href="https://mstdn.social/tags/legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#legibility</a> <a href="https://mstdn.social/tags/readability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#readability</a> <a href="https://mstdn.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#accessibility</a>

𝔰𝔥𝔦𝔟𝔠𝔬Here's a sneak peek of <a href="https://post.lurk.org/tags/Underscore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Underscore</a>'s forthcoming v1.0 <a href="https://post.lurk.org/tags/Nextcloud" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Nextcloud</a> re-skin. We've revised Nextcloud Hub 3's design for improved visual, layout and typographic <a href="https://post.lurk.org/tags/consistency" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#consistency</a> and a focus on refining interface <a href="https://post.lurk.org/tags/legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#legibility</a>[1]. Once this is complete, we will redraw and replace all of Nextcloud's icons, authoring them against a grid and ensuring they follow a consistent stype.We've also wrapped it in Underscore's identity and I'm pretty thrilled with how it's coming along. The first of many.More about this project:<a href="https://post.lurk.org/tags/Underscore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Underscore</a> is a <a href="https://post.lurk.org/tags/community" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#community</a> based <a href="https://post.lurk.org/tags/creative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#creative</a> platform, built from <a href="https://post.lurk.org/tags/opensource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#opensource</a> projects & refined with strong moderation tools. It features: 🐦 Creative collaboration, broadcasting, streaming and web publishing 🐦 No passwords - authentication through community participation 🐦 Analytics-free and hosted in Finland, Germany and SwitzerlandInfo & expressions of interest 👉 <a href="https://undersco.re" rel="nofollow noopener noreferrer" target="_blank">https://undersco.re</a>

Aral BalkanSo, for the 34% of you who answered yes, if you’re on GNOME and you want your CLI apps to automatically switch to the correct theme when your system/terminal does, check out Lipstick on a Pig:<a href="https://codeberg.org/small-tech/lipstick" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://codeberg.org/small-tech/lipstick</a>I’ve added support for three apps I use regularly (Helix Editor, delta, and bat) and you can help make it better by adding plugins for apps that you use.<a href="https://mastodon.ar.al/tags/lipstickOnAPig" class="mention hashtag" rel="tag">#lipstickOnAPig</a> <a href="https://mastodon.ar.al/tags/CLI" class="mention hashtag" rel="tag">#CLI</a> <a href="https://mastodon.ar.al/tags/terminal" class="mention hashtag" rel="tag">#terminal</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="tag">#dev</a> <a href="https://mastodon.ar.al/tags/GNOME" class="mention hashtag" rel="tag">#GNOME</a> <a href="https://mastodon.ar.al/tags/colourSchemes" class="mention hashtag" rel="tag">#colourSchemes</a> <a href="https://mastodon.ar.al/tags/constrast" class="mention hashtag" rel="tag">#constrast</a> <a href="https://mastodon.ar.al/tags/lighting" class="mention hashtag" rel="tag">#lighting</a> <a href="https://mastodon.ar.al/tags/usability" class="mention hashtag" rel="tag">#usability</a> <a href="https://mastodon.ar.al/tags/legibility" class="mention hashtag" rel="tag">#legibility</a> <a href="https://mastodon.ar.al/tags/accessibility" class="mention hashtag" rel="tag">#accessibility</a>

Aral BalkanIf you’re using the Dracula theme (<a href="https://draculatheme.com/" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://draculatheme.com/</a>) in Helix Editor (<a href="https://helix-editor.com" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://helix-editor.com</a>), here’s a tiny patch that will improve selections for you by maintaining syntax highlighting in selected areas:<a href="https://github.com/helix-editor/helix/issues/2075" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://github.com/helix-editor/helix/issues/2075</a><a href="https://mastodon.ar.al/tags/HelixEditor" class="mention hashtag" rel="tag">#HelixEditor</a> <a href="https://mastodon.ar.al/tags/hx" class="mention hashtag" rel="tag">#hx</a> <a href="https://mastodon.ar.al/tags/dracula" class="mention hashtag" rel="tag">#dracula</a> <a href="https://mastodon.ar.al/tags/theme" class="mention hashtag" rel="tag">#theme</a> <a href="https://mastodon.ar.al/tags/legibility" class="mention hashtag" rel="tag">#legibility</a> <a href="https://mastodon.ar.al/tags/usability" class="mention hashtag" rel="tag">#usability</a> <a href="https://mastodon.ar.al/tags/syntaxHighlighting" class="mention hashtag" rel="tag">#syntaxHighlighting</a>

FiXato<a href="https://mastodon.social/@pixelfed" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@pixelfed</a> doesn't seem to be a lot of contrast between the bio and the background. Kinda hurts the <a href="https://toot.cat/tags/legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#legibility</a>. Same with the pronouns prefix. Also, is that prefix in a smaller font size? If so, why?

Aral BalkanYou:- have a laptop with a 13" screen and 1920x1080 resolution and a 4K external monitor- run the laptop at 1x scale- run the 4K screen at 2x scale (pixel doubled)- are on elementary OS 5.x (Hera) or elementary OS 6 (Odin)- want to be able to read what’s on every screen whether the external screen is plugged in or notYou need this script:<a href="https://gist.github.com/aral/9cf2eee6d7e13556b6aed2bb118d3c8b" target="_blank" rel="nofollow noopener noreferrer" translate="no">https://gist.github.com/aral/9cf2eee6d7e13556b6aed2bb118d3c8b</a>You’re welcome :)<a href="https://mastodon.ar.al/tags/elementaryOS" class="mention hashtag" rel="tag">#elementaryOS</a> <a href="https://mastodon.ar.al/tags/usability" class="mention hashtag" rel="tag">#usability</a> <a href="https://mastodon.ar.al/tags/resolution" class="mention hashtag" rel="tag">#resolution</a> <a href="https://mastodon.ar.al/tags/fractionalScaling" class="mention hashtag" rel="tag">#fractionalScaling</a> <a href="https://mastodon.ar.al/tags/legibility" class="mention hashtag" rel="tag">#legibility</a> <a href="https://mastodon.ar.al/tags/a11y" class="mention hashtag" rel="tag">#a11y</a>

Ænðr E. Feldstraw<a href="https://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/" rel="nofollow noopener noreferrer" target="_blank">https://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/</a> Why you should stop "fixing" the font smoothing of web pages. <a href="https://mastodon.social/tags/Usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Usability</a> <a href="https://mastodon.social/tags/Legibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Legibility</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a>

Recent searches

Search options

Administered by:

Server stats:

#legibility