Accessibility updates

This commit is contained in:
Jonathan Bobel
2024-05-29 14:53:27 -04:00
parent 40d62e5ff9
commit 4b622fcfdc
3 changed files with 12 additions and 5 deletions

View File

@@ -86,8 +86,8 @@ def service_dashboard(service_id):
current_service.id, current_service.id,
) )
usage_data = get_annual_usage_breakdown(yearly_usage, free_sms_allowance) usage_data = get_annual_usage_breakdown(yearly_usage, free_sms_allowance)
sms_sent=usage_data['sms_sent'], sms_sent = (usage_data["sms_sent"],)
sms_allowance_remaining=usage_data['sms_allowance_remaining'], sms_allowance_remaining = (usage_data["sms_allowance_remaining"],)
return render_template( return render_template(
"views/dashboard/dashboard.html", "views/dashboard/dashboard.html",

View File

@@ -29,10 +29,12 @@
{{ ajax_block(partials, updates_url, 'template-statistics') }} {{ ajax_block(partials, updates_url, 'template-statistics') }}
{% if current_user.has_permissions('manage_service') %} {% if current_user.has_permissions('manage_service') %}
<div id="chartContainer" data-sms-sent="{{ sms_sent }}" data-sms-allowance-remaining="{{ sms_allowance_remaining }}"> <div id="chartContainer" data-sms-sent="{{ sms_sent }}" data-sms-allowance-remaining="{{ sms_allowance_remaining }}">
<h3 class="margin-bottom-1">2024 Total Message Allowance</h3> <h3 class="margin-bottom-1" id="chartTitle">2024 Total Message Allowance</h3>
<canvas id="myChart" height="100"></canvas> <div class="usa-sr-only" id="chartDesc">A bar chart showing the messages sent against the total message allowance for 2024 to date</div>
<canvas id="myChart" role="img" aria-labelledby="chartTitle chartDesc" height="100"></canvas>
</div> </div>
<div id="message"></div> <div id="message"></div>
{% endif %} {% endif %}
<h2 class="margin-top-4 margin-bottom-1">Recent Batches</h2> <h2 class="margin-top-4 margin-bottom-1">Recent Batches</h2>
<div class="table-wrapper"> <div class="table-wrapper">

View File

@@ -56,6 +56,10 @@ const copy = {
gtm: () => { gtm: () => {
return src(paths.src + 'js/gtm_head.js') return src(paths.src + 'js/gtm_head.js')
.pipe(dest(paths.dist + 'js/')); .pipe(dest(paths.dist + 'js/'));
},
chart: () => {
return src(paths.src + 'js/chart.umd.js')
.pipe(dest(paths.dist + 'js/'));
} }
}; };
@@ -201,7 +205,8 @@ const defaultTask = parallel(
), ),
uswds.compile, uswds.compile,
uswds.copyAssets, uswds.copyAssets,
copy.gtm copy.gtm,
copy.chart
) )
); );