date-picker: drop keyboard-instruction setting

lblod · Aug 22, 2024 · c31bdea · c31bdea
1 parent b274294
commit c31bdea
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/.changeset/chilly-candles-mix.md b/.changeset/chilly-candles-mix.md
@@ -0,0 +1,5 @@
+---
+'frontend-gelinkt-notuleren': patch
+---
+
+Drop the redundant `keyboardInstruction` setting of date-picker, as the date-picker now uses a table element, which screen readers already know how to handle.
diff --git a/app/components/date-time-picker.js b/app/components/date-time-picker.js
@@ -26,7 +26,6 @@ export default class DateTimePicker extends Component {
       monthSelectLabel: this.intl.t('au-date-picker.month-select-label'),
       yearSelectLabel: this.intl.t('au-date-picker.year-select-label'),
       closeLabel: this.intl.t('au-date-picker.close-label'),
-      keyboardInstruction: this.intl.t('au-date-picker.keyboard-instruction'),
       calendarHeading: this.intl.t('au-date-picker.calendar-heading'),
       dayNames: getLocalizedDays(this.intl),
       monthNames: getLocalizedMonths(this.intl),

diff --git a/translations/appuniversum/en-us.yaml b/translations/appuniversum/en-us.yaml
@@ -6,6 +6,5 @@ au-date-picker:
   month-select-label: 'Month'
   year-select-label: 'Year'
   close-label: 'Close windows'
-  keyboard-instruction: 'You can use arrow keys to navigate dates'
   calendar-heading: 'Choose a date'
   placeholder: 'DD-MM-YYYY'