Original: http://accessibleculture.org/articles/2010/05/html5-aria/

Примітка: Оновлене дослідження і результати пошуку по березень 2011 року.

Є деякі хороші, корисні приклади і працювати там вже показує, як деякі читачі екрану мати справу з різними конструкціями HTML5 і ARIA ролі. Я знаю, що специфікації ще не закінчені і допоміжні постачальники технологій завжди працюємо над цим, але я хотів грати навколо трохи і підтвердити для себе, як деякі з провідних програм читання з екрану для Windows, а саме JAWS 11, Window-Eyes 7.11, NVDA 2010,1 і SAToGo 3.0.202, в даний час обробляти основні елементи HTML5 секціонування, а також ARIA орієнтир і інші ролі. Було висловлено припущення, що до тих пір, браузери і програми читання з екрану повністю не підтримують елементи HTML5 і їх неявні ролі ARIA, ми повинні бути в явному вигляді доповнень до деяких елементи HTML5 і пов’язані з ними ARIA ролі.

Оновлення: Результати для VoiceOver в MacOS X Snow Leopard з Safari 4.0.3 додав. -Можу 07 2010
тестові випадки

тільки HTML5
HTML5 + ARIA Ролі

Перший тестовий приклад використовує тільки елементи HTML5, зокрема:

заголовок
навігаційний
розділ
стаття
в сторону
нижній колонтитул

Другий тест також застосовує такі ролі ARIA:

банер
навігація
головний
стаття
додатковий
contentinfo

Я тестував з чотирма читачами екрану з використанням як Internet Explorer 8 і Firefox 3.6.

Примітка: В залежності від читання з екрану і браузера комбінації ви використовуєте, внутрішні посилання сторінки в рамках тестових випадків, особливо ті цілі, які є простими заголовками з атрибутом ідентифікатора, може або не може правильно встановити фокус та оновлювати положення в порядку TAB. Це проблема, досить добре задокументовані, з конкретними браузерами і програмами читання з екрану, і не пов’язані з використанням HTML5 і ARIA ролей. Це може бути по-різному пом’якшено шляхом додавання TabIndex = “- 1” і / або з використанням актуальних елементи по-різному натомість, але це для іншого набору тестів.

Результати

Якщо коротко, то NVDA робить дуже добре з HTML5 і HTML5 з ARIA ролі перевірки справ, будь то в IE8 або FF3.6. Переміщення, читання, і взаємодіючи з розмітки і ARIA орієнтирів HTML5 є тільки простим. Настільки, що він не гарантує, включаючи його в результатах випробувань: Досить сказати, що NVDA порід.

JAWS робить добре, хоча в FF3.6 це, здається, не подобається нав елемент вкладений в заголовку. На даний момент, по крайней мере, це може бути розумним, щоб уникнути вкладеності нав елементів всередині елементів заголовка. Оновлення (27 серпня 2010): Див коментар # 3 по Террілл Томпсон нижче. На жаль, JAWS 11 в Firefox 3.6 не дуже добре мати справу з елементом заголовка в будь-який реалізації.

SAToGo також робить добре, і тепер навіть дозволяє навігацію по ВСС орієнтир, хоча це автоматично не оголосив тип орієнтира, як це відбувається через нього. І я міг би тільки отримати його для навігації по орієнтир в одному напрямку в IE8, в той час як в FF3.6, я міг би перейти і до наступної і попередньої орієнтир натисканням; і Shift +; відповідно. Оновлення: Нові результати для SAToGo версії 3.1.24, 21 травня 2010 року.

Window-Eyes 7,11, з іншого боку, і це одна річ, яку ми знали вже, не визнає ARIA ролі взагалі. Крім того, Window-Eyes тільки здається, що упиратися в IE8, коли справа доходить до HTML5 і ARIA ролі використовуються разом: в розділі “Режим перегляду” він не може знайти будь-які посилання в межах секціонування елемента HTML5, який також має роль ARIA. Якщо включити “Режим перегляду” вимкнений, він дійсно знаходить все посилання, але це означає, що вам доведеться постійно перемикатися “Режим перегляду” геть і насправді, щоб читати і використовувати сторінку.

Деякі додаткові швидкого тестування я показав ніщо в IE8, Window-Eyes має ніяких проблем з пошуком посилань в простій DIV, який також хань в ролі ARIA, або всередині HTML5 секціонування елемент без ARIA ролі, але об’єднати два і Window-Eyes в IE8 просто втрачається. Це підтверджується, наприклад, за допомогою сайту Брюса Лоусона, який дозволяє ефективно використовувати HTML5 і ВСС. Якщо ви відвідаєте сайт Брюса з Window-Eyes і IE8, жодна з посилань в заголовку або #sidebar нав ні знайдено, так як обидва ці елементи HTML5 також реалізовані ARIA ролі. Але немає ніяких проблем з посиланнями в області основного змісту, навіть якщо вона має роль = “основний”, так як він просто використовує регулярні DIV. Якщо використовується перетин елемента замість цього, більшість посилань на сторінці буде просто зникнути для Window-Eyes в IE8.

У той час як у мене немає номера, щоб довести це, я вважаю, що більшість користувачів Window-Eyes запустити Internet Explorer замість Firefox, так що це може бути причиною, щоб уникнути використання HTML5 і ARIA ролі разом на деякий час, в залежності від того, як ви відчуваєте про харчування для користувачів Window-Eyes з IE8. Це буде цікаво подивитися, як все змінюється, як тільки IE9 і Window-Eyes 8 знаходяться поза.

Більш детальні результати випробувань наведені нижче. Якщо не вказано інше, то для читання з екрану виконується як можна було б сподіватися і чекати, що для корисного досвіду.

Оновлення # 1 (30 червня 2010 року): Здається, що навіть вкладеності елемент з атрибутом ролі в межах секціонування батьківського елемента HTML5 аналогічним чином створює проблеми для Window-Eyes. Наприклад, посилання в межах вул з ролі = “навігація” вкладений всередині батьківського елементу нав не буде знайдений Window-Eyes.

Оновлення # 2 (5 липня 2010): З іншого боку, і, що цікаво, що гніздяться елемент HTML5 всередині DIV з роллю ARIA, здається, не викликають проблеми в Window-Eyes. Наприклад, посилання в навігаційний елемент, який вкладений в DIV з роллю = “навігації” як і раніше знайдені Window-Eyes. Так що це, тому що тепер, ймовірно, кращий спосіб використовувати елементи HTML5 і ролі ARIA знакові разом без негативного впливу на користувачів Window-Eyes.

Оновлення # 3 (7 липня 2010 року): З останнім оновленням Window-Eyes 7.2, посилання всередині елементів HTML5, які мають роль ARIA наземного орієнтиру тепер знайдені і придатним до вживання. На жаль, гніздяться по крайней мере, деякі семантичні HTML 4 елементи з атрибутом ролі в секціонування батьківського елемента HTML5 досі викликає проблеми для Window-Eyes 7.2. Тобто посилання в межах вул з ролі = “навігація” вкладений всередині нав батьківського елемента, наприклад, до цих пір не знайдені і актуальною, використовуючи цю останню версію Window-Eyes.

Оновлення # 4 (21 липня 2010): Я думаю, що мені вдалося зробити речі трохи заплутаним на даний момент, так що давайте резюмувати: В Internet Explorer 8 версії Window-Eyes 7.2 і нижче, коли в нормальному режимі перегляду, є деякі проблеми пошуку і використання посилання на матеріали, в яких ролі ARIA використовуються в поєднанні з HTML5 секціонування елементів в певних домовленостей. Використання посилань у елементі HTML5 з атрибутом ARIA ролі проблеми з Window-Eyes 7.11 і нижче. Це не проблема з програмою Window-Eyes 7.2, але з версії 7.2 є все ж залишається питання, по крайней мере, марковані та нумеровані списки, і, можливо, деяких інших елементів, а також, які мають роль ARIA застосовується. Ні Window-Eyes 7,11, ні 7.2 можуть використовувати посилання в уль елемента з роллю = “навігація”, то вона чи ні вкладений в навігаційний елемент. Те ж саме відбувається, наприклад, для зв’язку всередині елемента оле ролі = “contentinfo”. (Ця помилка Window-Eyes проявляється також в деякій мірі з Firefox 3.6). Проте, що гніздяться елемент HTML5 всередині загальної DIV з ARIA ролі, або навпаки, що гніздяться в DIV з ARIA ролі всередині елемента HTML5, здається, не викликає проблем у Window-Eyes. Так, наприклад, можна було б обернути їх нав елемент з <DIV ролі = “навігація”> або, як альтернатива, загорнути внутрішній вміст нав в DIV з роллю ARIA. Приклади цих різних механізмів можна знайти на цій спеціальній тестовій сторінці для Window-Eyes.

Тільки HTML5 Test Case
JAWS 11
IE8

немає ніяких очевидних проблем або питань

FF3.6

не любить ВЧА всередині елемента заголовка: На сторінці завантаження, JAWS стрибає кудись під заголовком і починає читати, часто h1 або “Перший розділ” внутрішню посилання сторінки; і навігаційні посилання усередині заголовка не відображаються в списку посилань щелеп
можна натиснути клавішу TAB, щоб досягти все посилання, але, в режимі VirtualPC Курсор, посилання в заголовку, при виборі за допомогою клавіатури, зареєструватися і діяти як будь-який посилання поза заголовка раніше мав фокус (наприклад, часто “Перша секція” внутрішню посилання сторінки в рамках “основного” розділу)
з режимом VirtualPC Курсор вимкнений, посилання в заголовку прекрасно працюють через клавіатуру
посилання в заголовку, здається, відмінно працює при виборі за допомогою миші, чи є режим VirtualPC Курсор включений або виключений
Посилання поза заголовка все розпізнаються і працюють належним чином

Window-Eyes 7.11
IE8 і FF3.6

немає ніяких очевидних проблем або питань

SAToGo 3.0.202
IE8 і FF3.6

немає ніяких очевидних проблем або питань

Закадровий переклад
Safari 4.0.3

немає ніяких очевидних проблем або питань

HTML5 + ARIA Ролі Test Case
JAWS 11
IE8

такий же, як HTML5 Тільки версії, за винятком того,
всі пам’ятки ARIA знайдені і судноплавним
також вважає роль = “статтю” орієнтир

FF3.6

Ті ж проблеми з нав в заголовку, як тільки для версії HTML5
всі пам’ятки ARIA знайдені і судноплавним, для навігації ARIA орієнтира вкладеної в заголовку, за винятком
також вважає роль = “статтю” орієнтир

Window-Eyes 7.11
IE8

не знайдено пам’ятки ARIA
посилання не знайдені, так як три основні розділи сторінки, де використовують елементи HTML5 разом з ARIA ролей
заголовок з роллю = “банер”, секція з роллю = “основний”, а виноска з роллю = “contentinfo” кожен зізнається в якості контролю (наприклад, їх можна отримати, натиснувши C) і в порядку TAB

FF3.6

не знайдено пам’ятки ARIA
всі посилання виявлені, на відміну від IE8
заголовок, секція з роллю = “основний”, а виноска не визнаються в якості контролю, оскільки вони знаходяться в IE8

SAToGo 3.0.202
IE8

всі пам’ятки ARIA знайдені і судноплавним, але тільки в одному напрямку (при натисканні, на наступний орієнтир), і тип знакового ролі не розголошується

FF3.6

всі пам’ятки ARIA знайдені і судноплавним в обох напрямках (натиснувши і Shift +;), але тип наземного орієнтиру ролі не розголошується

SAToGo 3.1.24 (21 травня 2010)
IE8

не в той час як ця версія SAToGo тепер дозволяє навігацію по ВСС віхою в обох напрямках в IE8 (по клавіші, і Shift +;), він більше не знаходить додаткову роль орієнтиру
тип знакову роль залишається без попередження

FF3.6

SAToGo досі знаходить все орієнтири, дозволяє навігацію в обох напрямках, а також тип знакового ролі залишається без попередження

Закадровий переклад
Safari 4.0.3

не знайдено пам’ятки ARIA

Цей переклад HTML5, ARIA Ролі і Скрінрідери в Травні 2010 Року ліцензовано Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.