clean up font awesome icons with aria-hidden and titles as necessary

This commit is contained in:
Justin Cooper 2019-05-22 12:12:25 -05:00
parent d9e42fd09b
commit 21097ea550
5 changed files with 9 additions and 9 deletions

View file

@ -12,7 +12,7 @@
so much because they all happen underneath the adafruit_blinka layer. so much because they all happen underneath the adafruit_blinka layer.
</p> </p>
<div> <div>
<a class="download-button" href="{{ page.download_instructions }}">INSTALLATION INSTRUCTIONS<i class="fas fa-arrow-circle-right"></i></a> <a class="download-button" href="{{ page.download_instructions }}">INSTALLATION INSTRUCTIONS<i class="fas fa-arrow-circle-right" aria-hidden="true"></i></a>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</div> </div>

View file

@ -55,7 +55,7 @@
</label> </label>
<div class="download-buttons"> <div class="download-buttons">
{% for file in version.files['en_US'] %} {% for file in version.files['en_US'] %}
<a class="download-button {% if version.stable %}stable{% else %}unstable{% endif %} {{ file | slice: -3, 3 }}" href="{{ file }}">DOWNLOAD {{ file | slice: -4, 4 | upcase }} NOW <i class="fas fa-download"></i></a> <a class="download-button {% if version.stable %}stable{% else %}unstable{% endif %} {{ file | slice: -3, 3 }}" href="{{ file }}">DOWNLOAD {{ file | slice: -4, 4 | upcase }} NOW <i class="fas fa-download" aria-hidden="true"></i></a>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
@ -70,7 +70,7 @@
the absolute latest and are feeling risky. the absolute latest and are feeling risky.
</p> </p>
<div> <div>
<a class="download-button-unrecommended" href="https://adafruit-circuit-python.s3.amazonaws.com/index.html?prefix=bin/{{ page.board_id }}/">BROWSE S3<i class="fas fa-arrow-circle-right"></i></a> <a class="download-button-unrecommended" href="https://adafruit-circuit-python.s3.amazonaws.com/index.html?prefix=bin/{{ page.board_id }}/">BROWSE S3<i class="fas fa-arrow-circle-right" aria-hidden="true"></i></a>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</div> </div>
@ -81,7 +81,7 @@
the latest stable otherwise. the latest stable otherwise.
</p> </p>
<div> <div>
<a class="download-button-unrecommended" href="https://github.com/adafruit/circuitpython/releases">BROWSE GITHUB<i class="fab fa-github"></i></a> <a class="download-button-unrecommended" href="https://github.com/adafruit/circuitpython/releases">BROWSE GITHUB<i class="fab fa-github" aria-hidden="true"></i></a>
<div class="clear"></div> <div class="clear"></div>
</div> </div>
</div> </div>

View file

@ -263,7 +263,7 @@ function shouldDisplayDownload(download, displayedManufacturers, displayedFeatur
} }
function appendFilterTag(type, name) { function appendFilterTag(type, name) {
var tagHtml = "<span class='tag'><i class='fas fa-times tag-remove' "; var tagHtml = "<span class='tag'><i class='fas fa-times tag-remove' title='Remove Filtered Option'";
tagHtml += "data-type='" + type + "' "; tagHtml += "data-type='" + type + "' ";
tagHtml += "data-name='" + name + "'></i>"; tagHtml += "data-name='" + name + "'></i>";
tagHtml += name + "</span>"; tagHtml += name + "</span>";

View file

@ -13,14 +13,14 @@ permalink: /blinka
</label> </label>
</div> </div>
<div class="downloads-filter"> <div class="downloads-filter">
<button class="filter" title="Filter Boards"><i class="fas fa-sliders-h"></i></button> <button class="filter" title="Filter Boards"><i class="fas fa-sliders-h" aria-hidden="true"></i></button>
</div> </div>
<div class="downloads-filter-tags"> <div class="downloads-filter-tags">
</div> </div>
</div> </div>
<div class="downloads-filter-content"> <div class="downloads-filter-content">
<div class="filter-buttons"> <div class="filter-buttons">
<button class="save-changes" title="Close and Save Changes"><i class="fas fa-times"></i></button> <button class="save-changes" title="Close and Save Changes"><i class="fas fa-times" aria-hidden="true"></i></button>
</div> </div>
<div> <div>
<div class="manufacturers"> <div class="manufacturers">

View file

@ -13,14 +13,14 @@ permalink: /downloads
</label> </label>
</div> </div>
<div class="downloads-filter"> <div class="downloads-filter">
<button class="filter" title="Filter Boards"><i class="fas fa-sliders-h"></i></button> <button class="filter" title="Filter Boards"><i class="fas fa-sliders-h" aria-hidden="true"></i></button>
</div> </div>
<div class="downloads-filter-tags"> <div class="downloads-filter-tags">
</div> </div>
</div> </div>
<div class="downloads-filter-content"> <div class="downloads-filter-content">
<div class="filter-buttons"> <div class="filter-buttons">
<button class="save-changes" title="Close and Save Changes"><i class="fas fa-times"></i></button> <button class="save-changes" title="Close and Save Changes"><i class="fas fa-times" aria-hidden="true"></i></button>
</div> </div>
<div> <div>
<div class="manufacturers"> <div class="manufacturers">