diff options
| author | Cassidy Dingenskirchen <admin@15318.de> | 2023-10-22 18:32:41 +0200 |
|---|---|---|
| committer | Cassidy Dingenskirchen <admin@15318.de> | 2023-10-22 18:32:41 +0200 |
| commit | 644ab3e660aa1cf0fce21ef8300997b3c85ef049 (patch) | |
| tree | 66ee361a77ae7b93e04dafa4857cb290e160609f /templates | |
| parent | 2cee1c0fea109cd731bf3be996885a86ba09f125 (diff) | |
departure board: aria-label and contrast fix
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/_departures_hafas.html.ep | 2 | ||||
| -rw-r--r-- | templates/_departures_iris.html.ep | 2 | ||||
| -rw-r--r-- | templates/departures.html.ep | 14 |
3 files changed, 10 insertions, 8 deletions
diff --git a/templates/_departures_hafas.html.ep b/templates/_departures_hafas.html.ep index a10594e..369f5f4 100644 --- a/templates/_departures_hafas.html.ep +++ b/templates/_departures_hafas.html.ep @@ -42,7 +42,7 @@ %= $result->destination % for my $checkin (@{$checkin_by_train->{$result->id} // []}) { <span class="followee-checkin"> - <i class="material-icons tiny">people</i> + <i class="material-icons tiny" aria-label="Eine Person, der du folgst, ist hier eingecheckt">people</i> <%= $checkin->{followee_name} %> → <%= $checkin->{arr_name} // '???' %> </span> % } diff --git a/templates/_departures_iris.html.ep b/templates/_departures_iris.html.ep index 332ef1c..d075008 100644 --- a/templates/_departures_iris.html.ep +++ b/templates/_departures_iris.html.ep @@ -47,7 +47,7 @@ %= $result->destination % for my $checkin (@{$checkin_by_train->{$result->train_id} // []}) { <span class="followee-checkin"> - <i class="material-icons tiny">people</i> + <i class="material-icons tiny" aria-label="Eine Person, der du folgst, ist hier eingecheckt">people</i> <%= $checkin->{followee_name} %> → <%= $checkin->{arr_name} // '???' %> </span> % } diff --git a/templates/departures.html.ep b/templates/departures.html.ep index 9235600..039ec28 100644 --- a/templates/departures.html.ep +++ b/templates/departures.html.ep @@ -1,7 +1,9 @@ <div class="row"> <div class="col s12"> - <h2><i class="material-icons "><%= param('hafas') ? 'directions' : 'train' %></i> - <%= $station %></h2> + <h2> + <i class="material-icons " aria-hidden="true"><%= param('hafas') ? 'directions' : 'train' %></i> + <%= $station %> + </h2> % for my $related_station (sort { $a->{name} cmp $b->{name} } @{$related_stations}) { + <%= $related_station->{name} %> <br/> % } @@ -11,13 +13,13 @@ <div class="col s12"> % if ($api_link) { % if (param('hafas')) { - <a href="<%= $api_link %>" class="btn-small"><i class="material-icons left">train</i>zum Schienenverkehr</a> + <a href="<%= $api_link %>" class="btn-small"><i class="material-icons left" aria-hidden="true">train</i>zum Schienenverkehr</a> % } % else { - <a href="<%= $api_link %>" class="btn-small"><i class="material-icons left">directions</i>zum Nahverkehr</a> + <a href="<%= $api_link %>" class="btn-small"><i class="material-icons left" aria-hidden="true">directions</i>zum Nahverkehr</a> % } % } - <a class="btn-small" href="#now"><i class="material-icons left">vertical_align_center</i>Jetzt</a> + <a class="btn-small" href="#now"><i class="material-icons left" aria-hidden="true">vertical_align_center</i>Jetzt</a> </div> </div> @@ -51,7 +53,7 @@ <i class="material-icons left" aria-hidden="true">undo</i> Rückgängig </a> <a class="action-checkout right" data-station="<%= $eva %>" data-force="1"> - <i class="material-icons left">gps_off</i> + <i class="material-icons left" aria-hidden="true">gps_off</i> Hier auschecken </a> % } |