a11y: use <p> for messages in file widget (#88612) #1311

Merged
fpeters merged 1 commits from wip/88612-a11y-file-widget into main 2024-03-29 16:13:49 +01:00
2 changed files with 5 additions and 2 deletions

View File

@ -2832,6 +2832,9 @@ div.file-upload-widget {
}
div.widget-message {
padding-top: 20px;
p {
margin: 0;
}
&::before {
pointer-events: none;
content: "\f016"; // file-o

View File

@ -9,10 +9,10 @@
{{ w.render|safe }}
{% endfor %}
<div class="widget-message click-to-upload">
{% trans "Drop a file or click to select one" %}
<p>{% trans "Drop a file or click to select one" %}</p>
</div>
<div class="widget-message upload-done">
{% trans "Upload done" %}
<p>{% trans "Upload done" %}</p>
</div>
<div class="fileprogress" style="display: none;">
<div class="bar"