nodejs.org icon indicating copy to clipboard operation
nodejs.org copied to clipboard

Seperating the title with the subcontent in about (Sidebar)

Open TenzDelek opened this issue 1 year ago • 5 comments

URL:

https://nodejs.org/en/about

Browser Name:

brave

Browser Version:

1.65.123

Operating System:

Windows 11

How to reproduce the issue:

  1. Go the about the current visual looks like this image image

i notice a visual dissatisfaction with the title and the subpart of it . i feel like there should be more separation between them (not only making the font small we can try the below idea ) solution:

  1. either darken out the title a little bit to show a contrast to it
  2. or we can add a padding left to the subpart to show seperation

TenzDelek avatar Apr 28 '24 09:04 TenzDelek

solution : example for the first one : image for the second one: image

TenzDelek avatar Apr 28 '24 10:04 TenzDelek

I allow it's not 100% clear but I thinks the best things it's just to add bottom border to the title.

AugustinMauroy avatar Apr 28 '24 11:04 AugustinMauroy

@AugustinMauroy ya the border bottom one sounds good, will create a pr for it

TenzDelek avatar Apr 28 '24 14:04 TenzDelek

It's subject to personal interpretation. For me, it is already clear that one is a section title and the latter are section entries. I also believe that the suggestions aren't really good ones.

I'm not even sure this is an accessibility issue, @AugustinMauroy why did you mark it as a accessibility issue?

ovflowd avatar Apr 29 '24 11:04 ovflowd

I'm not even sure this is an accessibility issue, @AugustinMauroy why did you mark it as a accessibility issue?

I made this choice because the issue isn't a bug (unexpected behaviour) but a problem of readability and the level of highlighting of elements

AugustinMauroy avatar Apr 29 '24 14:04 AugustinMauroy