a11y: #4220 use uuid tag instead of counter tag

Author: StephDriver

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

@@ -1,11 +1,11 @@
 {% load static %}
 {% load i18n %}
 {% load settings %}
-{% load counter %}
+{% load uuid %}
 
 {% setting_var request.journal 'disable_article_large_image' as disable_image %}
 
-{% get_next_id "item" as item_id %}
+{% get_uuid4 as item_id %}
 
 <div class="olh-banner">
   <a href="{% if article.is_remote %}{{ article.remote_url }}{% else %}{{ article.url }}{% endif %}"

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

@@ -1,8 +1,8 @@
 {% load static %}
 {% load i18n %}
-{% load counter %}
+{% load uuid %}
 
-{% get_next_id "featured" as featured_title %}
+{% get_uuid4 as featured_title %}
 <section aria-labelledby="{{ featured_title }}">
     <div class="row column text-center">
         <h2 class="title" id="{{ featured_title }}">{% trans 'Featured Articles' %}</h2>

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

@@ -1,8 +1,8 @@
 {% load static %}
 {% load i18n %}
-{% load counter %}
+{% load uuid %}
 
-{% get_next_id "popular" as popular_title %}
+{% get_uuid4 as popular_title %}
 <section aria-labelledby="{{ popular_title }}">
     <div class="row column text-center">
         <h2 id="{{ popular_title }}" class="title">{% trans 'Most Popular Articles' %}</h2>