Accessibility update for tooltip.js

Update to the tooltip.js to add an aria-label attribute that contains the original title of the element, but only if the element doesn't have an existing aria-label attribute.

This is to address cases where screen readers are not capturing the aria-describedby attribute that is added when the tooltip is triggered.  This should also avoid a race condition between the screen reader and the appearance of the tooltip.

diff --git a/js/src/tooltip.js b/js/src/tooltip.js
index 797afb134fd3c600a234029c3f6414140899be24..936a2a66f2fa4f9ee4342a3b7529c0553f3187c5 100644 (file)
--- a/js/src/tooltip.js
+++ b/js/src/tooltip.js
@@ -584,6 +584,10 @@ class Tooltip extends BaseComponent {
 
     if (title || originalTitleType !== 'string') {
       this._element.setAttribute('data-bs-original-title', title || '')
+      if (!this._element.getAttribute('aria-label') && !this._element.textContent) {
+        this._element.setAttribute('aria-label', this._element.getAttribute('title') || '')
+      }
+
       this._element.setAttribute('title', '')
     }
   }