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.
Update: Wyniki dla VoiceOver w MacOS X Snow Leopard z Safari 4.0.3 dodaje. – 07 Maj 2010
Przypadki testowe
Tylko HTML5 HTML5 + ARIA Role
Pierwszy przypadek testowy wykorzystuje tylko elementy HTML5, w szczególności:
header
nav
section
article
aside
footer
Drugi przypadek testowy dotyczy również następujące ARIA role:
banner
navigation
main
article
complementary
contentinfo
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, 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
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:
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 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
Tylko HTML5 Przypadek Testowy
JAWS 11
IE8
- nie oczywiste problemy lub problemy
FF3.6
- nie lubi
nav
wewnątrz elementuheader
: Na stronie obciążenia, JAWS skacze gdzieś poniżejheader
i zaczyna czytać, częstoh1
lub wewnętrzną stronę o ten “First Section”; inav
linki wewnątrzheader
nie pojawi się na liście powiązania JAWS - Można nacisnąć klawisz TAB, aby dotrzeć do każdego linku, ale w trybie VirtualPC Cursor, linki w
header
, po wybraniu z klawiatury, zarejestrować się i działać jako jakiegokolwiek łącza pozaheader
wcześniej miał ostrości (na przykład często “Pierwsza sekcja” link do strony wewnętrznej w “główny”section
) - z wyłączonym trybem VirtualPC Cursor, linki w
header
pracy grzywny za pomocą klawiatury - Linki w
header
wydają się działać dobrze, gdy wybiera się za pomocą myszki, czy tryb VirtualPC Kursor jest włączony lub wyłączony - linków zewnętrzne
header
rozpoznawane i działają poprawnie
Window-Eyes 7.11
IE8 and FF3.6
- nie oczywiste problemy lub problemy
SAToGo 3.0.202
IE8 and FF3.6
- nie oczywiste problemy lub problemy
VoiceOver
Safari 4.0.3
- nie oczywiste problemy lub problemy
HTML5 + ARIA Role Przypadek Testowy
JAWS 11
IE8
- sam, jak tylko w wersji HTML5, z wyjątkiem sytuacji,
- Wszystkie punkty orientacyjne ARIA znajdują i żeglowna
- uważa również
role="article"
punkt orientacyjny
FF3.6
- same problemy z
nav
wheader
jako jedynej wersji HTML5 - wszystkie punkty orientacyjne ARIA znajdują i żeglowna, z wyjątkiem punkt orientacyjny
navigation
ARIA zagnieżdżony wheader
- uważa również
role="article"
punkt orientacyjny
Window-Eyes 7.11
IE8
- nie znaleziono żadnych orientacyjnych ARIA
- nie znaleziono linków ponieważ żadne powiązania trzy główne sekcje strony wykorzystują elementy HTML5 wraz z ARIA ról
header
zrole="banner"
,section
wrole="main"
ifooter
wrole="contentinfo"
każdy rozpoznany jako kontroli (np, można je uzyskać, naciskając przycisk C) i są w porządku TAB
FF3.6
- nie znaleziono żadnych orientacyjnych ARIA
- wszystkie linki znajdują się w przeciwieństwie w IE8
header
,section
zrole="main"
ifooter
NIE są ujmowane jako kontroli, ponieważ są one w IE8
SAToGo 3.0.202
IE8
- Wszystkie punkty orientacyjne ARIA znajdują i żeglowna, ale tylko w jednym kierunku (przez naciśnięcie ; na następny punkt orientacyjny), oraz rodzaj przełomowej roli nie został ogłoszony
FF3.6
- Wszystkie punkty orientacyjne ARIA znajdują i żeglowna w obu kierunkach (poprzez naciśnięcie ; i Shift + ;), ale rodzaj przełomowej roli nie został ogłoszony
SAToGo 3.1.24 (May 21, 2010)
IE8
- podczas gdy ta wersja SAToGo pozwala teraz nawigację ARIA punkt orientacyjny w obu kierunkach w IE8 (naciskając ; Shift + ;), to już nie znajdzie przełomową rolę
complementary
- rodzaj punkty orientacyjne roli pozostaje bez zapowiedzi
FF3.6
- SAToGo wciąż znajduje wszystkie punkty orientacyjne, umożliwia poruszanie się w obu kierunkach, a typ przełomowej roli pozostaje bez zapowiedzi
VoiceOver
Safari 4.0.3
- nie znaleziono żadnych orientacyjnych ARIA
To tłumaczenie
Copyright © 2016 - All Rights Reserved | Home | Free Clip Arts | Free Kids Coloring pages | Wallpapers Gallery