Skip to content
This repository was archived by the owner on Mar 4, 2020. It is now read-only.

Commit f91573e

Browse files
authored
chore(Dropdown): Add additional description for Left/Right arrow navigation (#1441)
1 parent 42b0473 commit f91573e

File tree

3 files changed

+4
-3
lines changed

3 files changed

+4
-3
lines changed

docs/src/examples/components/Dropdown/Variations/DropdownExampleSearchMultipleFrenchLanguage.shorthand.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ const getA11yStatusMessage = ({
4747
if (resultCount !== previousResultCount) {
4848
return `${resultCount} résultat${
4949
resultCount === 1 ? ' est disponible' : 's sont disponibles'
50-
}, touches fléchées ascendante et descendante pour naviguer. Appuyez sur la touche Entrée pour sélectionner.`
50+
}, touches fléchées ascendante et descendante pour naviguer. Appuyez sur la touche Entrée pour sélectionner. Appuyez sur les touches fléchées gauche et droite pour parcourir les options sélectionnées.`
5151
}
5252
return ''
5353
}

docs/src/examples/components/Dropdown/Variations/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const Variations = () => (
1616
/>
1717
<ComponentExample
1818
title="Multiple Search Using French Language"
19-
description="A multiple search dropdown that uses French to provide information and accessibility."
19+
description="A multiple search dropdown that overrides visual and accessibility texts with French equivalents."
2020
examplePath="components/Dropdown/Variations/DropdownExampleSearchMultipleFrenchLanguage"
2121
/>
2222
<ComponentExample

packages/react/src/components/Dropdown/Dropdown.tsx

+2-1
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ export interface DropdownProps
100100
}
101101

102102
/**
103-
* Callback that creates custom accessability message for dropdown status change. Involves changes in highlighted item in the list, selection, toggle status.
103+
* Callback that provides status announcement message with number of items in the list, using Arrow Up/Down keys to navigate through them and, if multiple, using Arrow Left/Right to navigate through selected items.
104104
* @param {DownshiftA11yStatusMessageOptions<ShorthandValue>} messageGenerationProps - Object with properties to generate message from. See getA11yStatusMessage from Downshift repo.
105105
*/
106106
getA11yStatusMessage?: (options: DownshiftA11yStatusMessageOptions<ShorthandValue>) => string
@@ -1323,5 +1323,6 @@ Dropdown.slotClassNames = {
13231323
* Implements [ARIA Combo Box](https://www.w3.org/TR/wai-aria-practices-1.1/#combobox) design pattern, uses aria-live to announce state changes.
13241324
* Do provide getA11ySelectionMessage, getA11yStatusMessage, noResultsMessage and loadingMessage props to announce state changes correctly.
13251325
* Do provide aria-label to triggerButton slot for non-searchable variants if the placeholder prop is not used.
1326+
*
13261327
*/
13271328
export default withSafeTypeForAs<typeof Dropdown, DropdownProps>(Dropdown)

0 commit comments

Comments
 (0)