Add aria information

This commit is contained in:
zandercymatics 2024-02-07 13:30:13 -07:00
parent 76809a75a8
commit 515c3711b3
No known key found for this signature in database
GPG key ID: FF4636ABEC9682B7
2 changed files with 13 additions and 5 deletions

View file

@ -139,10 +139,18 @@ abbr[title] {
}
}
@media (min-width: 768px) {
@include at-media(tablet) {
.usa-tooltip__body {
width: 250px;
white-space: normal;
text-align: center;
width: 250px !important;
white-space: normal !important;
text-align: center !important;
}
}
@include at-media(mobile) {
.usa-tooltip__body {
width: 250px !important;
white-space: normal !important;
text-align: center !important;
}
}

View file

@ -58,10 +58,10 @@
{% endif %}
<svg
class="usa-icon usa-tooltip text-middle margin-bottom-05 text-accent-cool no-click-outline-and-cursor-help"
role="img"
data-position="top"
title="{{domain.get_state_help_text}}"
focusable="true"
aria-label="Status Information"
>
<use xlink:href="{%static 'img/sprite.svg'%}#info_outline"></use>
</svg>