Git/hugo-theme-wondermod
1
0
Fork 0
mirror of https://github.com/Wonderfall/hugo-WonderMod.git synced 2025-10-31 11:45:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

accessibility : add aria-label to share-icons

Browse Source
This commit is contained in:
Aditya Telange
2020-09-19 17:19:55 +05:30
parent 32289fe2e7
commit 7204003afd
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
layouts/partials/share-icons.html
View File

@@ -3,6 +3,7 @@
<div class="share-buttons">
<p>Share On</p>
<a class="share-button-single" target="_blank" rel="noopener" name="twitter"
aria-label="share {{ $title | plainify }} on twitter"
href="https://twitter.com/intent/tweet/?text={{ $title }}&amp;url={{ $pageurl }}">
<svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve">
@@ -11,6 +12,7 @@
</svg>
</a>
<a class="share-button-single" target="_blank" rel="noopener" name="linkedin"
aria-label="share {{ $title | plainify }} on linkedin"
href="https://www.linkedin.com/shareArticle?mini=true&amp;url={{ $pageurl }}&amp;title={{ $title }}&amp;summary={{ $title }}&amp;source={{ $pageurl }}">
<svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve">
@@ -19,6 +21,7 @@
</svg>
</a>
<a class="share-button-single" target="_blank" rel="noopener" name="reddit"
aria-label="share {{ $title | plainify }} on reddit"
href="https://reddit.com/submit?url={{ $pageurl }}&title={{ $title }}">
<svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve">
@@ -27,6 +30,7 @@
</svg>
</a>
<a class="share-button-single" target="_blank" rel="noopener" name="facebook"
aria-label="share {{ $title | plainify }} on facebook"
href="https://facebook.com/sharer/sharer.php?u={{ $pageurl }}">
<svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve">
@@ -35,6 +39,7 @@
</svg>
</a>
<a class="share-button-single" target="_blank" rel="noopener" name="whatsapp"
aria-label="share {{ $title | plainify }} on whatsapp"
href="whatsapp://send?text={{ $title }}%20-%20{{ $pageurl }}">
<svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve">
@@ -43,6 +48,7 @@
</svg>
</a>
<a class="share-button-single" target="_blank" rel="noopener" name="telegram"
aria-label="share {{ $title | plainify }} on telegram"
href="https://telegram.me/share/url?text={{ $title }}&amp;url={{ $pageurl }}">
<svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
version="1.1" width="100%" xml:space="preserve" viewBox="2 2 28 28">