consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Increase minimum size for SDG icons

Browse Source 
The icons were a bit hard to click on small screens, even for people
without any motion disabilities.

We might increase the size or the space between icons again in the
future; right now it's hard for users with certain motion disabilities
to click on the right icon.

Coincidentally, the minimum size of the icon is now barely over the 44px
established as minimum required size by the WCAG guideline 2.5.5 (level
AAA) [1].

Also coincidentally, at a screen 320px wide (the minimum screen size we
support), six icons appear on each row, just like in the UN logo.

[1] https://www.w3.org/TR/WCAG21/#target-size
This commit is contained in:
Javi Martín
2021-08-26 13:20:08 +02:00
parent 159a17f16f
commit c42c8e3c7a
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/_consul_settings.scss
View File

@@ -120,7 +120,7 @@ $icon-width: $line-height * 2 !default;
$off-screen-left: -1000rem !default;
$sdg-icon-min-width: 40px !default;
$sdg-icon-min-width: 45px !default;
$sdg-colors: (
1: #e5243b,