diff --git a/packages/volto/locales/ca/LC_MESSAGES/volto.po b/packages/volto/locales/ca/LC_MESSAGES/volto.po index 0910ca056e3..44974411bb0 100644 --- a/packages/volto/locales/ca/LC_MESSAGES/volto.po +++ b/packages/volto/locales/ca/LC_MESSAGES/volto.po @@ -4887,6 +4887,11 @@ msgstr "" msgid "private" msgstr "privat" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Navega cap endavant per interactuar amb el calendari i seleccionar una data. Prem la tecla de signe d’interrogació per obtenir les dreceres de teclat per canviar les dates." + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/de/LC_MESSAGES/volto.po b/packages/volto/locales/de/LC_MESSAGES/volto.po index 9223558ea6f..be738996450 100644 --- a/packages/volto/locales/de/LC_MESSAGES/volto.po +++ b/packages/volto/locales/de/LC_MESSAGES/volto.po @@ -4886,6 +4886,11 @@ msgstr "Wählen Sie ein vorhandenes Bild" msgid "private" msgstr "Privat" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Navigieren Sie vorwärts, um mit dem Kalender zu interagieren und ein Datum auszuwählen. Drücken Sie die Fragezeichen-Taste, um die Tastaturkürzel zum Ändern von Daten zu erhalten" + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/en/LC_MESSAGES/volto.po b/packages/volto/locales/en/LC_MESSAGES/volto.po index 30bf27d44f4..4fcfe331de5 100644 --- a/packages/volto/locales/en/LC_MESSAGES/volto.po +++ b/packages/volto/locales/en/LC_MESSAGES/volto.po @@ -4881,6 +4881,11 @@ msgstr "" msgid "private" msgstr "" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "" + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/es/LC_MESSAGES/volto.po b/packages/volto/locales/es/LC_MESSAGES/volto.po index 660b86ff2ab..ade237a1f48 100644 --- a/packages/volto/locales/es/LC_MESSAGES/volto.po +++ b/packages/volto/locales/es/LC_MESSAGES/volto.po @@ -4888,6 +4888,11 @@ msgstr "" msgid "private" msgstr "Privado" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Navega hacia adelante para interactuar con el calendario y seleccionar una fecha. Presiona la tecla de interrogación para obtener los atajos de teclado para cambiar las fechas." + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/eu/LC_MESSAGES/volto.po b/packages/volto/locales/eu/LC_MESSAGES/volto.po index 4c58bdd2c92..8dda6abb589 100644 --- a/packages/volto/locales/eu/LC_MESSAGES/volto.po +++ b/packages/volto/locales/eu/LC_MESSAGES/volto.po @@ -4888,6 +4888,11 @@ msgstr "" msgid "private" msgstr "Pribatua" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Aurrera nabigatu egutegiarekin elkarreragiteko eta data bat hautatzeko. Sakatu galdera ikurra data aldatzeko teklatuko lasterbideak lortzekos" + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/fi/LC_MESSAGES/volto.po b/packages/volto/locales/fi/LC_MESSAGES/volto.po index c24332b3f07..4c0784bf418 100644 --- a/packages/volto/locales/fi/LC_MESSAGES/volto.po +++ b/packages/volto/locales/fi/LC_MESSAGES/volto.po @@ -4886,6 +4886,11 @@ msgstr "" msgid "private" msgstr "yksityinen" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Siirry eteenpäin ollaksesi vuorovaikutuksessa kalenterin kanssa ja valitaksesi päivämäärän. Paina kysymysmerkkinäppäintä saadaksesi näppäinoikotiet päivämäärien muuttamiseen." + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/fr/LC_MESSAGES/volto.po b/packages/volto/locales/fr/LC_MESSAGES/volto.po index 5211a1ce710..bef49f30821 100644 --- a/packages/volto/locales/fr/LC_MESSAGES/volto.po +++ b/packages/volto/locales/fr/LC_MESSAGES/volto.po @@ -4888,6 +4888,11 @@ msgstr "" msgid "private" msgstr "Privé" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Naviguez vers l’avant pour interagir avec le calendrier et sélectionner une date. Appuyez sur la touche point d’interrogation pour obtenir les raccourcis clavier permettant de changer les dates." + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/hi/LC_MESSAGES/volto.po b/packages/volto/locales/hi/LC_MESSAGES/volto.po index c7a6a3d9633..72edd92fca0 100644 --- a/packages/volto/locales/hi/LC_MESSAGES/volto.po +++ b/packages/volto/locales/hi/LC_MESSAGES/volto.po @@ -4881,6 +4881,11 @@ msgstr "" msgid "private" msgstr "निजी" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "कैलेंडर के साथ इंटरैक्ट करने और तारीख चुनने के लिए आगे बढ़ें। तारीख बदलने के लिए कीबोर्ड शॉर्टकट देखने के लिए प्रश्नवाचक चिह्न कुंजी दबाएं।" + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/it/LC_MESSAGES/volto.po b/packages/volto/locales/it/LC_MESSAGES/volto.po index d84cfa45b59..0f800814aa9 100644 --- a/packages/volto/locales/it/LC_MESSAGES/volto.po +++ b/packages/volto/locales/it/LC_MESSAGES/volto.po @@ -4881,6 +4881,11 @@ msgstr "Seleziona un'immagine esistente" msgid "private" msgstr "Privato" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Naviga in avanti per interagire con il calendario e selezionare una data. Premi il tasto del punto interrogativo per ottenere le scorciatoie da tastiera per cambiare le date." + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/ja/LC_MESSAGES/volto.po b/packages/volto/locales/ja/LC_MESSAGES/volto.po index 3c2fa331a67..95938e8c0cd 100644 --- a/packages/volto/locales/ja/LC_MESSAGES/volto.po +++ b/packages/volto/locales/ja/LC_MESSAGES/volto.po @@ -4886,6 +4886,11 @@ msgstr "" msgid "private" msgstr "非表示" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "カレンダーを操作して日付を選択するには、前に進んでください。日付を変更するためのキーボードショートカットを表示するには、クエスチョンマークキーを押してください" + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/nl/LC_MESSAGES/volto.po b/packages/volto/locales/nl/LC_MESSAGES/volto.po index 22b0fa29a7b..8a54f716971 100644 --- a/packages/volto/locales/nl/LC_MESSAGES/volto.po +++ b/packages/volto/locales/nl/LC_MESSAGES/volto.po @@ -4885,6 +4885,11 @@ msgstr "Kies een bestaande afbeelding" msgid "private" msgstr "Privé" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Navigeer vooruit om met de kalender te interageren en een datum te selecteren. Druk op de vraagteken-toets om de sneltoetsen voor het wijzigen van datums te bekijken" + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/pt/LC_MESSAGES/volto.po b/packages/volto/locales/pt/LC_MESSAGES/volto.po index 4dbc2812c86..f4b3d9f9bb3 100644 --- a/packages/volto/locales/pt/LC_MESSAGES/volto.po +++ b/packages/volto/locales/pt/LC_MESSAGES/volto.po @@ -4886,6 +4886,11 @@ msgstr "" msgid "private" msgstr "" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Navegue para a frente para interagir com o calendário e selecionar uma data. Pressione a tecla de interrogação para ver os atalhos de teclado para alterar as datas." + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po b/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po index aec31944838..ff55aed3264 100644 --- a/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po +++ b/packages/volto/locales/pt_BR/LC_MESSAGES/volto.po @@ -4887,6 +4887,11 @@ msgstr "Selecione uma imagem existente" msgid "private" msgstr "Privado" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Navegue para frente para interagir com o calendário e selecionar uma data. Pressione a tecla de interrogação para ver os atalhos de teclado para alterar as datas." + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/ro/LC_MESSAGES/volto.po b/packages/volto/locales/ro/LC_MESSAGES/volto.po index f0dc3c0396b..1f7c8a00e8e 100644 --- a/packages/volto/locales/ro/LC_MESSAGES/volto.po +++ b/packages/volto/locales/ro/LC_MESSAGES/volto.po @@ -4887,6 +4887,11 @@ msgstr "Alegeți o imagine existentă" msgid "private" msgstr "privat" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Navigați înainte pentru a interacționa cu calendarul și a selecta o dată. Apăsați tasta semn de întrebare pentru a obține comenzile rapide de la tastatură pentru schimbarea datelor." + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/ru/LC_MESSAGES/volto.po b/packages/volto/locales/ru/LC_MESSAGES/volto.po index 76751a505b2..13994aae194 100644 --- a/packages/volto/locales/ru/LC_MESSAGES/volto.po +++ b/packages/volto/locales/ru/LC_MESSAGES/volto.po @@ -4886,6 +4886,11 @@ msgstr "Выберите существующее изображение" msgid "private" msgstr "Приватный" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "Перейдите вперёд, чтобы взаимодействовать с календарём и выбрать дату. Нажмите клавишу с вопросительным знаком, чтобы узнать сочетания клавиш для изменения даты." + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/volto.pot b/packages/volto/locales/volto.pot index a7497d511d6..44a9629aff3 100644 --- a/packages/volto/locales/volto.pot +++ b/packages/volto/locales/volto.pot @@ -4883,6 +4883,11 @@ msgstr "" msgid "private" msgstr "" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "" + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po b/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po index d20b588c7e9..5ca7b9899f6 100644 --- a/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po +++ b/packages/volto/locales/zh_CN/LC_MESSAGES/volto.po @@ -4887,6 +4887,11 @@ msgstr "" msgid "private" msgstr "保密" +#. Default: "Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates." +#: components/manage/Widgets/DatetimeWidget +msgid "publicationDateMessage" +msgstr "向前导航以与日历交互并选择日期。按问号键可获取更改日期的键盘快捷键。向前导航以与日历交互并选择日期。按问号键可获取更改日期的键盘快捷键。" + #. Default: "Published" #: components/manage/Contents/ContentsItem msgid "published" diff --git a/packages/volto/news/6808.bugfix b/packages/volto/news/6808.bugfix new file mode 100644 index 00000000000..656403c043b --- /dev/null +++ b/packages/volto/news/6808.bugfix @@ -0,0 +1 @@ +Improved accessibility for the `Datetime-Widget` component by adding an `aria-label` and a translation for the `screenReaderInputMessage`. @Wagner3UB \ No newline at end of file diff --git a/packages/volto/src/components/manage/Widgets/DatetimeWidget.jsx b/packages/volto/src/components/manage/Widgets/DatetimeWidget.jsx index c6a708d729f..8f20bbd9ebc 100644 --- a/packages/volto/src/components/manage/Widgets/DatetimeWidget.jsx +++ b/packages/volto/src/components/manage/Widgets/DatetimeWidget.jsx @@ -27,6 +27,11 @@ const messages = defineMessages({ id: 'Time', defaultMessage: 'Time', }, + publicationDateMessage: { + id: 'publicationDateMessage', + defaultMessage: + 'Navigate forward to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates.', + }, }); const PrevIcon = () => ( @@ -151,6 +156,10 @@ const DatetimeWidgetComponent = (props) => { const datetime = getInternalValue(); const isDateOnly = getDateOnly(); + const screenReaderInputMessage = intl.formatMessage( + messages.publicationDateMessage, + ); + return (
@@ -175,6 +184,8 @@ const DatetimeWidgetComponent = (props) => { navNext={} id={`${id}-date`} placeholder={intl.formatMessage(messages.date)} + ariaLabel={props.title} + screenReaderInputMessage={screenReaderInputMessage} />
{!isDateOnly && ( diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap index 56e2e315cff..a00cdf87dd5 100644 --- a/packages/volto/src/components/manage/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap +++ b/packages/volto/src/components/manage/Widgets/__snapshots__/DatetimeWidget.test.jsx.snap @@ -46,7 +46,7 @@ exports[`datetime widget converts UTC date and adapts to local datetime 1`] = ` >