@afixt/test-utils 1.1.4 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afixt/test-utils",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Various utilities for accessibility testing",
   "main": "src/index.js",
   "scripts": {

package/src/getAccessibleName.js

@@ -319,6 +319,23 @@ function getAccessibleName(element) {
         }
     }
 
+    // STEP 11-3: object element
+    // Per ACT Rule 8fc3b6, object elements rendering non-text content
+    // can receive accessible name from aria-labelledby, aria-label (handled above),
+    // title attribute, or fallback content (handled at end via getAccessibleText)
+    // STEP 11-3.1: use title attribute
+    // STEP 11-3.2: fallback content is handled at the end via getAccessibleText
+    if (element.tagName.toLowerCase() === "object") {
+        if (element.hasAttribute("title")) {
+            const titleValue = element.getAttribute("title");
+            if (strlen(titleValue) > 0) {
+                return titleValue;
+            }
+        }
+        // Fallback content will be handled by getAccessibleText at the end
+        // So we don't return false here - let it fall through
+    }
+
     // STEP 12: table element
     // STEP 12.1: caption element
     // STEP 12.2: use the title attribute

package/test/getAccessibleName.test.js

@@ -292,4 +292,34 @@ describe('getAccessibleName', () => {
     const select = document.querySelector('select');
     expect(getAccessibleName(select)).toBe(false);
   });
+
+  it('should handle object element with title attribute', () => {
+    document.body.innerHTML = `<object data="chart.pdf" type="application/pdf" title="Q4 Sales Report"></object>`;
+    const obj = document.querySelector('object');
+    expect(getAccessibleName(obj)).toBe('Q4 Sales Report');
+  });
+
+  it('should handle object element with fallback content', () => {
+    document.body.innerHTML = `<object data="diagram.svg" type="image/svg+xml"><p>Network architecture diagram</p></object>`;
+    const obj = document.querySelector('object');
+    expect(getAccessibleName(obj)).toBe('Network architecture diagram');
+  });
+
+  it('should handle object element with aria-label', () => {
+    document.body.innerHTML = `<object data="chart.pdf" aria-label="Annual Revenue Chart"></object>`;
+    const obj = document.querySelector('object');
+    expect(getAccessibleName(obj)).toBe('Annual Revenue Chart');
+  });
+
+  it('should return false for object element without accessible name', () => {
+    document.body.innerHTML = `<object data="chart.pdf" type="application/pdf"></object>`;
+    const obj = document.querySelector('object');
+    expect(getAccessibleName(obj)).toBe(false);
+  });
+
+  it('should handle object element with empty title', () => {
+    document.body.innerHTML = `<object data="chart.pdf" title=""></object>`;
+    const obj = document.querySelector('object');
+    expect(getAccessibleName(obj)).toBe(false);
+  });
 });