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 { .usa-tooltip__body {
width: 250px; width: 250px !important;
white-space: normal; white-space: normal !important;
text-align: center; 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 %} {% endif %}
<svg <svg
class="usa-icon usa-tooltip text-middle margin-bottom-05 text-accent-cool no-click-outline-and-cursor-help" class="usa-icon usa-tooltip text-middle margin-bottom-05 text-accent-cool no-click-outline-and-cursor-help"
role="img"
data-position="top" data-position="top"
title="{{domain.get_state_help_text}}" title="{{domain.get_state_help_text}}"
focusable="true" focusable="true"
aria-label="Status Information"
> >
<use xlink:href="{%static 'img/sprite.svg'%}#info_outline"></use> <use xlink:href="{%static 'img/sprite.svg'%}#info_outline"></use>
</svg> </svg>