Koja je razlika između semantike i pristupačnosti…

Семантиката помага машините (браузери, парсери, претраживачи) да разумеју структуру и значење садржаја. Доступност (a11y) је усмерена на то да садржај буде разумљив и погодан за људе са различитим физичким или когнитивним ограничењима, који користе помоћне технологије.

Семантички тагови

Користећи семантичке HTML тагове као што су <article>, <nav>, <aside>, <footer>, <h1>-<h6>, даје елементима странице смислено значење. На пример:

<article>
  <h2>Наслов чланка</h2>
  <p>Текст чланка...</p>
</article>

Ово помаже прегледачима да правилно интерпретирају структуру документа.

Доступност (a11y)

Доступност укључује много аспеката:

Семантика: Правилна употреба семантичких тагова већ је део доступности, јер помаже помоћним технологијама (скрин ридерима) да разумеју структуру и намењеност елемената.
ARIA атрибути: Додатни атрибути као што су aria-label, aria-describedby, aria-hidden, role, пружају додатне информације за помоћне технологије када семантика HTML-а није довољна.
```
<button aria-label="Затвори дијалошки прозор">
  <img src="close.svg" alt="">
</button>
```
Контраст: Довољан контраст између текста и позадине за људе са оштећеним видом.
Навигација тастатуром: Могућност кретања по страници и интеракције са елементима користећи само тастатуру.
Альтернативни текст за слике (alt): Опис садржаја слике за кориснике који је не виде.
```
<img src="cat.jpg" alt="Црна мачка спава на прозорској дасци.">
```
Структура заглавља: Логичка хијерархија заглавља (<h1> - <h6>) за згодну навигацију помоћу скрин ридера.

Веза

Семантика је важан темељ за доступност. Добро структурирана страница помоћу семантичких елемената знатно је лакше учинити доступном. Међутим, сама семантика није довољна за потпуну доступност – често су потребне додатне мере као што су ARIA атрибути, рад са фокусом и обезбеђивање довољног контраста.

Аспект	Семантика	Доступност (a11y)
Циљ	Давање смисленог значења елементима	Обезбеђивање разумевања и коришћења садржаја од стране свих
Алатке	HTML тагови (`<nav>`, `<article>`, `<h1>`...)	Семантика, ARIA, контраст, фокус, `alt` текст и др.
Корисник	Браузери, парсери, претраживачи	Људи са различитим потребама, помоћне технологије

Koja je razlika između semantike i pristupačnosti (a11y)?