diff --git a/RELEASE.md b/RELEASE.md index 732987272..5d0130a8f 100644 --- a/RELEASE.md +++ b/RELEASE.md @@ -35,3 +35,4 @@ ### Fix - Sistemato l'allineamento degli elementi nel blocco Contatti: se ci sono meno di tre elementi l'allineamento è centrato, se ce ne sono più di 3 l'allineamento è a sinistra. +- Sistemata accessibilità per il menu a tendina "Ordina Per" nella pagina di ricerca diff --git a/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx b/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx index 5540daa4d..2627edb3d 100644 --- a/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx +++ b/src/components/ItaliaTheme/Blocks/ContactsBlock/Edit.jsx @@ -106,15 +106,9 @@ class Edit extends SubblocksEdit { - 3 - ? 'justify-content-start' - : 'justify-content-center' - } - > + {this.state.subblocks.map((subblock, subindex) => ( - + { )} - 3 - ? 'justify-content-start' - : 'justify-content-center' - } - > + {data.subblocks.map((subblock, index) => ( { sortOnOptions.filter((o) => o.value === sortOn)[0] } label={intl.formatMessage(messages.orderBy)} - placeholder={intl.formatMessage(messages.orderBy)} + placeholder={ + sortOnOptions.find((o) => o.value === sortOn).label + } onChange={(opt) => setSortOn(opt.value)} options={sortOnOptions} + defaultValue={sortOnOptions.find( + (o) => o.value === 'relevance', + )} /> diff --git a/src/components/SelectInput/SelectInput.jsx b/src/components/SelectInput/SelectInput.jsx index 0e6837e0d..83ac3ca8f 100644 --- a/src/components/SelectInput/SelectInput.jsx +++ b/src/components/SelectInput/SelectInput.jsx @@ -305,6 +305,7 @@ const SelectInput = ({ options, components = {}, reactSelect, + defaultValue, }) => { const intl = useIntl(); const Select = reactSelect.default; @@ -332,7 +333,9 @@ const SelectInput = ({ isSearchable={isSearchable} isMulti={isMulti} isClearable={isClearable} - aria-label={placeholder} + aria-label={label} + aria-live="polite" + aria-labelledby={id} ariaLiveMessages={getSelectAriaLiveMessages(intl)} noOptionsMessage={() => intl.formatMessage(messages.select_noOptionsMessage) @@ -346,6 +349,7 @@ const SelectInput = ({ }` } classNamePrefix={'react-select'} + defaultValue={defaultValue} /> );