Правильная обработка отключенных / только для чтения текстовых полей для доступности

Question

У меня проблема с тем, что iphone VoiceOver или Android Voice Assistant на мобильных устройствах устанавливают «двойное касание для редактирования» независимо от того, что я пытаюсь сделать.Мне сказали, что не следует указывать «двойное нажатие для редактирования», что имеет смысл для меня.

Я создал CodePen, и ни одна комбинация не работает на iphone и android: https://codepen.io/anon/pen/oQJvEr

Любая помощь по этому вопросу будет приветствоваться.

Текстовое поле только для чтения:

<input type="text" aria-invalid="false" aria-required="false" value="1" readonly>

Текстовое поле отключено:

<input type="text" aria-invalid="false" aria-required="false" value="1" disabled>

Текстовое поле только для чтения:

<input type="text" aria-invalid="false" aria-required="false" value="1" readonly="readonly">

Readonly = Readonly + Aria Textbox:

<input type="text" aria-invalid="false" aria-required="false" value="1" readonly="readonly" aria-readonly="true">

Answer 1

Это раздражает.Voiceover говорит мне, что поле ввода доступно только для чтения, но все равно говорит мне, чтобы редактировать двойную вкладку.Это похоже на ошибку в Voiceover, и вы должны сообщить об этом в Apple.

Когда я дважды нажимаю, он говорит мне «точка вставки в конце», но, поскольку поле доступно только для чтения, экранная клавиатура не отображается,Это очень запутанный сценарий.

Однако, когда я попробовал ваши четыре случая, «отключенный» ввод (2-й пример) работал правильно. не сказал мне дважды нажать для редактирования.

Кроме того, основываясь на disabled работе, я заставил другие ваши дела работать, если я добавил aria-disabled="true".