fix: The <form> element now always exposes the role "form"

This has been changed in the ARIA spec in w3c/html-aria#402. See also testing-library/dom-testing-library#1293
A11yance · Mar 15, 2024 · adb2927 · adb2927
1 parent fff6f07
commit adb2927
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 42 deletions.
diff --git a/__tests__/src/elementRoleMap-test.js b/__tests__/src/elementRoleMap-test.js
@@ -33,9 +33,7 @@ const entriesList = [
   [{"name": "em"}, ["emphasis"]],
   [{"name": "html"}, ["document"]],
   [{"name": "figure"}, ["figure"]],
-  [{"attributes": [{"constraints": ["set"], "name": "aria-label"}], "name": "form"}, ["form"]],
-  [{"attributes": [{"constraints": ["set"], "name": "aria-labelledby"}], "name": "form"}, ["form"]],
-  [{"attributes": [{"constraints": ["set"], "name": "name"}], "name": "form"}, ["form"]],
+  [{"name": "form"}, ["form"]],
   [{"name": "a"}, ["generic"]],
   [{"name": "area"}, ["generic"]],
   [{"name": "aside"}, ["generic"]],
@@ -230,7 +228,7 @@ describe('elementRolesMap', function () {
     });
     describe('spread operator', function () {
       it('should have a specific length', function () {
-        expect([...elementRoleMap].length).toEqual(113);
+        expect([...elementRoleMap].length).toEqual(111);
       });
       test.each([...elementRoleMap])('Testing element: %o', (obj, roles) => {
         expect(entriesList).toEqual(

diff --git a/__tests__/src/roleElementMap-test.js b/__tests__/src/roleElementMap-test.js
@@ -20,7 +20,7 @@ const entriesList = [
   ["document", [{"name": "html"}]],
   ["emphasis", [{"name": "em"}]],
   ["figure", [{"name": "figure"}]],
-  ["form", [{"attributes": [{"constraints": ["set"], "name": "aria-label"}], "name": "form"}, {"attributes": [{"constraints": ["set"], "name": "aria-labelledby"}], "name": "form"}, {"attributes": [{"constraints": ["set"], "name": "name"}], "name": "form"}]],
+  ["form", [{"name": "form"}]],
   ["generic", [{"name": "a"}, {"name": "area"}, {"name": "aside"}, {"name": "b"}, {"name": "bdo"}, {"name": "body"}, {"name": "data"}, {"name": "div"}, {"constraints": ["scoped to the main element", "scoped to a sectioning content element", "scoped to a sectioning root element other than body"], "name": "footer"}, {"constraints": ["scoped to the main element", "scoped to a sectioning content element", "scoped to a sectioning root element other than body"], "name": "header"}, {"name": "hgroup"}, {"name": "i"}, {"name": "pre"}, {"name": "q"}, {"name": "samp"}, {"name": "section"}, {"name": "small"}, {"name": "span"}, {"name": "u"}]],
   ["grid", [{"attributes": [{"name": "role", "value": "grid"}], "name": "table"}]],
   ["gridcell", [{"constraints": ["ancestor table element has grid role", "ancestor table element has treegrid role"], "name": "td"}]],

diff --git a/src/etc/roles/literal/formRole.js b/src/etc/roles/literal/formRole.js
@@ -14,42 +14,6 @@ const formRole: ARIARoleDefinition = {
   relatedConcepts: [
     {
       concept: {
-        attributes: [
-          {
-            constraints: [
-              'set',
-            ],
-            name: 'aria-label',
-          },
-        ],
-        name: 'form',
-      },
-      module: 'HTML',
-    },
-    {
-      concept: {
-        attributes: [
-          {
-            constraints: [
-              'set',
-            ],
-            name: 'aria-labelledby',
-          },
-        ],
-        name: 'form',
-      },
-      module: 'HTML',
-    },
-    {
-      concept: {
-        attributes: [
-          {
-            constraints: [
-              'set',
-            ],
-            name: 'name',
-          },
-        ],
         name: 'form',
       },
       module: 'HTML',
@@ -69,4 +33,4 @@ const formRole: ARIARoleDefinition = {
   ],
 };
 
-export default formRole;
+export default formRole;