Skip to content

Commit fb10548

Browse files
authored
[A11Y] Fix some Website Accessibility Issues (BlackPythonDevs#276)
* [A11Y] Fix some Website Accessibility Issues Fixes BlackPythonDevs#275 * Update foregroud color `--pico-color-sand-100` * Add alt attribute specifies an alternate text for an image * Update assets/css/pico.colors.min.css * [WCAG 2 AA] Select the color contrast for the <a> elements
1 parent f8bb507 commit fb10548

File tree

3 files changed

+15
-8
lines changed

3 files changed

+15
-8
lines changed

_layouts/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
</article>
99
{{ content }}
1010

11-
<img src="{{'/assets/images/dcus.jpg' | relative_url }}" />
11+
<img src="{{'/assets/images/dcus.jpg' | relative_url }}" alt="DjangoCon US 2023"/>
1212

1313
{%- include latest-posts.html -%}
1414
{%- include join_us.html -%}

assets/css/bpd.css

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,13 @@ input::-moz-focus-inner {
5555
padding: 0;
5656
}
5757

58+
/*
59+
a.contrast, a.secondary {
60+
color: #00d7ff;
61+
text-decoration: none;
62+
}
63+
*/
64+
5865
div#newsletter {
5966
margin: 1rem 0;
6067
padding: 1rem;
@@ -90,8 +97,8 @@ div#newsletter {
9097
.back-to-top:active,
9198
.back-to-top:focus,
9299
.back-to-top:hover {
93-
border-color: #2d72d9;
94-
color: #2d72d9;
100+
border-color: #3588ff;
101+
color: #3588ff;
95102
outline: 0;
96103
}
97104

@@ -107,7 +114,7 @@ div#newsletter {
107114
}
108115

109116
.menu-item a {
110-
color: #70777d;
117+
color: #868e96;
111118
display: inline-block;
112119
font-size: 0.88889rem;
113120
font-weight: 700;
@@ -122,7 +129,7 @@ div#newsletter {
122129
.menu-item a:hover,
123130
.menu-item.nav-current a:link,
124131
.menu-item.nav-current a:visited {
125-
color: #2d72d9;
132+
color: #3588ff;
126133
}
127134

128135
.icon-menu {
@@ -214,7 +221,7 @@ a.logo-text img {
214221
}
215222

216223
.site-title a:hover {
217-
color: #2d72d9;
224+
color: #3588ff;
218225
}
219226

220227
.site-navigation {

assets/css/pico.colors.min.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -340,7 +340,7 @@
340340
--pico-color-sand-250: #beb8a7;
341341
--pico-color-sand-200: #ccc6b4;
342342
--pico-color-sand-150: #dad4c2;
343-
--pico-color-sand-100: #e8e2d2;
343+
--pico-color-sand-100: #f3eddc;
344344
--pico-color-sand-50: #f2f0ec;
345345
--pico-color-sand: #ccc6b4;
346346
--pico-color-grey-950: #111111;
@@ -403,7 +403,7 @@
403403
--pico-color-slate-100: #dfe3eb;
404404
--pico-color-slate-50: #eff1f4;
405405
--pico-color-slate: #525f7a;
406-
--pico-color-light: #fff;
406+
--pico-color-light: #03d5ff;
407407
--pico-color-dark: #000;
408408
}
409409
.pico-color-red-950 {

0 commit comments

Comments
 (0)