elements icon indicating copy to clipboard operation
elements copied to clipboard

[A11y]: ino-chip accessibilty issues

Open Sl1nd opened this issue 1 year ago • 0 comments

Bug Report

  • Still "clickable" via keyboard for non-clickable option
  • Removable icon-button does not provide an aria-label
  • Selectable option does not represent a button, although it could be used with clickable option
  • Selectable option does provide wrong roles and aria-* properties
  • Wrong aria-roles in general
  • Trailing-Icon should be included to screenreader focus state image

Possible Solution

  • Should not be clickable via keyboard if non-clickable option is set
  • Remove-Option icon-button should provide accessible name
  • The internal html should for all options represent a html-button (especially when clickable could be set in conjuction)
  • Selectable option should not render role 'option' with 'aria-selected' states. Selected states should be represented by a html button with 'aria-pressed="false"' aria-pressed="true"https://www.w3.org/WAI/ARIA/apg/patterns/button/examples/button/
  • Remove wrong aria-roles (gridcell, row option) and always use button instead
  • Include Trailing-icon to screenreader focus

Sl1nd avatar Jan 30 '24 11:01 Sl1nd