picker icon indicating copy to clipboard operation
picker copied to clipboard

Accessibility issue when backgroundColor is set on a picker item

Open ZeiRashed opened this issue 3 years ago • 2 comments

When a backgroundColor is set within the picker.item style, the underlay color, which is meant to provide visual feedback of which item is in focus, no longer works. This is an issue for users who rely on a bluetooth keyboards for accessibility. When tabbing through the items in the picker, there's no visual indication of which one the user is currently focused on.

We define backgroundColor since it defaults to the device's theme. For example, if the device is on dark mode, the picker item's background will be dark, even if the app is on a light theme, so we manually set the background color to match our app theme.

The expected behavior is that the picker item's background color changes and when there is focus on the item using a bluetooth keyboard, the item will lighten/darken to indicate focus.

ZeiRashed avatar Nov 17 '21 21:11 ZeiRashed

Hey there! Bumping this thread now that we're entering a new year. Any information on how to combat this accessibility issue would be greatly appreciated.

ZeiRashed avatar Jan 19 '22 20:01 ZeiRashed

Bump... so hard to see what is selected. Any help with this would be appreciated. I'm happy to contribute to make this happen, but I don't even know where to start. Thanks!

image

ddanko avatar Mar 04 '22 06:03 ddanko