Элемент ниже представляет собой отключенную кнопку на веб-странице. При использовании программ чтения с экрана на Android и JAWS на рабочем столе этот элемент объявляется как «Кнопка с отключенным текстом кнопки». В iOS с использованием VoiceOver эта реализация не работает и объявляет только визуальный текст «Текст кнопки». Насколько я понимаю, iOS VoiceOver должен объявить метку aria, но этого не происходит.
Код: Выделить всё
export const example = () => {
return (
tabIndex={0}
style={{
opacity: "40%",
color: "#3057B9",
display: "inline"
}}
data-testid="example"
aria-label="This content should be announced"
>
Button Text{" "}
Disabled button
);
};
Я добавил метку aria, чтобы попытаться заставить iOS VoiceOver прочитать метку aria, но он игнорирует ее и читает только текст кнопки.>
Подробнее здесь:
https://stackoverflow.com/questions/791 ... a-disabled