improve: add aria-describedy attribute to tooltip dialog, map it to tooltip content

Author: theindianotaku

changelog.md

@@ -1,5 +1,8 @@
 ## Release History
 
+ * **v2.9.6** - 2020-11-03
+   - add `aria-describedby` attribute to the intro.js step tooltip dialog
+
  * **v2.9.3** - 2018-04-24
    - hotfix to skipping and exiting the intro
 
@@ -11,7 +14,7 @@
 
  * **v2.9.0** - 2018-04-23
    - Added @bozdoz as Author
-   - Fixed scroll positions when parent element is scrollable 
+   - Fixed scroll positions when parent element is scrollable
    - Added DOM Event helper function and _stamp to uniquely identify objects and intro instances; fixes issues with removing event listeners
    - Added new syntax for radial gradients
    - Fixes to CSP violations to avoid using `setAttribute`
@@ -39,7 +42,7 @@
 
  * **v2.6.0** - 2017-07-29
    - Per step disable interaction
-   - Adding `scrollTo` option 
+   - Adding `scrollTo` option
    - Better scrolling method
    - Fixing pulse animation issue on IE
    - Adding a new method to show the popup of specific hint

intro.js

@@ -627,6 +627,7 @@
 
     tooltipLayer.className = ('introjs-tooltip ' + tooltipCssClass).replace(/^\s+|\s+$/g, '');
     tooltipLayer.setAttribute('role', 'dialog');
+    tooltipLayer.setAttribute('aria-describedby', 'introjs-tooltiptext-id');
 
     currentTooltipPosition = this._introItems[this._currentStep].position;
 
@@ -1153,6 +1154,7 @@
       arrowLayer.className = 'introjs-arrow';
 
       tooltipTextLayer.className = 'introjs-tooltiptext';
+      tooltipTextLayer.id = 'introjs-tooltiptext-id';
       tooltipTextLayer.innerHTML = targetElement.intro;
 
       bulletsLayer.className = 'introjs-bullets';

minified/intro.min.js

@@ -1,7 +1,7 @@
 {
   "name": "intro.js",
   "description": "Better introductions for websites and features with a step-by-step guide for your projects",
-  "version": "2.9.5",
+  "version": "2.9.6",
   "author": "Afshin Mehrabani <[email protected]>",
   "homepage": "http://introjs.com",
   "repository": {