mattermost-community/focalboard

Bug: Accessibility > Ensure buttons have discernible text

Open

#2191 aperta il 27 gen 2022

Vedi su GitHub
 (3 commenti) (0 reazioni) (0 assegnatari)TypeScript (2542 fork)user submission
BugHelp Wanted

Metriche repository

Star
 (26.187 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Ensure that each button element and elements with role="button" have one of the following characteristics (more info):

  • Inner text that is discernible to screen reader users.
  • Non-empty aria-label attribute.
  • aria-labelledby pointing to element with text which is discernible to screen reader users.
  • role="presentation" or role="none" (ARIA 1.1) and is not in tab order (tabindex="-1")

List of buttons:

  1. Sidebar 1

    • Element location: .\' > .IconButton.Button[type="button"]
    • Element source: <button type="button" class="Button IconButton"><svg xmlns="http://www.w3.org/2000/svg" class="DisclosureTriangleIcon Icon" viewBox="0 0 100 100"><polygon points="37,35 37,65 63,50"></polygon></svg></button>
  2. Sidebar 2

    • Element location: .\' > .MenuWrapper[role="button"][aria-label="menuwrapper"] > .IconButton.Button[type="button"]
    • Element source: <button type="button" class="Button IconButton"><i class="CompassIcon icon-dots-horizontal OptionsIcon"></i></button>
  3. Header 1

    • Element location: .MenuWrapper[role="button"][aria-label="menuwrapper"]:nth-child(2) > .IconButton.Button[type="button"]
    • Element source: <button type="button" class="Button IconButton"><i class="CompassIcon icon-chevron-down DropdownIcon"></i></button>
  4. Header 2

    • Element location: .ModalWrapper:nth-child(9) > .MenuWrapper[role="button"][aria-label="menuwrapper"] > .IconButton.Button[type="button"]
    • Element source: <button type="button" class="Button IconButton"><i class="CompassIcon icon-dots-horizontal OptionsIcon"></i></button>
  5. Board view 1

    • Element location: .KanbanColumnHeader.octo-board-header-cell[draggable="true"]:nth-child(1) > .MenuWrapper[role="button"][aria-label="menuwrapper"] > .IconButton.Button[type="button"]
    • Element source: <button type="button" class="Button IconButton"><i class="CompassIcon icon-dots-horizontal OptionsIcon"></i></button>
  6. Board view 2

    • Element location: .KanbanColumnHeader.octo-board-header-cell[draggable="true"]:nth-child(1) > .IconButton.Button[type="button"]
    • Element source: <button type="button" class="Button IconButton"><i class="CompassIcon icon-plus AddIcon"></i></button>
  7. Card view

    • Element location: .MenuWrapper[aria-label="menuwrapper"][role="button"] > .IconButton--large.IconButton.Button
    • Element source: <button type="button" class="Button IconButton IconButton--large"><i class="CompassIcon icon-dots-horizontal OptionsIcon"></i></button>

Guida contributor