Updated some aria-labels for clarity.

Author: itsozz

index.html

@@ -232,7 +232,7 @@ <h1>Trafford Data Lab</h1>
 
                 <p id="intro">Supporting decision-making in Trafford by revealing patterns in data through visualisation. We produce a variety of different types of output with a selection featured below. The headings link to more outputs of the same type and commonly used terms are in our <a href="glossary.html">glossary</a>.</p>
 
-                <section id="featured" aria-label="app items will open in a new window">
+                <section id="featured" aria-label="apps will open in a new window, other items will open in the current window">
                     <h2>Featured:</h2>
 
                     <div id="featuredContainer" class="cardContainer themeBlockLight">
@@ -379,7 +379,7 @@ <h3 class="cardHead themeLink">Flood Risk Monitor</h3>
                     </div>
                 </section>
 
-                <a href="#featured" class="backToFeatured"><span aria-label="return to output category links" class="fa-solid fa-circle-up"></span><span class="hideContent">Top</span></a>
+                <a href="#featured" class="backToFeatured"><span aria-label="return to featured section" class="fa-solid fa-circle-up"></span><span class="hideContent" aria-hidden="true">Top</span></a>
 
                 <section id="collections">
                     <h2>Collections</h2>
@@ -421,7 +421,7 @@ <h3 class="cardHead themeLink">COVID-19</h3>
                     </div>
                 </section>
 
-                <a href="#featured" class="backToFeatured"><span aria-label="return to output category links" class="fa-solid fa-circle-up"></span><span class="hideContent">Top</span></a>
+                <a href="#featured" class="backToFeatured"><span aria-label="return to featured section" class="fa-solid fa-circle-up"></span><span class="hideContent" aria-hidden="true">Top</span></a>
 
                 <section id="reports">
                     <h2>Reports</h2>
@@ -468,7 +468,7 @@ <h2>Reports</h2>
                     </div>
                 </section>
 
-                <a href="#featured" class="backToFeatured"><span aria-label="return to output category links" class="fa-solid fa-circle-up"></span><span class="hideContent">Top</span></a>
+                <a href="#featured" class="backToFeatured"><span aria-label="return to featured section" class="fa-solid fa-circle-up"></span><span class="hideContent" aria-hidden="true">Top</span></a>
 
                 <section id="graphics">
                     <h2>Graphics</h2>
@@ -500,7 +500,7 @@ <h2>Graphics</h2>
                     </div>
                 </section>
 
-                <a href="#featured" class="backToFeatured"><span aria-label="return to output category links" class="fa-solid fa-circle-up"></span><span class="hideContent">Top</span></a>
+                <a href="#featured" class="backToFeatured"><span aria-label="return to featured section" class="fa-solid fa-circle-up"></span><span class="hideContent" aria-hidden="true">Top</span></a>
             </main>
 
             <footer id="footer">