Как заставить ассистентские технологии объявлять об изменениях кнопки переключения, действующей как расширяемая ⇐ Html

[Anonymous]

У меня есть элемент, который одновременно действует как переключатель и заголовок аккордеона:

Код: Выделить всё

Switch button label


stuff

при включении->выключении или наоборот вспомогательные технологии, такие как голосовое сопровождение, работают не очень хорошо, полностью пропуская объявление об изменении. Мне интересно, законно ли такое использование и какова наилучшая практика в этом отношении. Инструмент Axe на это не жалуется, но на поле боя он работает не очень хорошо.

Код: Выделить всё

const Greeting = () => {
const [expanded, setExpanded] = React.useState(false);
const id = React.useId();

return (

 {setExpanded(!expanded);}}
>
{expanded ? 'Collapse' : 'Expand'}


{expanded && (

Content

)}

);
};

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render();

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/796 ... -acting-as