Кроссскринридерность 😳  — Как кроссбраузерность, только про скринридеры  — Поддержка элементов, ролей и атрибутов разными скринридерами в разных браузерах с разными версиями    Собрала ресурсы для её для проверки. Под каждым написала отличия от остальных, плюсы и минусы.    Минимальный набор скринридеров — NVDA, JAWS, VoiceOver.  Минимальный набор браузеров — Chrome, Firefox, Safari.

💫 a11ysupport — CanIUse для скринридеров https://a11ysupport.io/    Дополнительные скринридеры и браузеры:    — TalkBack + Chrome  — Orca + Firefox  — Narrator + Edge (Narrator = Экранный диктор — встроенный в Windows скринридер)    ➕ VoiceOver разделяется на iOS и macOS    ❌ В комбинации только с Safari    ➕ Поддержка голосового управления Voice Control: Dragon Naturally Speaking, Voice Access (Android), Voice Control (iOS), Voice Control (MacOS), Windows Speech Recognition, Windows Voice Access    ➕ Самое подробное описание тестов    ➕ Даты проведения каждого теста    ➕ Тестовая HTML-страница для самостоятельной проверки    💫 PowerMapper Software https://www.powermapper.com/tests/    Дополнительные скринридеры в комбинации с устаревшим IE11 (Internet Explorer 11):    — SaToGo  — WindowEyes  — Dolphin  ❌ Нет TalkBack, Orca, Narrator    ❌ Даты тестов — только общая дата обновления страницы с тестом    ❌ Нет тестовой HTML-страницы для самопроверки    ➕ Аудио озвучивания — для каждой комбинации скринридер + браузер в разных версиях, которых несколько для каждой комбинации    ➕ Кроме кучи комбинаций, отдельные тесты для режимов скринридеров:    — Tabbing на десктопе (режим форм, редактирования, он же системный фокус, клавиатурный)  — Reading на десктопе (режим навигатора, обзора или фокус скринридера)  — Touch при касании (VoiceOver на iOS)    💫 HTML test cases https://russmaxdesign.github.io/accessible-forms/index.html    Не уверена, что полезный, но вот он есть    ❌ Минимальный набор скринридеров и браузеров    ❌ Без учёта версий    ❌ VoiceOver подразумевается только десктопный, нет мобильных скринридеров    ➕ Но зато VoiceOver есть в комбинации с Firefox, Chrome    ⚪️ Примечание:    — Не все роли и атрибуты есть на этих ресурсах  — Если роли или атрибута нет на этих ресурсах, то лучше их не использовать    #скринридеры #accessibility #доступность