Improving getAccessibleName() slightly by passing scoped 'top' element

Author: ironikart

HTMLCS.Util.js

@@ -1332,11 +1332,12 @@ _global.HTMLCS.util = function() {
     /**
      * Get the accessible name.
      *
-     * @param {DOMNode} element           Element to process.
+     * @param {DOMNode} element Element to process.
+     * @param {DOMNode} top     Scoped container element.
      *
      * @returns {String} The accessible name.
      */
-    self.getAccessibleName = function(element) {
+    self.getAccessibleName = function(element, top) {
         // See https://www.w3.org/TR/accname-1.1/#terminology
         if (self.isVisuallyHidden(element)) {
             return '';
@@ -1346,7 +1347,7 @@ _global.HTMLCS.util = function() {
             var parts = element.getAttribute("aria-labelledby").split(" ");
             for (var i = 0; i < parts.length; i++) {
                 var x = parts[i];
-                var nameElement = document.getElementById(x);
+                var nameElement = top.getElementById(x);
                 if (nameElement) {
                     nameParts.push(nameElement.textContent);
                 }

Standards/WCAG2AAA/Sniffs/Principle2/Guideline2_5/2_5_3.js

@@ -46,11 +46,11 @@ _global.HTMLCS_WCAG2AAA_Sniffs_Principle2_Guideline2_5_2_5_3 = {
             switch (nodeName) {
             case "a":
                 visibleLabel = HTMLCS.util.getTextContent(element);
-                accessibleName = HTMLCS.util.getAccessibleName(element);
+                accessibleName = HTMLCS.util.getAccessibleName(element, top);
                 break;
             case "button":
                 visibleLabel = HTMLCS.util.getTextContent(element);
-                accessibleName = HTMLCS.util.getAccessibleName(element);
+                accessibleName = HTMLCS.util.getAccessibleName(element, top);
                 break;
             case "label":
                 visibleLabel = HTMLCS.util.getTextContent(element);
@@ -61,14 +61,14 @@ _global.HTMLCS_WCAG2AAA_Sniffs_Principle2_Guideline2_5_2_5_3 = {
                     } else {
                         var refNode = top.getElementById(labelFor);
                     }
-                    accessibleName = HTMLCS.util.getAccessibleName(refNode);
+                    accessibleName = HTMLCS.util.getAccessibleName(refNode, top);
                 }
                 break;
             case "input":
                 if (element.getAttribute("type") === "submit") {
                     visibleLabel = element.getAttribute("value");
                 }
-                accessibleName = HTMLCS.util.getAccessibleName(element);
+                accessibleName = HTMLCS.util.getAccessibleName(element, top);
                 break;
             }
             if (!!visibleLabel && !!accessibleName) {