Hi there,
We have identified a Color Contrast accessibility issue in the Material theme example of Bryntum TaskBoard. When opening the menu item list and navigating with the down arrow key, the background color of the currently focused menu item is too similar to the non-focused items. Specifically, the focused item has a light grey background while the non-focused items have a white background, resulting in very low visual distinction.
This causes two accessibility concerns:
- Single menu option – When there is only one option in the list, it is almost impossible for users to recognize that the option is focused.
- Multiple menu options – When multiple options are present, the contrast between the focused and non-focused items is so subtle that users must carefully examine the list to determine which item currently has focus.
As per the requirements of WCAG 2.1 Success Criterion 1.4.11: Non-Text Contrast, the visual presentation of interactive components (such as focus indicators) have a contrast ratio of at least 3:1 against adjacent colors.
