pidgin/nest

WCAG 2 fixes for contrast and empty header

5 months ago, Jonathan Champ
c1fbb1f6b8e5
Parents f19b90df2d5f
Children c093fc9cb779
WCAG 2 fixes for contrast and empty header

Testing Done:
Ran WAVE tool browser extension. They have a no-install, web version at https://wave.webaim.org/

As an example, improvement goes from 3+24 errors to 2+0 errors on https://pidgin.im/contact/

The colors are directly-scaled, viable suggestions, but it would be possible to make the green more green by exchanging red/blue for green while maintaining the same level of contrast. As an example #0c8a0c might be a bit more vibrant green. Please let me know if you would like me to suggest other slight color variations.

Bugs closed: NEST-45

Reviewed at https://reviews.imfreedom.org/r/777/
--- a/hugo/layouts/partials/custom-footer.html Mon Jun 21 23:21:10 2021 -0500
+++ b/hugo/layouts/partials/custom-footer.html Sun Jun 27 01:57:32 2021 -0500
@@ -34,17 +34,18 @@
.alert-bar {
font-weight: bold;
padding: 20px;
- background-color: #4caf50;
+ background-color: #0c8a0c;
color: white;
margin-bottom: 15px;
}
.alert-bar a {
- color: darkgreen;
+ color: black;
+ text-decoration: underline;
}
.alert-bar a:hover {
- color: black;
+ text-decoration: none;
}
.alert-bar-close-button {
--- a/hugo/themes/learn/layouts/partials/menu.html Mon Jun 21 23:21:10 2021 -0500
+++ b/hugo/themes/learn/layouts/partials/menu.html Sun Jun 27 01:57:32 2021 -0500
@@ -24,7 +24,7 @@
{{ $disableShortcutsTitle := .Site.Params.DisableShortcutsTitle }}
{{ with .Site.Menus.shortcuts }}
<section id="shortcuts">
- <h3>{{ if not $disableShortcutsTitle }}{{ T "Shortcuts-Title" }}{{ end }}</h3>
+ {{ if not $disableShortcutsTitle }}<h3>{{ T "Shortcuts-Title" }}</h3>{{ else }}<br />{{ end }}
<ul>
{{ range sort . "Weight" }}
<li>
--- a/hugo/themes/learn/static/css/hugo-theme.css Mon Jun 21 23:21:10 2021 -0500
+++ b/hugo/themes/learn/static/css/hugo-theme.css Sun Jun 27 01:57:32 2021 -0500
@@ -136,7 +136,7 @@
/* anchors */
.anchor {
- color: #00bdf3;
+ color: #0069f3;
font-size: 0.5em;
cursor:pointer;
visibility:hidden;
--- a/hugo/themes/learn/static/css/theme.css Mon Jun 21 23:21:10 2021 -0500
+++ b/hugo/themes/learn/static/css/theme.css Sun Jun 27 01:57:32 2021 -0500
@@ -52,7 +52,7 @@
}
}
a {
- color: #00bdf3;
+ color: #0069f3;
}
a:hover {
color: #0082a7;
@@ -218,10 +218,10 @@
}
#sidebar h5.active a {
background: #fff;
- color: #777 !important;
+ color: #767676 !important;
}
#sidebar h5.active i {
- color: #777 !important;
+ color: #767676 !important;
}
#sidebar h5 + ul.topics {
display: none;
@@ -280,7 +280,7 @@
}
#sidebar ul li.active > a {
background: #fff;
- color: #777 !important;
+ color: #767676 !important;
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;