Кроссскринридерность 😳  — Как кроссбраузерность, только про скринридеры  — Поддержка элементов, ролей и атрибутов разными скринридерами в разных браузерах с разными версиями  Собрала ресурсы для её для проверки. Под каждым написала отличия от остальных, плюсы и минусы.  Минимальный набор скринридеров — 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 #доступность