Skip to content

feat: filewidget dropzone a11y #1063

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Wagner3UB wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

feat: filewidget dropzone a11y #1063

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0403e3a
fix: Enhanced accessibility structure for the drag-and-drop of files …
Wagner3UB Jan 12, 2026
ff59c5b
chore: i18n
Wagner3UB Jan 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions locales/de/LC_MESSAGES/volto.po
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -552,6 +552,11 @@ msgstr ""
msgid "Please choose an existing content as source for this element"
msgstr ""

#: overrideTranslations
# defaultMessage: Press Enter to browse files from your computer.
msgid "Press Enter to browse files from your computer."
msgstr "Drücken Sie die Eingabetaste, um Dateien auf Ihrem Computer zu durchsuchen."

#: components/ItaliaTheme/Pagination/PaginationItem
# defaultMessage: Pagina precedente
msgid "Previous page"
Expand Down
5 changes: 5 additions & 0 deletions locales/en/LC_MESSAGES/volto.po
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -537,6 +537,11 @@ msgstr "Play"
msgid "Please choose an existing content as source for this element"
msgstr ""

#: overrideTranslations
# defaultMessage: Press Enter to browse files from your computer.
msgid "Press Enter to browse files from your computer."
msgstr ""

#: components/ItaliaTheme/Pagination/PaginationItem
# defaultMessage: Pagina precedente
msgid "Previous page"
Expand Down
5 changes: 5 additions & 0 deletions locales/es/LC_MESSAGES/volto.po
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -546,6 +546,11 @@ msgstr "Reproducir"
msgid "Please choose an existing content as source for this element"
msgstr ""

#: overrideTranslations
# defaultMessage: Press Enter to browse files from your computer.
msgid "Press Enter to browse files from your computer."
msgstr "Presiona Enter para explorar los archivos de tu computadora."

#: components/ItaliaTheme/Pagination/PaginationItem
# defaultMessage: Pagina precedente
msgid "Previous page"
Expand Down
5 changes: 5 additions & 0 deletions locales/fr/LC_MESSAGES/volto.po
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -554,6 +554,11 @@ msgstr "Début"
msgid "Please choose an existing content as source for this element"
msgstr ""

#: overrideTranslations
# defaultMessage: Press Enter to browse files from your computer.
msgid "Press Enter to browse files from your computer."
msgstr "Appuyez sur Entrée pour parcourir les fichiers sur votre ordinateur."

#: components/ItaliaTheme/Pagination/PaginationItem
# defaultMessage: Pagina precedente
msgid "Previous page"
Expand Down
5 changes: 5 additions & 0 deletions locales/it/LC_MESSAGES/volto.po
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -537,6 +537,11 @@ msgstr "Seleziona per riprodurre"
msgid "Please choose an existing content as source for this element"
msgstr "Per favore, seleziona un contenuto esistente come sorgente per questo elemento."

#: overrideTranslations
# defaultMessage: Press Enter to browse files from your computer.
msgid "Press Enter to browse files from your computer."
msgstr "Premi Invio per scegliere i file dal tuo computer."

#: components/ItaliaTheme/Pagination/PaginationItem
# defaultMessage: Pagina precedente
msgid "Previous page"
Expand Down
7 changes: 6 additions & 1 deletion locales/volto.pot
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
msgid ""
msgstr ""
"Project-Id-Version: Plone\n"
"POT-Creation-Date: 2025-11-27T13:35:51.867Z\n"
"POT-Creation-Date: 2026-01-12T09:35:03.088Z\n"
"Last-Translator: Plone i18n <[email protected]>\n"
"Language-Team: Plone i18n <[email protected]>\n"
"MIME-Version: 1.0\n"
Expand Down Expand Up @@ -539,6 +539,11 @@ msgstr ""
msgid "Please choose an existing content as source for this element"
msgstr ""

#: overrideTranslations
# defaultMessage: Press Enter to browse files from your computer.
msgid "Press Enter to browse files from your computer."
msgstr ""

#: components/ItaliaTheme/Pagination/PaginationItem
# defaultMessage: Pagina precedente
msgid "Previous page"
Expand Down
10 changes: 10 additions & 0 deletions src/customizations/volto/components/manage/Widgets/FileWidget.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,10 @@ const messages = defineMessages({
id: 'Choose a file',
defaultMessage: 'Choose a file',
},
dragAndDropActionA11Y: {
id: 'Press Enter to browse files from your computer.',
defaultMessage: 'Press Enter to browse files from your computer.',
},
});

/**
Expand Down Expand Up @@ -154,10 +158,16 @@ const FileWidget = (props) => {
</div>
)}

{/**BACKPORT to https://github.com/plone/volto/pull/7781 */}
<label className="label-file-widget-input">
{value
? intl.formatMessage(messages.replaceFile)
: intl.formatMessage(messages.addNewFile)}
{/*start backport*/}
<span className="visually-hidden">
{intl.formatMessage(messages.dragAndDropActionA11Y)}
</span>
{/*end backport*/}
</label>
<input
{...getInputProps({
Expand Down
4 changes: 4 additions & 0 deletions src/overrideTranslations.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -177,4 +177,8 @@ defineMessages({
id: 'Published',
defaultMessage: 'Published',
},
dragAndDropActionA11Y: {
id: 'Press Enter to browse files from your computer.',
defaultMessage: 'Press Enter to browse files from your computer.',
},
});