forked from HPR/hpr_generator
Initial accessibility tweaks based on ARC Tookit
Ran the ARC Tookit Firefox extension which pointed out accessiblity issues with color contrasts, link display, and skip to main link. Some of the link colors don't look great when they reach the recommended contrast level.
This commit is contained in:
@@ -46,19 +46,19 @@
|
||||
<header>Podcast</header>
|
||||
<div class="lane">
|
||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->about.html#recording_a_podcast">
|
||||
<img src="<!--% absolute_path(baseurl) %-->" alt="Microphone icon">
|
||||
<img src="<!--% absolute_path(baseurl) %-->" alt="">
|
||||
Record
|
||||
</a>
|
||||
<a class="lane-button" href="https://hub.hackerpublicradio.org/calendar.php">
|
||||
<img src="" alt="Calendar icon">
|
||||
<img src="" alt="">
|
||||
Schedule
|
||||
</a>
|
||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->syndication.html">
|
||||
<img src="<!--% absolute_path(baseurl) %-->" alt="RSS icon">
|
||||
<img src="<!--% absolute_path(baseurl) %-->" alt="">
|
||||
Subscribe
|
||||
</a>
|
||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->eps/index.html">
|
||||
<img src="" alt="Speaker icon">
|
||||
<img src="" alt="">
|
||||
Listen
|
||||
</a>
|
||||
</div>
|
||||
@@ -67,15 +67,15 @@
|
||||
<header>Project</header>
|
||||
<div class="lane">
|
||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->correspondents/index.html">
|
||||
<img src="<!--% absolute_path(baseurl) %-->" alt="Person icon">
|
||||
<img src="<!--% absolute_path(baseurl) %-->" alt="">
|
||||
Host
|
||||
</a>
|
||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->series/index.html">
|
||||
<img src="" alt="Stack of Books icon">
|
||||
<img src="" alt="">
|
||||
Series
|
||||
</a>
|
||||
<a class="lane-button" href="<!--% absolute_path(baseurl) %-->about.html">
|
||||
<img src="<!--% absolute_path(baseurl) %-->" alt="Question Mark icon">
|
||||
<img src="<!--% absolute_path(baseurl) %-->" alt="">
|
||||
About
|
||||
</a>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user