fix a11y errors

app/assets/javascripts/enhancedTextbox.js

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

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

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

app/templates/components/folder-path.html

@@ -22,7 +22,7 @@
             <span class="folder-heading-folder">{{ folder.name }}</span>
           {% endif %}
         {% 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 %}
         {% if not loop.last %}{{ folder_path_separator() }}{% endif %}
       {% endif %}

app/templates/partials/jobs/notifications.html

@@ -2,7 +2,7 @@
 {% from "components/page-footer.html" import page_footer %}
 {% 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 %}
 
     <p class="usa-body">