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

Są też dobre, pomocne przykłady i pracować tam już pokazuje, jak niektóre czytniki ekranu czynienia z różnymi konstrukcjami HTML5 i ARIA ról. Wiem, specyfikacje nie zostały jeszcze zakończone i wspomagających dostawców technologii są zawsze pracujemy nad tym, ale chciałem poeksperymentować trochę i potwierdzić dla mnie, jak niektórzy z czołowych czytników ekranu dla systemu Windows, a mianowicie JAWS 11, Window-Eyes 7.11, NVDA 2010.1 i SAToGo 3.0.202, obecnie obsługiwać podstawowe elementy HTML5, a także cięcia ARIA orientacyjny i inne role. Się sugeruje, że do przeglądarki i czytniki ekranu w pełni wspierać HTML5 i ich elementy ukryte ról ARIA, powinniśmy być wyraźnie uzupełnienie niektórych elementów HTML5 ze związanymi z nimi ról ARIA.

Update: Wyniki dla VoiceOver w MacOS X Snow Leopard z Safari 4.0.3 dodaje. – 07 Maj 2010

Przypadki testowe

Pierwszy przypadek testowy wykorzystuje tylko elementy HTML5, w szczególności:

Drugi przypadek testowy dotyczy również następujące ARIA role:

Testowałem z czterech czytników ekranu z wykorzystaniem zarówno Internet Explorer 8 i Firefox 3.6.

Uwaga: W zależności od kombinacji czytnika ekranu i przeglądarki używasz, wewnętrzna strona odwołuje się w przypadkach testowych, zwłaszcza tych z celów, które są proste nagłówki z atrybutu id, może lub nie może prawidłowo ustawić ostrość i aktualizacji pozycji w TAB zakładek. Jest to problem, na tyle dobrze udokumentowane, z poszczególnych przeglądarek i czytników ekranu, i niezwiązane z wykorzystaniem HTML5 i ARIA ról. Może być różnie złagodzone przez dodanie tabindex="-1" i/lub za pomocą rzeczywista a elementy w różny sposób, a nie, ale to na inny zestaw przypadków testowych.

Rezultaty

Krótko, NVDA robi bardzo dobrze z HTML5 i HTML5 z ARIA role przetestować przypadki, czy to w IE8 lub FF3.6. Poruszanie się, czytania i interakcji z znaczników HTML5 i ARIA zabytków jest tak proste. Tak bardzo, że nie gwarantuje to w tym wyników badań: Wystarczy powiedzieć, że NVDA skał.

JAWS robi dobrze, chociaż w FF3.6 nie lubią się nav elementu zagnieżdżone w header. Na razie przynajmniej, może to być rozsądne, aby uniknąć zagnieżdżania elementów nav obrębie elementów header. Aktualizacja (27 Sierpnia 2010): Patrz komentarz #3 od Terrill Thompson poniżej. Niestety, JAWS 11 w Firefox 3.6 nie radzą sobie dobrze z elementu nagłówka w dowolnej implementacji.

SAToGo ma również w porządku, a teraz nawet umożliwia nawigację ARIA punkt orientacyjny, choć nie automatycznie ogłosić typu punkt orientacyjny, jak to jest w poprzek. I mogę dostać tylko to, aby przejść przez punkt orientacyjny w jednym kierunku w IE8, podczas gdy w FF3.6, może poruszać się zarówno do następnego i poprzedniego punktu orientacyjnego, naciskając ; i Shift + ; odpowiednio. Aktualizacja: Nowe wyniki dla wersji SAToGo 3.1.24, 21 Maja 2010 r.

Window-Eyes 7.11, z drugiej strony, i to jest jedna rzecz, już wiedzieliśmy, nie uznaje w ogóle ról ARIA. Ponadto, Window-Eyes po prostu wydaje się przeszkadzać w IE8, jeśli chodzi o HTML5 i ARIA role są używane razem: w “Tryb przeglądania” nie może znaleźć żadnych linków w ramach jednej cięcia elementu HTML5, który ma również rolę ARIA. Jeśli wyłączysz “Browse Mode” off, to jednak znaleźć wszystkie linki, ale to oznacza, że trzeba stale przełączać “Browse Mode” off i faktycznie czytać i korzystać z tej strony.

Niektóre dodatkowe szybkie testowanie I nie wykazała, że w IE8, Window-Eyes nie ma problemów ze znalezieniem linki w prosty div, które również han rolę ARIA, lub w ramach HTML5 sekcyjnych elementu bez rolą ARIA, ale połączyć dwa i Window-Eyes w IE8 po prostu ginie. Potwierdza to, na przykład, od strony Bruce Lawson, co sprawia, że dobre wykorzystanie HTML5 i ARIA. Jeśli odwiedzasz stronę Bruce’a z Window-Eyes i IE8, żaden z linków w header lub nav #sidebar znajdują się od obu tych elementów HTML5 również ARIA role realizowane. Ale nie ma problemu z linków w głównym obszarze zawartości, mimo że ma role="main", ponieważ po prostu wykorzystuje regularny div. Jeśli jest używany element section zamiast większość linków na stronie po prostu zniknąć na Window-Eyes w IE8.

Chociaż nie mam numerów to udowodnić, ja zrozumieć, że większość użytkowników Window-Eyes uruchomić Internet Explorer zamiast Firefoksa, więc może to być powodem, aby uniknąć korzystania z HTML5 i ARIA role razem na jakiś czas, w zależności od sposobu myślisz o wyżywienie dla użytkowników Window-Eyes z IE8. To będzie interesujące zobaczyć, jak wszystko się zmienia, gdy IE9 i Window-Eyes 8 są obecnie.

Bardziej szczegółowe wyniki badań są poniżej. O ile nie wskazano inaczej, czytnik ekranu wykonana jak można nadzieję i oczekujemy na użytkowej doświadczenia.

Aktualizacja #1 (30 Czerwca 2010): Wydaje się, że nawet gniazdowania element z atrybutem dominującą role w HTML5 cięcia elementu podobnie powoduje problemy dla Window-Eyes. Na przykład, łącza w obrębie ul z role="navigation" zagnieżdżone wewnątrz elementu rodzica nav nie zostaną znalezione przez Window-Eyes.

Aktualizacja #2 (5 Lipca 2010): Z drugiej strony, i co ciekawe, zagnieżdżenie element HTML5 wewnątrz div z ARIA role, nie wydaje się, aby wywołać problem w Window-Eyes. Na przykład, linki w nav elementu, który jest zagnieżdżony w div z role="navigation" wciąż znaleźć Window-Eyes. Tak to jest, na razie, chyba najlepszy sposób na wykorzystanie elementów HTML5 i ról ARIA przełomowe razem bez negatywnego wpływu na użytkowników Window-Eyes.

Aktualizacja #3 (07 Lipiec 2010): Dzięki najnowszej aktualizacji do Window-Eyes 7.2, linki wewnątrz elementów HTML5, które mają role przełomową ARIA teraz znaleźć i użytkowej. Niestety, przynajmniej niektóre gniazdowania semantyczne HTML 4 elementy z atrybutem dominującą role w obrębie elementu cięcia HTML5 nadal powoduje problemy dla Window-Eyes 7.2. Oznacza to, że łącza w obrębie ul z role="navigation" zagnieżdżone wewnątrz elementu nav dominującej, na przykład, nadal nie znalazł i zaskarżeniu za pomocą tej najnowszej wersji programu Window-Eyes.

Aktualizacja #4 (21 Lipca 2010): Myślę, że udało mi się zrobić rzeczy trochę mylące, w tym momencie, więc niech to podsumowanie: W programie Internet Explorer 8 w wersji Window-Eyes 7.2 i poniżej, gdy w normalnym trybie przeglądania, mają pewne problemy ze znalezieniem i obsługa linków w treści, gdzie ARIA role są używane w połączeniu z HTML5 cięcia elementów w niektórych warunków. Korzystanie linki w elemencie HTML5 z atrybutem role ARIA role jest problem z Window-Eyes 7.11 i poniżej. To nie jest problem z Window-Eyes 7.2, ale z wersji 7.2 nie ma nadal problem z co najmniej nieuporządkowaną i uporządkowanych list, i ewentualnie innych elementów, jak również, które mają ARIA role stosowane. Ani Window-Eyes 7.11 ani 7.2 mogą skorzystać z łącza w ul elementu z role="navigation", czy jest czy nie jest zagnieżdżony w elemencie nav. To samo odnosi się, na przykład, w przypadku powiązania w obrębie ol elementu role="contentinfo". (Ta usterka Window-Eyes przejawia się także do pewnego stopnia z Firefox 3.6). Jednak gniazdowania element HTML5 obrębie generycznego div z ARIA role, lub odwrotnie, gniazdowania div z ARIA role w element HTML5, nie wydaje się, aby spowodować problem w Window-Eyes. Tak więc, na przykład, można owinąć ich elementu nav z <div role=”navigation”> lub, alternatywnie, owinąć wewnętrznych zawartość nav w div z ARIA role. Przykłady tych różnych rozwiązań można znaleźć na tej specjalnej stronie testowej dla Window-Eyes.

Tylko HTML5 Przypadek Testowy

JAWS 11

IE8

FF3.6

Window-Eyes 7.11

IE8 and FF3.6

SAToGo 3.0.202

IE8 and FF3.6

VoiceOver

Safari 4.0.3

HTML5 + ARIA Role Przypadek Testowy

JAWS 11

IE8

FF3.6

Window-Eyes 7.11

IE8

FF3.6

SAToGo 3.0.202

IE8

FF3.6

SAToGo 3.1.24 (May 21, 2010)

IE8

FF3.6

VoiceOver

Safari 4.0.3

 

To tłumaczenie HTML5, ARIA Role i Czytniki Ekranu, w Maju 2010 jest na licencji Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.

Contact info

If you have any questions or suggestions please contact us:

[email protected]

Last Searches