From 1af9bece7b94673b62dcb239ae0dd3ea1e12d6cc Mon Sep 17 00:00:00 2001 From: Jed Watson Date: Fri, 24 Nov 2017 16:42:53 +1100 Subject: [PATCH] Document accessibility limitations for multiselect Refers to #2098 --- README.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/README.md b/README.md index ac5df28cfa..cc2d1cad87 100644 --- a/README.md +++ b/README.md @@ -108,6 +108,10 @@ var options = [ ``` Note: the `clearable` prop of the Select component should also be set to `false` to prevent allowing clearing all fields at once +#### Accessibility Note + +Selected values aren't focus targets, which means keyboard users can't tab to them, and are restricted to removing them using backspace in order. This isn't ideal and I'm looking at other options for the future; in the meantime if you want to use a custom `valueComponent` that implements tabIndex and keyboard event handling, see #2098 for an example. + ### Async options If you want to load options asynchronously, use the `Async` export and provide a `loadOptions` Function.