Uploaded image for project: 'Shibboleth User Interface'
  1. Shibboleth User Interface
  2. SHIBUI-259

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

    XMLWordPrintable

Details

    • Story
    • Resolution: Done
    • Minor
    • None
    • None
    • None
    • Filter - Entity ID Search, ShibUI - MVP2 - Sprint 2, SHIB UI - Sprint 3, MVP2 - Final Sprint

    Description

      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

      Attachments

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

        Issue Links

          is related to

          Story - Created by Jira Software - do not edit or delete. Issue type for a user story. SHIBUI-329 UI A11y: Add appropriate roles and aria labels to all interactive elements

          • Major - Major loss of function.
          • Done

          Story - Created by Jira Software - do not edit or delete. Issue type for a user story. SHIBUI-10 Screen reader user - Hear description of form fields

          • Minor - Minor loss of function, or other problem where easy workaround is present.
          • Done

          Story - Created by Jira Software - do not edit or delete. Issue type for a user story. SHIBUI-236 UI: Phase 2: Determine, Implement and Test Aria Labels for All Editable Text Fields

          • Minor - Minor loss of function, or other problem where easy workaround is present.
          • Done

          Story - Created by Jira Software - do not edit or delete. Issue type for a user story. SHIBUI-310 A11y aXe Fix Required: Edit Attribute Release: 2 issues

          • Minor - Minor loss of function, or other problem where easy workaround is present.
          • Done

          Activity

            People

              jodie.muramoto@at.internet2.edu Jodie Muramoto (unicon.net)
              mmosbrook Mary Mosbrook (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

                  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