From 176d7f16f87459299efb083f7a5622be61da10a4 Mon Sep 17 00:00:00 2001
From: kpaxman <kpaxman@uwaterloo.ca>
Date: Thu, 18 Mar 2021 11:48:27 -0400
Subject: [PATCH] make entire 'view on' line be link, to match Youtube and for
a11y.
---
source/_patterns/04-components/facebook/facebook.twig | 4 ++--
source/_patterns/04-components/instagram/instagram.twig | 2 +-
source/_patterns/04-components/twitter/twitter.twig | 4 ++--
3 files changed, 5 insertions(+), 5 deletions(-)
diff --git a/source/_patterns/04-components/facebook/facebook.twig b/source/_patterns/04-components/facebook/facebook.twig
index 64421b45..f5991cfc 100644
--- a/source/_patterns/04-components/facebook/facebook.twig
+++ b/source/_patterns/04-components/facebook/facebook.twig
@@ -19,9 +19,9 @@
</div>
<div class="uw-facebook__view-on-source">
{% if feed_type == 'timeline' %}
- View on <a href="https://facebook.com/{{ username }}">Facebook</a>
+ <a href="https://facebook.com/{{ username }}">View on Facebook</a>
{% else %}
- View on <a href="{{ url }}">Facebook</a>
+ <a href="{{ url }}">View on Facebook</a>
{% endif %}
</div>
</div>
diff --git a/source/_patterns/04-components/instagram/instagram.twig b/source/_patterns/04-components/instagram/instagram.twig
index e132a669..24f0962f 100644
--- a/source/_patterns/04-components/instagram/instagram.twig
+++ b/source/_patterns/04-components/instagram/instagram.twig
@@ -4,6 +4,6 @@
<script async src="//www.instagram.com/embed.js"></script>
</div>
<div class="uw-instagram__view-on-source">
- View on <a href="{{ instagram.url }}">Instagram</a>
+ <a href="{{ instagram.url }}">View on Instagram</a>
</div>
</div>
diff --git a/source/_patterns/04-components/twitter/twitter.twig b/source/_patterns/04-components/twitter/twitter.twig
index 5a82b309..878e4d8e 100644
--- a/source/_patterns/04-components/twitter/twitter.twig
+++ b/source/_patterns/04-components/twitter/twitter.twig
@@ -21,7 +21,7 @@
{% if feed_type == 'embed-tweet' %}
<blockquote class="twitter-tweet" data-dnt="true"><a href="https://twitter.com/{{ tweet_code }}">Read individual Tweet on Twitter</a></blockquote>
<div class="uw-twitter__view-on-source">
- View on <a href="https://twitter.com/{{ tweet_code }}">Twitter</a>
+ <a href="https://twitter.com/{{ tweet_code }}">View on Twitter</a>
</div>
{% else %}
<div
@@ -35,7 +35,7 @@
<a class="twitter-{{ (feed_type == 'moment') ? 'moment' : 'timeline' }}" href="{{ twitter_href }}" data-theme="light" data-link-color="#light" data-height="650" data-dnt="true">{{ twitter_link }}</a>
</div>
<div class="uw-twitter__view-on-source">
- View on <a href="{{ twitter_href }}">Twitter</a>
+ <a href="{{ twitter_href }}">View on Twitter</a>
</div>
{% endif %}
--
GitLab