summaryrefslogtreecommitdiff
path: root/templates/layouts
diff options
context:
space:
mode:
authorDaniel Friesel <derf@finalrewind.org>2021-07-30 14:16:58 +0200
committerDaniel Friesel <derf@finalrewind.org>2021-07-30 14:16:58 +0200
commit7eb656dd0a461f2782e601753ee96736b7ef0d3c (patch)
tree26118f86d0372c9a34b9636cd4c31a7492bc0e01 /templates/layouts
parent44c35c7aadb4c7992c484053a6f4ddb4368bcb2e (diff)
do not mis-use aria-label; use aria-hidden and CSS content clipping instead
Diffstat (limited to 'templates/layouts')
-rw-r--r--templates/layouts/app.html.ep10
-rw-r--r--templates/layouts/legacy.html.ep2
2 files changed, 6 insertions, 6 deletions
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"