Breadcrumb element coded incorrectly.

XMLWordPrintable

    • Severity 3 - Minor

      Issue Summary

      The breadcrumb element <li> have role, tabindex & aria-label attributes incorrectly.

      Actual Results

      • role="button", tabindex="0", aria-label attributes provided to <li> element incorrectly since assistive technology won’t render the <li> element correctly.
      • "aria-expanded" attribute provided to the <li> element unnecessarily since when screen reader users activate the ellipsis (more) button focus is set to new breadcrumb element correctly. So this is enough Information for screen reader users to understand that it worked. 

      Expected Results

      • Remove the role="button", tabindex="0", aria-label attributes provided to <li> element.
      • Wrap the ellipsis within native button element or provide role="button", tabindex="0" & aria-label attributes to the <span> element present inside <li> element.
      • Remove the aria-expanded attribute from the source code.

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available

              Assignee:
              Kostiantyn Smolenskyi (Inactive)
              Reporter:
              ssuryavanshi (Inactive)
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: