Remix.run Logo
Jolter 7 hours ago

To the author: please use a darker font. Preferably black.

I’m only in my 40’s, I don’t require glasses (yet) and I have to actively squint to read your site on mobile. Safari, iPhone.

I’m pretty sure you’re under the permitted contrast levels under WCAG.

kaszanka 6 hours ago | parent | next [-]

Surprisingly only the headings (2.05) and links (3.72) fail the Firefox accessibility check, the body text is 5.74. But subjectively it seems worse and I definitely agree with you that the contrast is too low.

mhitza 5 hours ago | parent | next [-]

Contrast looks good for the text, but the font used has very thin lines. A thicker font would have been readable by itself. At 250% page zoom it's good enough, if you don't enable the browser built-in reader mode.

KwanEsq 6 hours ago | parent | prev | next [-]

I wonder if it's because of the font-weight being decreased. If I disable the `font-weight` rule in Firefox's Inspector the text gets noticeably darker, but the contrast score doesn't change. Could be a bad interaction with anti-aliasing thin text that the contrast checker isn't able to pick up.

captainbland 4 hours ago | parent [-]

I'd say it looks pretty readable on android although I still wouldn't describe it as good. I wouldn't say I feel encouraged to squint. But possibly different antialiasing explains it.

zachrip 25 minutes ago | parent | prev [-]

I think the accessibility checks only take into account the text color, not the actual real world readability of given text which in this case is impossible to read because of the font weight.

shortformblog 5 hours ago | parent | prev | next [-]

The problem is less the color than the weight. If it was 500 rather than 300 it would be perfectly fine.

argsnd 7 hours ago | parent | prev | next [-]

Safari’s reader mode is good for this. All you have to do is long press the icon on the left edge of the address bar.

dwayne_dibley 6 hours ago | parent | next [-]

LONG PRESS????!?! you legend. How does one find these things out.

Jolter 6 hours ago | parent | next [-]

Like this, by word of mouth. That’s how Apple has done UI design since they stopped printing paper manuals.

- ctrl-shift-. to show hidden files on macOS - pull down to see search box (iOS 18) - swipe from top right corner for flashlight button - swipe up from lower middle for home screen

Etc, etc

Confiks 3 hours ago | parent | next [-]

Not restricted to Apple, but TIL: Double-clicking on a word an keeping the second click pressed, then dragging, allows you to select per word instead of per character.

myself248 5 hours ago | parent | prev | next [-]

It's so intuitive, how could I have missed that?

doubled112 4 hours ago | parent [-]

Good old iOS and hidden features. Great discoverability. Long press those, swipe that, gesture this.

I have a gesture for whoever decided "find in page" should go under share.

rogerrogerr 3 hours ago | parent [-]

> I have a gesture for whoever decided "find in page" should go under share.

You can also just type your search term into the normal address bar and there's an item at the bottom of the list for "on this page - find <search>". I'd never even seen the find-in-page button under share.

NetMageSCW 2 hours ago | parent [-]

That would be so much better if Find in page was the first item not the last.

galad87 6 hours ago | parent | prev [-]

Long press is a shortcut, the longer way is to click on the icon beside the url and tap/click the enormous "reader mode" button.

the-grump 5 hours ago | parent [-]

That's what I've done for years.

Long pressing is much more pleasant.

I wish Apple would give us a hint rather than requiring us to chance upon this recommendation on HN.

NetMageSCW 2 hours ago | parent [-]

That’s a nice use for AI - pop up hints when it sees you using the long way a few times.

The problem is Apple’s hints keep popping up even after you say no thanks or it’s fine.

finger 6 hours ago | parent | prev | next [-]

So that’s why Reader mode sometimes shows up directly when I click on the icon, I must be long clicking it by accident.

asimovDev 6 hours ago | parent | prev [-]

cmd+shift+R for reader mode if you prefer a keyboard shortcut

Jolter 7 hours ago | parent | prev [-]

Yes, it’s a great workaround but website owners should not make me do that.

bencevans 6 hours ago | parent | prev | next [-]

I found this to be a common theme in web design a while back, and in part led to an experiment developing a newspaper/Pocket-like interface to reading HN. It's not perfect, but is easier on the eyes for reading... https://times.hntrends.net/story/47762864

rrreese 6 hours ago | parent | prev | next [-]

Your feedback is noted! I'll darken it down a few nootches and test it on mobile. Thanks for the feedback

5 hours ago | parent | next [-]
[deleted]
billev2k 6 hours ago | parent | prev [-]

Please: Not "a few notches". All the way. Black. That is if you actually care if people read your posts.

vovavili 7 hours ago | parent | prev | next [-]

I instinctively use Dark Reader on any page with a white background so I was genuinely surprised by your comment at first.

readingnews 7 hours ago | parent | prev | next [-]

Completely agree with this comment. Had to cut / paste it into vim and q! when done, was getting a headache.

prmoustache 6 hours ago | parent | next [-]

Even as a Vim user I find this completely overkill when you can just press the reader mode button on the browser.

maalhamdan 6 hours ago | parent | prev [-]

document.querySelectorAll('p').forEach(p => p.style.color = 'black');

Use this command in the developer tools console to change the color.

giancarlostoro 4 hours ago | parent | prev | next [-]

I'm on my laptop and that font is too thin and too small. I'm in my mid 30's ;)

contravariant 6 hours ago | parent | prev | next [-]

I'm also pretty sure 14 points font is a bit outdated at this point, 16 should probably be a minimum with current screens. It's not as if screens aren't wide enough to fit bigger text.

ncts 6 hours ago | parent | next [-]

That's good guidelines and all, but meanwhile you are posting it on a site with..

  .default { font-family:Verdana, Geneva, sans-serif; font-size: 10pt; color:#828282; }
  .admin   { font-family:Verdana, Geneva, sans-serif; font-size:8.5pt; color:#000000; }
  .title   { font-family:Verdana, Geneva, sans-serif; font-size: 10pt; color:#828282; overflow:hidden; }
  .subtext { font-family:Verdana, Geneva, sans-serif; font-size:  7pt; color:#828282; }
  .yclinks { font-family:Verdana, Geneva, sans-serif; font-size:  8pt; color:#828282; }
  .pagetop { font-family:Verdana, Geneva, sans-serif; font-size: 10pt; color:#222222; line-height:12px; }
  .comhead { font-family:Verdana, Geneva, sans-serif; font-size:  8pt; color:#828282; }
  .comment { font-family:Verdana, Geneva, sans-serif; font-size:  9pt; }
nottorp 5 hours ago | parent | next [-]

Haha I keep forgetting that. Fortunately the browser remembers my zoom settings per page. I'm pretty sure the font is now at 16 or something via repeated Cmd +.

dsr_ 5 hours ago | parent | prev | next [-]

Which is why Firefox has memorized that this site needs 170% zoom.

Semaphor 6 hours ago | parent | prev [-]

There’s a reason I have HN set to 200%

skydhash 4 hours ago | parent | prev [-]

10 point at 96 dpi or with correctly applied scaling is very readable. But some toolkits like GTK have huge paddings for their widgets, so the text will be readable, but you’ll lose density.

Aerroon 3 hours ago | parent | prev | next [-]

On my android phone it's perfectly legible. Moving my phone away it's only a tiny bit worse than HN.

Is this maybe a pixel density of iphone issue?

I wouldn't mind a darker and higher weight font though.

jasode 6 hours ago | parent | prev | next [-]

macOS/iOS Safari and Brave browsers have "Reader mode" . Chrome has a "Reading mode" but it's more cumbersome to use because it's buried in a side menu.

For desktop browsers, I also have a bookmarklet on the bookmarks bar with the following Javascript:

  javascript: document.querySelectorAll('p, td, tr, ul, ol').forEach(elem =>  {elem.style.color = '#000'})
It doesn't darken the text on every webpage but it does work on this thread's article. (The Javascript code can probably be enhanced with more HTML heuristics to work on more webpages.)
silvestrov 5 hours ago | parent [-]

Some css files abuse !important so you might have to add that too:

    {elem.style.color = '#000 !important'}
bayindirh 4 hours ago | parent | prev | next [-]

The font is dark enough, yet the weight is too light. Hairline or ultrathin or something. It's eye straining.

specialp 6 hours ago | parent | prev | next [-]

>I don’t require glasses (yet)

One day try throwing a pair on you'll be surprised. The small thin font is causing this not the text contrast. This and low light scenarios are the first things to go.

nottorp 6 hours ago | parent [-]

> The small thin font is causing this not the text contrast.

Whatever causes it, I do wear glasses (and on a recent prescription too) and the text is still very hard to read.

3 hours ago | parent | prev | next [-]
[deleted]
baq 6 hours ago | parent | prev | next [-]

+1

Firefox users: press F9 or C-A-R

soblemprolver 6 hours ago | parent | next [-]

F9 doesn't seem to do anything for me on Linux... Neither on the posted page nor on HN.

What is it supposed to do?

There is no mention of F9 on this support page either:

https://support.mozilla.org/en-US/kb/keyboard-shortcuts-perf...

Am I missing something?

baq 6 hours ago | parent | next [-]

yeah reader mode it is, didn't know it's different on Linux than on Windows and the support article listing it is here: https://support.mozilla.org/en-US/kb/keyboard-shortcuts-perf...

moebrowne 6 hours ago | parent | prev [-]

I assume they are trying to enable Reader mode which is Ctrl+Alt+R

QuantumNomad_ 6 hours ago | parent | next [-]

According to http://web.archive.org/web/20260317212538/https://support.mo... its

F9 on Windows

Ctrl + Alt + R on Linux

Command + Option + R on macOS

(It uses JS to only show the one for your platform but with view source you can see it mentions all three of these different OSes.)

So I guess the first guy is a Windows user and you other two use Linux.

Liquid_Fire 4 hours ago | parent [-]

> (It uses JS to only show the one for your platform but with view source you can see it mentions all three of these different OSes.)

There is a dropdown at the top-right to select the platform - no need to view source.

nbernard 6 hours ago | parent | prev [-]

Probably. When available, reader mode can also be activated by clicking the little "page with text" icon on the right of the address bar.

6 hours ago | parent | prev [-]
[deleted]
dgellow 5 hours ago | parent | prev | next [-]

Reader mode?

avazhi 6 hours ago | parent | prev | next [-]

Your iPhone has this cool feature called reader mode if you didn’t know.

As for mentioning WCAG - so what if it doesn’t adhere to those guidelines? It’s his personal website, he can do what he wants with it. Telling him you found it difficult to read properly is one thing but referencing WCAG as if this guy is bound somehow to modify his own aesthetic preference for generic accessibility reasons is laughable. Part of what continues to make the web good is differing personal tastes and unique website designs - it is stifling and monotonous to see the same looking shit on every site and it isn’t like there aren’t tools (like reader mode) for people who dislike another’s personal taste.

Jolter 11 minutes ago | parent | next [-]

I don’t know, I got 140 upvotes on a nitpick so I think others agree with me it’s hard to read.

gkanai 3 hours ago | parent | prev [-]

Many here at HN find that site hard to read, not just the original commenter.

3 hours ago | parent | prev | next [-]
[deleted]
raptor99 6 hours ago | parent | prev | next [-]

Why don't you just go tell the WCAG on him yourself?

Jolter 10 minutes ago | parent [-]

The who?

JLCarveth 6 hours ago | parent | prev [-]

> Please don't complain about tangential annoyances—e.g. article or website formats, name collisions, or back-button breakage.

rrreese 6 hours ago | parent | next [-]

As the author I certainly apreciate this feedback

capital_guy an hour ago | parent | prev | next [-]

This is the most broken rule in the history of time. Every thread

u1hcw9nx 6 hours ago | parent | prev | next [-]

This is not merely annoyance. This is usability failure.

baq 6 hours ago | parent | prev [-]

if I can't read TFA because of its formatting it isn't tangential

Dylan16807 5 hours ago | parent | next [-]

Worst case scenario you copy the text out. It's worth complaining sometimes, but yes it's tangential.

baq 3 hours ago | parent [-]

flying really close to the dropbox comment, sir

2 hours ago | parent [-]
[deleted]
5 hours ago | parent | prev | next [-]
[deleted]
u_fucking_dork 6 hours ago | parent | prev [-]

[flagged]