Description:
The euiSuperSelect.screenReaderAnnouncement token describes the Up and Down arrow keys as "up and down keys". I'd like to improve this and change the translation text to "Up and Down arrow keys" for consistency with other translations and to make the implicit (arrow) explicit. We should also capitalize Escape.
Guidance:
https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions.html
! i18ntokens.json#2258
{
"token": "euiSuperSelect.screenReaderAnnouncement",
- "defString": "You are in a form selector of {optionsCount} items and must select a single option.\n
- Use the up and down keys to navigate or escape to close.",
+ "defString": "You are in a form selector of {optionsCount} items and must select a single option.\n
+ Use the Up and Down arrow keys to navigate or Escape to close.",
"highlighting": "string",
"loc": {
"start": {
"line": 353,
"column": 12
},
"end": {
"line": 358,
"column": 14
}
},
"filepath": "src/components/form/super_select/super_select.tsx"
},
! super_select.tsx#357
<EuiScreenReaderOnly>
<p id={this.describedById}>
<EuiI18n
token="euiSuperSelect.screenReaderAnnouncement"
- default="You are in a form selector of {optionsCount} items and must select a single option.
- Use the up and down keys to navigate or escape to close."
+ default="You are in a form selector of {optionsCount} items and must select a single option.
+ Use the Up and Down arrow keys to navigate or Escape to close."
values={{ optionsCount: options.length }}
/>
</p>
</EuiScreenReaderOnly>
Description:
The
euiSuperSelect.screenReaderAnnouncementtoken describes the Up and Down arrow keys as "up and down keys". I'd like to improve this and change the translation text to "Up and Down arrow keys" for consistency with other translations and to make the implicit (arrow) explicit. We should also capitalize Escape.Guidance:
https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions.html