Icon replacement text for screen-reader/text-only browsing, fixes #176 (#189)

This commit is contained in:
Eusebius N 2017-03-30 18:01:15 +01:00 committed by Dean Attali
parent cbb422822e
commit b35cb64ff8
2 changed files with 46 additions and 26 deletions

View file

@ -8,36 +8,41 @@
{% if any-share-links %}
<section id = "social-share-section">
<span class="sr-only">Share: </span>
<!--- Share on Twitter -->
{% if site.share-links-active.twitter %}
<!--- Share on Twitter -->
<a href="https://twitter.com/intent/tweet?text={{ page.title | url_encode }}+{{ site.url }}{{ page.url }}"
class="btn btn-social-icon btn-twitter" title="Share on Twitter">
<span class="fa fa-fw fa-twitter" aria-hidden="true"></span>
<span class="sr-only">Twitter</span>
</a>
{% endif %}
<!--- Share on Facebook -->
{% if site.share-links-active.facebook %}
<!--- Share on Facebook -->
<a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}"
class="btn btn-social-icon btn-facebook" title="Share on Facebook">
<span class="fa fa-fw fa-facebook" aria-hidden="true"></span>
<span class="sr-only">Facebook</span>
</a>
{% endif %}
<!--- Share on Google Plus -->
{% if site.share-links-active.google %}
<!--- Share on Google Plus -->
<a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}"
class="btn btn-social-icon btn-google" title="Share on Google+">
<span class="fa fa-fw fa-google-plus" aria-hidden="true"></span>
<span class="sr-only">Google+</span>
</a>
{% endif %}
<!--- Share on LinkedIn -->
{% if site.share-links-active.linkedin %}
<!--- Share on LinkedIn -->
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}"
class="btn btn-social-icon btn-linkedin" title="Share on LinkedIn">
<span class="fa fa-fw fa-linkedin" aria-hidden="true"></span>
<span class="sr-only">LinkedIn</span>
</a>
{% endif %}