mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-11 16:14:04 +02:00
Code Issues Releases Wiki Activity

Accessibility update for tooltip.js

Browse Source 
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.
This commit is contained in:
Matty Williams
2019-05-29 21:48:59 +03:00
committed by XhmikosR
parent af57444405
commit b0372bb658
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
js/src/tooltip.js
View File

@@ -584,6 +584,10 @@ class Tooltip extends BaseComponent {
if (title || originalTitleType !== 'string') { if (title || originalTitleType !== 'string') {
this._element.setAttribute('data-bs-original-title', title || '') 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', '') this._element.setAttribute('title', '')
} }
} }