Что такое HTML5 ARIA?
https://stackoverflow.com/questions/3474099
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Что такое HTML5 ARIA?Я не понимаю, как это реализовать.
Решение
Вай-ария Это спецификация, определяющая поддержку доступных веб-приложений. Он определяет пучок расширений разметки (в основном в качестве атрибутов на элементах HTML5), который можно использовать разработчиком веб-приложения для предоставления дополнительной информации о семантике различных элементов для вспомогательных технологий, таких как считыватели экрана. Конечно, для работы ARIA для работы HTTP-пользовательский агент, который интерпретирует Markup, необходимо поддерживать ARIA, но спецификация создается таким образом, чтобы позволить агентам пользователей ниже, чтобы безопасно игнорировать медленность, не затрагивающей Функциональность веб-приложения.
Вот пример из спецификации ARIA:
<ul role="menubar">
<!-- Rule 2A: "File" label via aria-labelledby -->
<li role="menuitem" aria-haspopup="true" aria-labelledby="fileLabel"><span id="fileLabel">File</span>
<ul role="menu">
<!-- Rule 2C: "New" label via Namefrom:contents -->
<li role="menuitem" aria-haspopup="false">New</li>
<li role="menuitem" aria-haspopup="false">Open…</li>
...
</ul>
</li>
...
</ul>
Обратите внимание role атрибут на внешнем <ul> элемент. Этот атрибут никак не влияет на то, как на экране отображается разметка на экране браузером; Тем не менее, браузеры, которые поддерживают ARIA, будут добавлять информацию о доступности конкретной доступности к отображенному элементу пользовательского интерфейса, чтобы считыватель экрана может интерпретировать его как меню и прочитать его вслух с достаточным количеством контекста для конечного пользователя, чтобы понять (например, явную «Меню» звукового подсказки) и может взаимодействовать с ним (например, голосовой навигацией).
Другие советы
Ария стоит за доступными богатыми интернет-приложениями.
WAI-ARIA - это невероятно мощная технология, которая позволяет разработчикам легко описать цель, состояние и другие функциональные возможности визуально богатых пользовательских интерфейсов - таким образом, что можно понимать вспомогательную технологию. Wai-Aria, наконец, был интегрирован в текущий рабочий проект спецификации HTML 5.
И если вам интересно, что такое Wai-Aria, это то же самое.
Обратите внимание, что термины Wai-Aria и Aria относятся к тому же. Однако более правильно использовать WAI-ARIA, чтобы признать его происхождение на вай.
Wai = инициатива по доступности
Из взгляда этого АРИЯ используется для вспомогательных технологий и в основном на экране.
Большинство ваших сомнений будут очищены, если вы прочитаете эту статью
Что это такое?
WAI-ARIA означает «Инициатива веб-доступности - доступные богатые интернет-приложения». Отказ Это набор атрибутов, которые помогут улучшить семантику веб-сайта или веб-приложения, чтобы помочь вспомогательным технологиям, таким как считыватели экрана для слепых, имеют смысл определенных вещей, которые не являются родными для HTML. Выставленная информация может варьироваться от чего-то простой, как показывая устройство считывателя экрана, которое активируя ссылку или кнопку, просто показала или скрывало больше элементов, к виджетам как комплекс в виде целых систем меню или иерархические виды дерева.
Это достигается путем применения ролей и атрибутов состояния к HTML 4.01 или более поздней разметке, которая не имеет никакого подшипника на функциональность макета или браузера, но предоставляет дополнительную информацию для вспомогательных технологий.
Один угловой камень Wai-Aria - это атрибут ролей. Он говорит браузеру сообщить о вспомогательной технологии, которую используемый HTML-элемент на самом деле не то, что предлагает имя элемента, но что-то еще. Хотя изначально это только элемент div, этот элемент div может быть контейнером в список автоматических элементов, и в этом случае роль «listbox» будет целесообразной для использования. Аналогичным образом, еще один Div, который является ребенком этого контейнера Div, и который содержит единый вариант, должен получить роль «опции». Два рав, но через роли, совершенно другое значение. Роли смоделированы после обычно используемых аналогов на рабочем столе.
Исключением из этого являются документ ориентирные роли, которые не изменяют фактическое значение рассматриваемого элемента, но предоставляют информацию об этом конкретном месте в документе.
Второй угловой камень - государства и свойства Wai-Aria. Они определяют состояние элементов определенных местных или вай-арии, такие как, если что-то рухнуло или расширено, требуется элемент формы, что-то имеет всплывающее меню, прикрепленное к нему или тому подобное. Они часто динамичны и изменяют свои значения на протяжении всего жизненного цикла веб-приложения и обычно манипулируют через JavaScript.
Что это не так?
Wai-Aria не предназначен для повлияния на поведение браузера. Например, в отличие от элемента настоящего кнопки, например, div, который вы наливаете роль «кнопки», не дает вам целесообразность клавиатуры, автоматический обработчик щелчков, когда на него нажата пространство или ввод, и другие свойства, которые несвязывают для кнопка. Сам браузер не знает, что Div с ролью «кнопки» является кнопкой, только его часть API доступности делает.
Как следствие, это означает, что вы абсолютно приходится реализовать навигацию на клавиатуре, фокусируемость и другие поведенческие модели, известные из настольных приложений. Вы можете найти некоторые передовые методы ARIA Здесь.
Когда я не должен его использовать?
Да, это правильно, этот раздел наступает на первом месте! Потому что первое правило использования WAI-ARIA: Не используйте его, если вы не обязательно должны! Менее у вас Wai-Aria, и чем больше вы можете рассчитывать на использование нативных HTML-виджетов, тем лучше! Есть еще несколько правил, чтобы следовать, вы можете проверить их здесь.
Что такое АРИЯ?
ARIA появилась как способ решения проблемы доступности использования языка разметки, предназначенного для документов, HTML, для создания пользовательских интерфейсов (UI).HTML включает в себя множество функций для работы с документами (P, h3, UL, TABLE), но только базовые элементы пользовательского интерфейса, такие как A, INPUT и BUTTON.Windows и другие операционные системы поддерживают API, которые позволяют (Вспомогательные технологии) AT для доступа к функциональности элементов управления пользовательского интерфейса.Internet Explorer и другие браузеры отображают собственные HTML-элементы в accessibility API, но элементы управления html не так богаты, как элементы управления, распространенные в настольных операционных системах, и их недостаточно для современных веб-приложений Пользовательские элементы управления могут расширять html-элементы, обеспечивая богатый пользовательский интерфейс, необходимый для современных веб-приложений.До ARIA у браузера не было возможности предоставить это дополнительное богатство API специальных возможностей или AT.Классическим примером этой проблемы является добавление обработчика кликов к изображению.Он создает то, что кажется кликающей кнопкой для пользователя мыши, но по-прежнему является просто изображением для клавиатуры или пользователя AT.
Решение состояло в создании набора атрибутов, которые позволяют разработчикам расширять HTML семантикой пользовательского интерфейса.Термин ARIA для группы HTML-элементов, которые обладают пользовательской функциональностью и используют атрибуты ARIA для сопоставления этих функций с API специальных возможностей, - это “Виджет.ARIA также предоставляет авторам средство документирования роли самого контента, что, в свою очередь, позволяет AT создавать альтернативные механизмы навигации по контенту, которые намного проще в использовании, чем чтение полного текста или только перебор списка ссылок.
Важно помнить, что в простых случаях гораздо предпочтительнее использовать собственные элементы управления HTML и стилизовать их, а не использовать ARIA.То есть не изобретайте колеса или флажки, если в этом нет необходимости.
К счастью, разметка ARIA может быть добавлена на существующие сайты без изменения поведения обычных пользователей.Это значительно снижает затраты на модификацию и тестирование веб-сайта или приложения.
Я побежал в некоторых других вопросах в отношении Арии. Но это контент выглядит более перспективным для этого вопроса. хотел бы поделиться с ними
Что такое ария?
Если вы прикладываете усилия, чтобы сделать свой веб-сайт доступным пользователям с различными различными привычками просмотра и физической инвалидности, вы, вероятно, признаете роль и атрибуты ARIA- *. WAI-ARIA (доступные богатые интернет-приложения) - это способ предоставления способов определить ваш динамический веб-контент и приложения, чтобы люди с ограниченными возможностями могли идентифицировать и успешно взаимодействовать с ним. Это делается с помощью ролей, которые определяют структуру документа или приложения, либо через атрибуты ARIA- *, определяющие виджету-роль, отношения, состояние или свойство.
Использование ARIA рекомендуется в спецификациях, чтобы сделать HTML5 приложения более доступными. При использовании семантических элементов HTML5 вы должны установить их соответствующую роль.
И увидеть это YouTube видео Для Арии живут.
