Conversation

Notices

1. Embed this notice
   Matt Campbell (matt@toot.cafe)'s status on Monday, 02-Sep-2024 01:45:03 JST Matt Campbell

   I need feedback from sighted people about the website for my open-source project.

   Here's the current version, using a third-party theme; I know the typography on the home page has problems: https://accesskit.dev/

   And here's my proposed new version, using a minimalist template and CSS derived from an existing site (I stripped it down quite a bit): https://preview.accesskit.dev/

   My main collaborator says the new appearance is from a past era. What do you think? Is it off-putting?

   • Embed this notice
     Paul Cantrell (inthehands@hachyderm.io)'s status on Monday, 02-Sep-2024 01:45:03 JST Paul Cantrell

     in reply to

     @matt
     Aesthetically, the site is bland in a pleasing way. This is a page that’s here to convey information, and makes that information easy to read.

     I really appreciate that it appears to respect my browser’s default font size.

     The h2 and h3 headings are hard to visually distinguish. It looked at first glance as though “Rust” was a new section after (instead of under) “Getting Started.”

   • Embed this notice
     Matt Campbell (matt@toot.cafe)'s status on Monday, 02-Sep-2024 01:52:16 JST Matt Campbell

     in reply to

     • Paul Cantrell

     @inthehands Ugh. If the h2 and h3 styles are hard to distinguish, that's arguably the browser's fault. But if all the browsers have that problem, e.g. because they're all keeping slavish compatibility with something Netscape did in 1994, then maybe that's on me to fix.

   • Embed this notice
     Paul Cantrell (inthehands@hachyderm.io)'s status on Monday, 02-Sep-2024 01:52:16 JST Paul Cantrell

     in reply to

     @matt
     It’s a tough call, and I’ve struggled with it too. I think ultimately it is on us to fix, though philosophically I don’t love that conclusion.

     I suspect part of the problem on this page is that the h3 headings are very short, which makes the font size difference less apparent.

     One solution that works well on this page to my eye is to indent the h3 and add a bullet:

     h3:before {
     content: '•';
     color: gray;
     margin-right: 1ex;
     }

     (Maybe bad for screen readers though?)

   • Embed this notice
     Paul Cantrell (inthehands@hachyderm.io)'s status on Monday, 02-Sep-2024 03:50:53 JST Paul Cantrell

     in reply to

     @matt I think that works just great! Much simpler than my idea.

   • Embed this notice
     Matt Campbell (matt@toot.cafe)'s status on Monday, 02-Sep-2024 03:50:54 JST Matt Campbell

     in reply to

     • Paul Cantrell

     @inthehands Well, I got some negative feedback about putting those subsections in one big list, especially about the increased indentation and how that affects small screens. That was a somewhat weird structure anyway. So I backed that out and made the font size of h3 smaller. What do you think?