From 7eb656dd0a461f2782e601753ee96736b7ef0d3c Mon Sep 17 00:00:00 2001
From: Daniel Friesel <derf@finalrewind.org>
Date: Fri, 30 Jul 2021 14:16:58 +0200
Subject: do not mis-use aria-label; use aria-hidden and CSS content clipping
 instead

---
 templates/layouts/app.html.ep    | 10 +++++-----
 templates/layouts/legacy.html.ep |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

(limited to 'templates/layouts')

diff --git a/templates/layouts/app.html.ep b/templates/layouts/app.html.ep
index e6b03ae..664db64 100644
--- a/templates/layouts/app.html.ep
+++ b/templates/layouts/app.html.ep
@@ -18,7 +18,7 @@
 	<meta http-equiv="refresh" content="<%= $self->stash('refresh_interval') %>"/>
 % }
 
-	% my $av = 'v55'; # asset version
+	% my $av = 'v56'; # asset version
 	% if (session('theme') and session('theme') eq 'dark' or param('dark')) {
 		%= stylesheet "/static/${av}/css/dark.min.css", id => 'theme'
 	% }
@@ -84,15 +84,15 @@
 			% }
 			<ul id="nav-mobile" style="float: right;">
 				<li class="waves-effect waves-light">
-					<a onClick="javascript:toggleTheme()"><i class="material-icons" aria-label="Farbschema invertieren">invert_colors</i></a>
+					<a onClick="javascript:toggleTheme()"><span class="visually-hidden">Farbschema invertieren</span><i class="material-icons" aria-hidden="true">invert_colors</i></a>
 				</li>
 				% if (stash('hide_opts')) {
-					<li><a href="/"><i class="material-icons" aria-label="Hauptseite">edit</i></a></li>
+					<li><a href="/"><span class="visually-hidden">Hauptseite</span><i class="material-icons" aria-hidden="true">edit</i></a></li>
 				% }
 				% else {
-					<li><a href="#stationinput"><i class="material-icons" aria-label="Menü">edit</i></a></li>
+					<li><a href="#stationinput"><span class="visually-hidden">Menü</span><i class="material-icons" aria-hidden="true">edit</i></a></li>
 				% }
-				<li><a href="/_autostop"><i class="material-icons" aria-label="Stationen in der Umgebung suchen">my_location</i></a></li>
+				<li><a href="/_autostop"><span class="visually-hidden">Stationen in der Umgebung suchen</span><i class="material-icons" aria-hidden="true">my_location</i></a></li>
 			</ul>
 		</div>
 	</nav>
diff --git a/templates/layouts/legacy.html.ep b/templates/layouts/legacy.html.ep
index ce4d507..2d2af1d 100644
--- a/templates/layouts/legacy.html.ep
+++ b/templates/layouts/legacy.html.ep
@@ -17,7 +17,7 @@
 	<meta http-equiv="refresh" content="<%= $self->stash('refresh_interval') %>"/>
 % }
 
-	% my $av = 'v55'; # asset version
+	% my $av = 'v56'; # asset version
 	%= stylesheet "/static/${av}/css/default.css"
 	%= stylesheet "/static/${av}/css/material-icons.css"
 	%= stylesheet "/static/${av}/css/jquery-ui.min.css"
-- 
cgit v1.2.3