Skip to content

[EuiSuperSelect][COGNITION]: Edit the euiSuperSelect.screenReaderAnnouncement I18n token for consistency in language #5363

@1Copenut

Description

@1Copenut

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>

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions