A11y aXe Fix Required: Dashboard (and other pages) Form elements must have labels

XMLWordPrintable

    • Type: Story
    • Resolution: Done
    • Priority: Minor
    • None
    • Affects Version/s: None
    • None
    • Filter - Entity ID Search, ShibUI - MVP2 - Sprint 2, SHIB UI - Sprint 3, MVP2 - Final Sprint

      Tested in QA-41/44 Build
      Description
      aXe A11y testing tool revealed "Form elements must have labels"

      Steps

      1. Log into UI
      2. Click to 'Add new provider
      3. Use aXe Tool on Security Information page **This occurs on every page in the application

      aXe Error
      Reference page: https://dequeuniversity.com/rules/axe/2.6/label?application=AxeChrome
      Example Page Security Information: Form elements must have labels

      Element location Element Source Related node 1 Related node 2
      html > body > app-root > provider-page > wizard-page > .container-fluid.p-3 > section > div:nth-child(2) > .py-4 > key-info-form > form > .row > fieldset:nth-child(2) > div > [role="tablist"] > [role="tab"] > .collapse.show > div:nth-child(3) > div:nth-child(2) > label > input[type="radio"].form-check-input.ng-pristine <input class="form-check-input ng-untouched ng-pristine ng-valid" formcontrolname="type" tabindex="0" type="radio" ng-reflect-form-control-name="type" ng-reflect-value="signing" ng-reflect-name="type" id="type-0"> html > body > app-root > provider-page > wizard-page > .container-fluid.p-3 > section > div:nth-child(2) > .py-4 > key-info-form > form > .row > fieldset:nth-child(2) > div > [role="tablist"] > [role="tab"] > .collapse.show > div:nth-child(3) > label.d-block html > body > app-root > provider-page > wizard-page > .container-fluid.p-3 > section > div:nth-child(2) > .py-4 > key-info-form > form > .row > fieldset:nth-child(2) > div > [role="tablist"] > [role="tab"] > .collapse.show > div:nth-child(3) > div:nth-child(2) > label.form-check-label

        1. aXeEditSecInfoPage_elementLabelsIssue.mov
          6.02 MB
          Mary Mosbrook
        2. Form elements must have labels.png
          219 kB
          Mary Mosbrook
        3. Page 8.png
          178 kB
          Mary Mosbrook
        4. Page 4.png
          161 kB
          Mary Mosbrook

            Assignee:
            Jodie Muramoto (unicon.net) (Inactive)
            Reporter:
            Mary Mosbrook (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Time Spent - 16 minutes Remaining Estimate - 15 minutes
                15m
                Logged:
                Time Spent - 16 minutes Remaining Estimate - 15 minutes
                16m