Fieldset without legend

README.md

@@ -34,6 +34,7 @@ List of errors:
 - `InputMissingLabelError`
 - `ButtonWithoutLabelError`
 - `ARIAAttributeMissingError`
+- `FieldsetMissingLegend`
 
 ## Scenario
 

example.html

@@ -42,6 +42,11 @@
       <a>Link</a>
       <p>Image without alt</p>
       <img src="https://github.com/octocat.png" width="50" height="50">
+
+      <p>Fieldset without legend</p>
+      <fieldset>
+        <p></p>
+      </fieldset>
     </div>
 
     <script type="text/javascript">

index.js

@@ -53,6 +53,13 @@ export function scanForProblems(context, errorCallback, options) {
       logError(new InputMissingLabelError(input))
     }
   }
+
+  for (const fieldset of context.querySelectorAll('fieldset')) {
+    if (!fieldset.firstChild || fieldset.firstChild.nodeName !== 'LEGEND') {
+      logError(new FieldsetMissingLegend(fieldset))
+    }
+  }
+
   if (options && options['ariaPairs']) {
     for (const selector in options['ariaPairs']) {
       const ARIAAttrsRequired = options['ariaPairs'][selector]
@@ -134,6 +141,14 @@ function ARIAAttributeMissingError(element, attr) {
 }
 errorSubclass(ARIAAttributeMissingError)
 
+function FieldsetMissingLegend(element) {
+  this.name = 'FieldsetMissingLegend'
+  this.stack = new Error().stack
+  this.element = element
+  this.message = `Fieldset missing legend on ${inspect(element)}`
+}
+errorSubclass(FieldsetMissingLegend)
+
 function elementIsHidden(element) {
   return element.closest('[aria-hidden="true"], [hidden], [style*="display: none"]') != null
 }

test/test.js

@@ -41,6 +41,14 @@ describe('scanForProblems should catch', () => {
 
     assert.equal(button.getAttribute('data-error'), 'ARIAAttributeMissingError')
   })
+
+  it('fieldset without legend', () => {
+    const fieldset = makeElement('fieldset', {"id": "fieldsetid"})
+    document.body.appendChild(fieldset)
+    const button = makeElement('button')
+    document.getElementById('fieldsetid').appendChild(button)
+    assert.equal(fieldset.getAttribute('data-error'), 'FieldsetMissingLegend')
+  })
 })
 
 describe('scanForProblems should not catch', () => {
@@ -83,6 +91,14 @@ describe('scanForProblems should not catch', () => {
     assert.notOk(label.getAttribute('data-error'))
     assert.notOk(input.getAttribute('data-error'))
   })
+
+  it('fieldset with legend', () => {
+    const fieldset = makeElement('fieldset', {"id": "fieldsetid"})
+    document.body.appendChild(fieldset)
+    const legend = makeElement('legend')
+    document.getElementById('fieldsetid').appendChild(legend)
+    assert.equal(fieldset.getAttribute('data-error'), 'FieldsetMissingLegend')
+  })
 })
 
 function makeElement(tag, attributes, content) {