a11y: #4225 olh article_list_item aria markup

Author: StephDriver

src/themes/OLH/templates/journal/homepage_elements/article_list_item.html

@@ -6,15 +6,19 @@
 
 <div class="olh-banner">
   <a href="{% if article.is_remote %}{{ article.remote_url }}{% else %}{{ article.url }}{% endif %}"
-           class="box-link"></a>
+      class="box-link" 
+      aria-labelledby="banner-title-{{ article.id }}"
+      aria-describedby="banner-detail-{{ article.id }}"
+    >
+  </a>
   {% if not disable_image %}
     <img src="{{ article.best_large_image_url }}"
          alt="{{ article.title|striptags }}"
          class="olh-banner-image">
     <div class="overlay"></div>
   {% endif %}
   <div {% if not disable_image %}class="olh-banner-heading"{% endif %}>
-    <p class="byline">{{ article.author_list }}</p>
-    <h3>{{ article.title|safe|truncatechars:200 }}</h3>
+    <p id="banner-detail-{{article.id}}" class="byline">{{ article.author_list }}</p>
+    <h3 id="banner-title-{{ article.id }}">{{ article.title|safe|truncatechars:200 }}</h3>
   </div>
 </div>