fix: added aria-label to TokenWidget component to better a11y

plone · Mar 4, 2025 · 936bc61 · 936bc61
1 parent 4b2d542
commit 936bc61
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/volto/src/components/manage/Widgets/TokenWidget.jsx b/packages/volto/src/components/manage/Widgets/TokenWidget.jsx
@@ -199,6 +199,7 @@ class TokenWidget extends Component {
           noOptionsMessage={() =>
             this.props.intl.formatMessage(messages.no_options)
           }
+          aria-label={this.props.title}
         />
       </FormFieldWrapper>
     );

diff --git a/packages/volto/src/components/manage/Widgets/__snapshots__/TokenWidget.test.jsx.snap b/packages/volto/src/components/manage/Widgets/__snapshots__/TokenWidget.test.jsx.snap
@@ -64,6 +64,7 @@ exports[`renders a token widget component 1`] = `
                 >
                   <input
                     aria-autocomplete="list"
+                    aria-label="My field"
                     aria-labelledby="fieldset-default-field-label-my-field"
                     autoCapitalize="none"
                     autoComplete="off"