darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-20 14:29:51 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix a11y errors

Browse Source
This commit is contained in:
Beverly Nguyen
2024-11-05 14:35:22 -08:00
parent ff194b2f2b
commit 7a63fcfc08
4 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/javascripts/enhancedTextbox.js
View File

@@ -73,10 +73,16 @@
); );
this.update = () => { this.update = () => {
const isEmpty = this.$textbox.val().trim() === "";
this.$background.html( if (isEmpty) {
this.highlightPlaceholders ? this.contentReplaced() : this.contentEscaped() this.$background.html(
); this.highlightPlaceholders ? this.contentReplaced() : this.contentEscaped()
);
this.$background.show();
} else {
this.$background.hide();
}
this.resize(); this.resize();

5
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -604,17 +604,12 @@ details form {
} }
&-background { &-background {
position: absolute;
top: 0;
left: 0;
pointer-events: none; pointer-events: none;
color: transparent;
white-space: pre-wrap; white-space: pre-wrap;
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
border: 2px solid transparent; border: 2px solid transparent;
padding-bottom: units(3); padding-bottom: units(3);
z-index: 10;
// transparent borders become visible in high contrast modes so set to match background // transparent borders become visible in high contrast modes so set to match background
@media (-ms-high-contrast: active), (forced-colors: active) { @media (-ms-high-contrast: active), (forced-colors: active) {

2
app/templates/components/folder-path.html
View File

@@ -22,7 +22,7 @@
<span class="folder-heading-folder">{{ folder.name }}</span> <span class="folder-heading-folder">{{ folder.name }}</span>
{% endif %} {% endif %}
{% else %} {% else %}
<a href="{{ url_for('.choose_template', service_id=service_id, template_type=template_type) }}" title="Templates" class="usa-link {% if loop.length > 2 %}folder-heading-folder-root-truncated{% endif %}">Templates</a> <a href="{{ url_for('.choose_template', service_id=service_id, template_type=template_type) }}" class="usa-link {% if loop.length > 2 %}folder-heading-folder-root-truncated{% endif %}">Templates</a>
{% endif %} {% endif %}
{% if not loop.last %}{{ folder_path_separator() }}{% endif %} {% if not loop.last %}{{ folder_path_separator() }}{% endif %}
{% endif %} {% endif %}

2
app/templates/partials/jobs/notifications.html
View File

@@ -2,7 +2,7 @@
{% from "components/page-footer.html" import page_footer %} {% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %} {% from "components/form.html" import form_wrapper %}
<div class="ajax-block-container" aria-labelledby='pill-selected-item' role="region"> <div class="ajax-block-container" role="region">
{% if job.scheduled %} {% if job.scheduled %}
<p class="usa-body"> <p class="usa-body">