mirror of
https://github.com/cisagov/manage.get.gov.git
synced 2025-08-16 14:34:10 +02:00
Add aria information
This commit is contained in:
parent
76809a75a8
commit
515c3711b3
2 changed files with 13 additions and 5 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue