Властивості доступної Web-сторінки

У цьому розділі розглядаються різні властивості доступності Web-сайту – тобто, що повинен містити доступний Web-сайт. Буде детально представлено кожне властивість.

Семантична структура

Одним з основних вимог стандартів Web є використання семантичної структури HTML. Семантична структура є також вкрай важливою для доступності. Це пов'язано з тим, що вона забезпечує інфраструктуру для інформації на сторінці. Коли люди не можуть бачити візуальний стиль сторінки, семантична структура допомагає вказати їм низку речей. Вона може вказати на положення в ієрархії документа, і способи, якими вони можуть взаємодіяти з різними елементами на сторінці, а також забезпечити виділення текстового контенту в правильних місцях. Гарним прикладом того, що семантична структура документа важлива для доступності, є навігація. Добре структурованим навігаційним меню є список елементів. Можна оформити його як список HTML:

<ul> <li>Menu Item 1</li> <li>Menu Item 2</li> <li>Menu Item 3</li></ul>

Структуруючи навігаційні меню як списки, можна дозволити зчитувача екрана, який не може бачити список, легко зрозуміти, що це список. Зчитувач екрану повідомляє їм, що це список. Якщо розмітка списку не використовується, то зчитувач екрану не зможе дізнатися, що це список, і повідомити про це користувачеві. Додаткову інформацію про те, як використовувати правильну семантику в HTML, можна знайти в багатьох попередніх статтях курсу, в основному в тих, які розглядають HTML.