Added an sr-only alert to the site for upload errors (and any other errors we might want to only announce to the screen reader)

This commit is contained in:
Jonathan Bobel
2025-04-01 10:46:56 -04:00
parent f55d47e3d1
commit 2064fc864a
7 changed files with 54 additions and 184 deletions

View File

@@ -23,6 +23,9 @@ Error
<div class="">
{% call banner_wrapper(type='dangerous') %}
{# Alert for users of AT #}
<span id="upload-error" class="usa-sr-only">File upload failed</span>
{% if recipients.too_many_rows %}
<div class="usa-alert usa-alert--error" role="alert">

View File

@@ -21,6 +21,8 @@
{{ template|string }}
<div class="bottom-gutter-3-2">
{# Alert for users of AT #}
<span id="upload-success" class="usa-sr-only">File upload successful</span>
<form method="post" enctype="multipart/form-data" action="{{url_for('main.preview_job', service_id=current_service.id, template_id=template_id, upload_id=upload_id)}}" class='page-footer'>
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
{% if choose_time_form %}

View File

@@ -17,6 +17,8 @@
<div class="">
{% call banner_wrapper(type='dangerous') %}
{# Alert for users of AT #}
<span id="upload-failed" class="usa-sr-only">File upload failed</span>
{% if row_errors|length == 1 %}
<div class="usa-alert usa-alert--error" role="alert">
<div class="usa-alert__body">