HTML5 және Aria-рөлін және экраннан оқу бағдарламасы

бастапқы бет http://accessibleculture.org/articles/2010/05/html5-aria/

Бірнеше бар жақсы, пайдалы мысалдар мен позаниматься онда көрсеткендей, кейбір бағдарламалар экраннан оқу имеем дело түрлі конструкциялардың HTML5 және Aria-рөлі. Мен білемін, бұл ерекшелік аяқталмаса және қосалқы технологиялық сатушылар әрқашан бағытта жұмыс істеп жатырмыз, бірақ менің ойнауға сәл, және растау үшін, бір жетекші бағдарламаны экраннан оқу үшін Windows, атап айтқанда жақтың 11, терезе-көз 7.11, nvda с 2010.1 және Сэтого 3.0.202, қалам қазіргі уақытта негізгі Ерекшелігі HTML5 секцияланған элементтерін, сондай-ақ Ария бағдары және басқа да рөлі. Бұл қазірдің өзінде болды ұсынылды бұл браузерлер және бағдарламалар экраннан оқу толығымен қолдайды HTML5 элементтердің және олардың айқын емес Ария рөлдерді, біз болуы тиіс анық кейбір элементтері HTML5 және олармен байланысты Ария рөлдер.

Жаңарту: нәтижелері үшін voiceover windows MacOS х Сноу Леопард отырып, Safari 4.0.3 қосылды. -07 маусым 2010

Тест Жағдайлары

Бірінші тест ғана пайдаланады элементтері HTML5, атап айтқанда:

  • header
  • nav
  • section
  • article
  • aside
  • footer

Екінші тест, сондай-ақ қолданылады және мынадай Ария рөлдерде:

  • banner
  • navigation
  • main
  • article
  • complementary
  • contentinfo

Мен тестировал төрт бағдарламалар экраннан оқу пайдалана отырып, Интернет Explorer 8 және Firefox 3.6.

Ескертпе: қарай экраннан оқу және шолғыш жиынтығын пайдалансаңыз, ішкі сілтемелер беттер тесттік жағдай, әсіресе мақсаттары, болып табылатын жай-баптардың тақырыптарымен толықтырылсын с id атрибуты, мүмкін немесе мүмкін емес, қайда фокус және жаңартады позициясын TAB тапсырыс. Бұл проблема болып табылады,жеткілікті жақсы документирована, әсіресе браузерлер және бағдарламалар экраннан оқу және пайдаланумен байланысты HTML5 және Aria-рөлі. Бұл болуы мүмкін әр түрлі жұмсарту арқылы қосу tabindex="-1" және/немесе пайдалана отырып, нақты aэлементтерін әртүрлі тәсілдермен, бірақ басқа жинағын тест.

Нәтижелері

Қысқаша, nvda емес өте жақсы HTML5 және HTML5 с АРИЕЙ рөлін тесттік жағдай болсын, IE8 немесе ff3.6. Навигация, оқу, және іс-әрекет жасайтын HTML5 белгілеулер мен бағдарларды Aria орналасқан барлығы прямолинеен. Әрі, сондықтан, бұл ақтауға оны енгізу тест нәтижелері: айтуға жеткілікті nvda тастармен.

Жақ жақсы болса, ff3.6, меніңше, бұл емес nav элемент салынған шегінде header. Қазір, ең болмағанда, ол мүмкін ақылға қонымды болдырмау үшін транзиттік аумақ navэлементтерінің ішіндегі header элементтер. Жаңарту (Ақп. 27, 2010): қараңыз пікір #3-Террилла Томпсон төмен. Өкінішке орай, жақтарды 11 Firefox 3.6 емес, істі жақсыheader элементі кез келген іске асыру.

Сэтого да жақсы, енді тіпті мүмкіндік береді навигация орындаушы Ария бағдары болмаса да, автоматты түрде жариялауға Түрі ерекшелігі, ол онымен норма. Мен еді ғана оны шарлау үшін белгілі бір бағытта IE8, ал ff3.6, алмады бағдарлану ретінде келесі және алдыңғы бағыты басу арқылы ; және Shift+; тиісінше. Жаңарту: жаңа нәтижелер үшін Сэтого нұсқасы 3.1.24, 21 мамыр 2010 жыл.

Терезе-көз 7.11, бір жағынан, және бұл бір нәрсе, біз білдік, танымайды Ария рөлдер. Бұдан әрі, терезе-көз оңай, меніңше, упираться ” IE8 келгенде HTML5 және Aria-рөлін бірге пайдаланылады: “қарау”, ол мүмкін емес табу ешқандай сілтемелер HTML5 үшін срезания элементі, сондай-ақ бар арию рөлі. Егер сіз қосыңыз “көру”, ол табады және барлық сілтемелер, бірақ бұл дегеніміз, сіз үнемі ауыстырып “көру” және өшіру шын мәнінде әрі қарай пайдалануға бетінде.

Кейбір қосымша жылдам тестілеу мен жасады көрсеткендей, IE8, терезе-көз, қиындық жоқ іздеумен сілтемелердің қарапайым div , сондай-ақ, хан арию рөлі, немесе HTML5 үшін срезания элемент жоқ рөлін Aria, бірақ объедините екі, терезе-көз ” IE8 жай ғана жоғалады. Бұл расталады, мысалы, Брюс Lawson сайты, тиімді қолдануға мүмкіндік береді HTML5 және Ария. Егер сіз барасыз Брюса торабы терезесі-көз және IE8, бірде-бір буыны header немесе #бүйірлік nav кездеседі, өйткені екеуі де бұл элементтер HTML5 сондай-ақ, Ария рөлдерді жүзеге асырылды. Бірақ ешқандай проблема жоқ сілтемелері бар негізгі облысы мазмұнды, дегенмен role="main" , өйткені ол жай ғана үнемі пайдаланады div. Егер ол пайдаланған section элементі, оның орнына, көптеген сілтемелерді беттің жай ғана жоғалады за окном-глаза в IE8.

Жоқ сандарды дәлелдеу үшін, бұл, менің ойымша, ең терезе-көз пайдаланушыларға іске қосу Internet Explorer орнына Firefox, сондықтан бұл мүмкін бас тарту үшін негіз пайдаланудан HTML5 және Aria-рөлін бірге қазіргі уақытта, байланысты, сонымен қатар сіз тамақтану терезе-көз пайдаланушылар IE8. Қызықты көруге, барлығы өзгереді, тек қана IE9 мен терезелер-көздің 8 шықты.

Неғұрлым егжей-тегжейлі тестілеу нәтижелері төменде келтірілген. Егер өзгеше көрсетілмесе, экраннан оқу бағдарламаңыз орындалуы қалай шүбәсіз сене тәжірибесі.

Жаңарту #1 (май 30, 2010): меніңше, тіпті gsm-элементтің role атрибута шегінде ата-анасының HTML5 қимасы элементтің ұқсас тудырады проблемалар үшін терезе-көз. Мысалы, сілтемелер ul байланысты role="navigation" вложенной ішінде ата-аналарnav элементі табылмаса терезе-көз.

Жаңарту #2 (5 шілде 2010): бір жағынан, және қызықты, ұя салатын арналған HTML5 элемент ішіндегі div с арию role , меніңше емес, тудыруы мәселені терезе-көз. Мысалы, сілтемелер nav элементі салынған div с role="navigation" табады бойынша терезе-көз. Сондықтан ол, қазір, бәлкім, ең жақсы жолы элементтерін қолдану HTML5 және Aria бағдары рөлдерді бірге нұқсан келтірмей, терезе-көз пайдаланушылар.

Жаңарту #3 (7 шілде 2010): соңғы нұсқасы жаңарту терезе-көз 7.2, сілтемелер ішіндегі элементтердің HTML5 бар арию бағдары role енді табу және пайдалану. Өкінішке орай, ұя салатындар, кем дегенде, кейбір семантикалық HTML 4 элементтерді roleатрибут ” ата-аналар HTML5 үшін срезания элементі әлі күнге дейін туғызады проблемалар үшін терезе-көз 7.2. Яғни, сілтемелер ul байланыстыrole="navigation" вложенной ішінде ата-аналар nav элементі, мысалы, әлі күнге дейін табылған жоқ және пәрменді пайдалана отырып осы соңғы нұсқасын терезе-көз.

Жаңарту #4 (21 шілде 2010): менің ойымша, мне удалось сделать заттар біраз шатасып, қазіргі уақытта, сондықтан еске түсірейік: Интернет-Шот 8, терезе-көз нұсқаларында 7.2 және төмен, қалыпты көру, кейбір проблемалар бар, мемлекет меншігіндегі және пайдалана отырып, сілтемелер контент, Ария roleпайдаланылады бастап ұштастыра отырып HTML5 секцияланған элементтерін белгілі бір уағдаластықтарға қол жеткізілді. Пайдалану сілтеме HTML5-элементтің арии roleатрибут-бұл проблема терезесі-көз 7.11 және төмен. Бұл проблема емес, терезесі-көз 7.2, бірақ нұсқасын 7.2 шын мәнінде проблема болып қалып отыр кем дегенде реттелмеген және упорядоченные тізімдер, және, мүмкін, кейбір басқа да элементтері бар арию role қолданылады. Бір терезе-көз 7.11 7.2 емес пайдалана аласыз сілтемелер ul Элементі role="navigation"болып табылады, ол инвестиция navэлементі. Бұл, мысалы, сілтемелер үшін ішіндегі ol элемент role="contentinfo". (Терезе-көз қате, сондай-ақ көрінеді дәрежеде, Firefox 3.6). Алайда gsm қазақстан элементі HTML5 шегінде әмбебап div бастап арии role немесе керісінше, бар div с АРИЕЙ role “элементі HTML5, меніңше, бұл мәселе терезе-көз. Мысалы, орап олардыңnav элементімен байланысты <div role="navigation"> немесе, балама ретінде орап, ішкі мазмұны nav да div с АРИЕЙ role. Мысалдар осы әр түрлі тетіктерін табуға болады осы бетте арнайы тест үшін терезе-көз.

Тек HTML5 тест

Жақтың 11

“IE8
  • ешқандай айқын проблемалар немесе мәселелер
“Ff3.6
  • ұнамайды nav осы header элементінде: жүктеу кезінде беттің, жақтың секіреді, онда төменде header мен оқи бастайды, жиі h1 немесе “бірінші бөлім” ішкі сілтеме беттенnav сілтемелер ішіндегі header емес появлюсь “жақ’ сілтемелер тізімі
  • сіз басу TAB жету үшін әр сілтеме, бірақ бағдарламасына virtualpc меңзерді режимде сілтемелер ішіндегі headerкезде таңдалған пернетақта, тіркелу секілді әрекет етуі және барлық сілтемелер бойынша шегінен header бұрын фокус (мысалы, жиі, “бірінші бөлім” ішкі бетіне сілтеме ішіндегі “бас” section)
  • с бағдарламасын virtualpc меңзерді режимі off, онда сілтемелер header тамаша арқылы жұмыс істеу үшін пернетақтаны
  • сілтемені header меніңше, жақсы жұмыс істейді кезде, таңдалған тышқанның көмегімен қандай бағдарлама virtualpc меңзерді режимі on немесе off
  • сілтемелер шегінен тыс жерлерде header орналасқан барлық танылған және дұрыс жұмыс

Терезе-Көз 7.11

“IE8 және ff3.6
  • ешқандай айқын проблемалар немесе мәселелер

Сэтого 3.0.202

“IE8 және ff3.6
  • ешқандай айқын проблемалар немесе мәселелер

Закадровый дауысы

Сафари 4.0.3
  • ешқандай айқын проблемалар немесе мәселелер

Арналған HTML5 + Ария рөлдерді тест

Жақтың 11

“IE8
  • сол сияқты, тек HTML5 нұсқасына қоспағанда,
  • Ария барлық көрнекті орындары орналасқан және кеме қатынасы
  • сондай-ақ, деп санайды role="article" елеулі
“Ff3.6
  • осы мәселелер nav Бүгін header де тек HTML5 нұсқасы
  • Ария барлық көрнекті орындары орналасқан және кеме қатынасы қоспағанда,navigation Ария бағдары салынған header
  • сондай-ақ, деп санайды role="article" елеулі

Терезе-Көз 7.11

“IE8
  • жоқ бағдарларын Aria тапты
  • жоқ сілтемелер , өйткені беттің, үш негізгі бөлімнен элементтерін қолдану HTML5 бірге Aria-рөлі
  • header С role="banner", section С role="main", және footer сrole="contentinfo" әрбір ретінде танылады басқару элементтерін (мысалы, олар қол жетімді болуы мүмкін басқанда C) және TAB тәртібі
“Ff3.6
  • жоқ бағдарларын Aria тапты
  • барлық сілтемелер табылса, айырмашылығы да IE8
  • В header, С section , role="main"және footer , тиісінше, көрініс ретінде басқару элементтері, өйткені олар IE8

Сэтого 3.0.202

“IE8
  • Ария барлық көрнекті орындары орналасқан және судоходна, бірақ тек бір бағытта (басқанда, ; келесі бағдар) және түрі эпохальную рөлі емес жарияланды
“Ff3.6
  • Ария барлық көрнекті орындары орналасқан және кеме қатынасы, екінші тарап (басу арқылы ; және Shift+;), бірақ Түрі эпохальную рөлі емес жарияланды

Сэтого 3.1.24 (21 Мамыр 2010)

“IE8
  • бірақ бұл нұсқа Сэтого енді мүмкіндік береді навигация орындаушы Ария бағдары екі бағытта IE8 (басу арқылы ; және Shift+;), ол көп табады complementaryэпохальную рөлі
  • Түрі эпохальную рөлі қалады необъявленным
“Ff3.6
  • Сэтого бәрібір табады барлық ескерткіштер жүзеге асыруға мүмкіндік береді, навигацияда екі бағытта да, түрі эпохальную рөлі қалады необъявленным

Закадровый дауысы

Сафари 4.0.3
  • жоқ бағдарларын Aria тапты

1 comment

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>