mirror of
https://github.com/retspen/webvirtcloud
synced 2026-11-09 11:46:49 +00:00
fix(templates): icon-only buttons, selects and delete pages have accessible names
An accessibility scan (axe-core, WCAG 2 A/AA) of every page found 87 elements without a name. Icon-only buttons and links (the navbar's administration menu on every page, the add/create buttons, the flavor delete and back buttons) get a title, which is also their tooltip; the labels of the language, architecture, chipset and filter selects point at them; the memory bar is named. The shared delete confirmation page had an empty <title> and heading, as no view passes "title": it says "Delete <object>". The power-off form's aria-label was misspelled.
This commit is contained in:
parent
ea7030d2a1
commit
64057f8d05
21 changed files with 28 additions and 26 deletions
|
|
@ -12,9 +12,9 @@
|
|||
<form action="{% url 'set_language' %}" method="post" style="display:inline" aria-label="Edit language.name_local settings form">{% csrf_token %}
|
||||
<div class="row mb-1">
|
||||
<input name="next" type="hidden" value="{{ redirect_to }}">
|
||||
<label class="col-sm-3 col-form-label">{% trans "Language" %}</label>
|
||||
<label class="col-sm-3 col-form-label" for="language">{% trans "Language" %}</label>
|
||||
<div class="col-sm-6">
|
||||
<select name="language" class="form-control" onchange="this.form.submit()">
|
||||
<select id="language" name="language" class="form-control" onchange="this.form.submit()">
|
||||
{% get_current_language as LANGUAGE_CODE %}
|
||||
{% get_available_languages as LANGUAGES %}
|
||||
{% get_language_info_list for LANGUAGES as languages %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue