Uploaded image for project: 'ui-users'
  1. ui-users
  2. UIU-1635

Open/Closed Loans list | ellipsis provides no context when using the screenreader

    XMLWordPrintable

    Details

    • Template:
      Standard Bug Write-Up Format
    • Sprint:
      Prokopovych - Sprint 111, Prokopovych - Sprint 113, Prokopovych - Sprint 114
    • Story Points:
      2
    • Development Team:
      Prokopovych

      Description

      1. Use NVDA
      2. Go to Open Loans/Close Loans List
      3. Focus on the ellipsis

      Actual: Reads "ellipsis" does not describe what the menu is about AND Violates WCAG: 3.3.2 Labels or Instructions (Level A) - http://www.w3.org/TR/WCAG20/#minimize-error-cues

      Expected: Has descriptive text that describes the menu

      <div class="dropdown---CMaZy"><button icon="ellipsis" type="button" aria-expanded="false" aria-haspopup="true" class="iconButton---8kts6 interactionStylesControl---koF4J" aria-label="ellipsis"><span class="iconButtonInner---Xghuj interactionStyles---3DsW3" aria-expanded="false" aria-haspopup="true"><span class="icon---1LZSj icon---gHIyL" tabindex="-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="stripes__icon icon-ellipsis medium---1T0Vl" focusable="false"><circle cx="6.8" cy="16" r="3"></circle><circle cx="16" cy="16" r="3"></circle><circle cx="25.2" cy="16" r="3"></circle></svg></span></span></button><div style="display: none;"><div class="DropdownMenu---aHd-Z" data-role="menu" style="left: 0px; display: block; right: initial; width: initial;"><a role="button" class="button---3dTwV interactionStyles---3DsW3 dropdownItem---UjTCL interactionStyles---3DsW3 boxOffsetStartMedium---NIHb0 boxOffsetEndMedium---39495" href="/inventory/view/30fcc8e7-a019-43f4-b642-2edc389f4501/133a7916-f05e-4df4-8f7f-09eb2a7076d1/1714f71f-b845-444b-a79e-a577487a6f7d">Item details</a><a role="button" class="button---3dTwV interactionStyles---3DsW3 dropdownItem---UjTCL interactionStyles---3DsW3 boxOffsetStartMedium---NIHb0 boxOffsetEndMedium---39495" href="/users/e546d50a-926a-421f-8400-a041a2e9db79/charge/f2ca44bb-2b2f-476b-9c59-3ed45a637735">New fee/fine</a><button type="button" disabled="" class="button---3dTwV interactionStyles---3DsW3 dropdownItem---UjTCL interactionStyles---3DsW3 boxOffsetStartMedium---NIHb0 boxOffsetEndMedium---39495"><span class="inner---3-acC">Fee/fine details</span></button></div></div></div>
      

      Screenshot

        TestRail: Results

          Attachments

            Issue Links

              Activity

                People

                Assignee:
                zburke Zak_Burke
                Reporter:
                kgambrell Khalilah Gambrell
                Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    TestRail: Runs

                      TestRail: Cases