Add image alt tags for social sharing

flibbertigibbet · flibbertigibbet · commit 4ae0ec24ee41 · 2018-08-06T13:08:22.000-04:00
diff --git a/python/cac_tripplanner/templates/event-detail.html b/python/cac_tripplanner/templates/event-detail.html
@@ -25,6 +25,8 @@
 <meta name="twitter:description" content="{{ event.description|striptags }}" />
 <meta property="og:image" content="{{ request.build_absolute_uri }}{% cropped_thumbnail event 'wide_image' %}" />
 <meta name="twitter:image" content="{{ request.build_absolute_uri }}{% cropped_thumbnail event 'wide_image' %}" />
+<meta name="og:image:alt" content="{{ event.description|striptags }}" />
+<meta name="twitter:image:alt" content="{{ event.description|striptags }}" />
 <meta property="og:image:width" content="680" />
 <meta property="og:image:height" content="400" />
 {% endblock %}
diff --git a/python/cac_tripplanner/templates/learn-detail.html b/python/cac_tripplanner/templates/learn-detail.html
@@ -29,6 +29,8 @@
 <meta name="twitter:description" content="{{ article.teaser|striptags }}" />
 <meta property="og:image" content="{{ request.build_absolute_uri }}{% cropped_thumbnail article 'wide_image' %}" />
 <meta name="twitter:image" content="{{ request.build_absolute_uri }}{% cropped_thumbnail article 'wide_image' %}" />
+<meta name="og:image:alt" content="{{ article.teaser|striptags }}" />
+<meta name="twitter:image:alt" content="{{ article.teaser|striptags }}" />
 <meta property="og:image:width" content="680" />
 <meta property="og:image:height" content="200" />
 {% endblock %}
diff --git a/python/cac_tripplanner/templates/place-detail.html b/python/cac_tripplanner/templates/place-detail.html
@@ -25,6 +25,8 @@
 <meta property="og:description" content="{{ destination.description|striptags }}" />
 <meta property="og:image" content="{{ request.build_absolute_uri }}{% cropped_thumbnail destination 'wide_image' %}" />
 <meta name="twitter:image" content="{{ request.build_absolute_uri }}{% cropped_thumbnail destination 'wide_image' %}" />
+<meta name="og:image:alt" content="{{ destination.description|striptags }}" />
+<meta name="twitter:image:alt" content="{{ destination.description|striptags }}" />
 <meta property="og:image:width" content="680" />
 <meta property="og:image:height" content="400" />
 {% endblock %}
