Зміст
Ця стаття вперше з’явилася у випуску 231 журналу .net - найпопулярнішого у світі журналу для веб-дизайнерів та розробників.
Коли ви створюєте віджет користувальницького інтерфейсу (UI), він, ймовірно, буде складеним з елементів HTML. Взагалі кажучи, комусь легко зрозуміти, що робить віджет або яку роль він відіграє на сторінці, виходячи з того, як він виглядає, або елементів керування, які він робить доступними. Однак ця цілісна перспектива не очевидна для допоміжних технологій (AT), і саме тут, звичайно, з’являється ARIA.
ARIA або Доступні розширені Інтернет-програми, щоб дати йому повну назву, можна використовувати, щоб віджет відігравав роль. Або щоб подивитися на це по-іншому, ви можете використовувати ARIA-ролі, щоб повідомити АТ щось про ваш набір елементів HTML, ніби вони є єдиним цілим.
Специфікація ARIA 1.0 включає таксономію ролей. Він описує характеристики та властивості 73 різних ролей, згрупованих у чотири категорії високого рівня.
Перша категорія визначає 12 абстрактних ролей. Так само, як абстрактні класи ніколи не створюються під час програмування, абстрактні ролі ніколи не повинні використовуватися в коді. Вони описують різні типи ролей на концептуальному рівні, і тому їх використовують лише в самій систематиці.
Ролі
Одна абстрактна роль відрізняється від решти. Роль (абстрактна роль) - це базова роль, від якої успадковуються всі інші ролі в систематиці. Інші абстрактні ролі включають введення (абстрактна роль), орієнтир (абстрактна роль) та віджет (абстрактна роль).
Візьмемо як приклад віджет (абстрактну роль). Він описує парасольку, під якою сидять усі інші ролі віджетів у систематиці. Ось як це описано в специфікації ARIA:
“Інтерактивний компонент графічного інтерфейсу користувача (GUI). Віджети - це дискретні об'єкти інтерфейсу користувача, з якими користувач може взаємодіяти ".
Це акуратно веде до наступної категорії, яка визначає 34 ролі віджетів. Віджети - це інтерактивні елементи управління, які можуть бути як окремими, так і комбінованими для створення більш складних компонентів інтерфейсу. Дев'ять із цих ролей визначають контейнери, які можна використовувати для інкапсуляції інших віджетів для формування більш складних елементів управління.
Віджети
Решта 25 ролей визначають віджети, які можна використовувати самостійно або як частину складного складеного управління. Наприклад, елемент з роллю списку вкладок може містити кілька елементів із роллю вкладки. При використанні у поєднанні з відповідним набором елементів з роллю табло, вони поєднуються, утворюючи складений інтерфейс із вкладками. Елементи з ролями, такі як попередження, прапорець або діалог, також можуть бути частиною більш складного елемента керування інтерфейсом, або вони можуть стояти окремо.
Третя категорія визначає 18 ролей структури документів. Ці ролі описують типові утворення вмісту, такі як заголовок, список та панель інструментів. На відміну від ролей віджетів, ролі структури документа, як правило, не є інтерактивними.
Остання категорія визначає вісім знакових ролей. Вони можуть бути застосовані до різних розділів веб-сторінки, надаючи орієнтири, за якими AT можуть використовувати навігацію. Ролі в цій категорії включають банер, основну та навігацію.
Відкрийте для себе 20 найкращих інструментів для каркасного проектування дизайнерів у Creative Bloq.