Mi a különbség a szemantika és az elérhetőség (a11y)…

A szemantika segít a gépeknek (böngészők, elemzők, keresőrobotok) megérteni a tartalom szerkezetét és jelentését. Az akadálymentesség (a11y) célja, hogy a tartalom érthető és használható legyen különböző fizikai vagy kognitív korlátozásokkal élő személyek számára, akik segítő technológiákat használnak.

Szemantikus címkék

A <article>, <nav>, <aside>, <footer>, <h1>-<h6> HTML szemantikus címkék használata értelmet ad az oldal elemeinek. Például:

<article>
  <h2>Cikk címe</h2>
  <p>Cikk szövege...</p>
</article>

Ez segíti a böngészőket a dokumentum szerkezetének helyes értelmezésében.

Akadálymentesség (a11y)

Az akadálymentesség sok szempontot foglal magában:

Szemantika: A szemantikus címkék helyes használata már az akadálymentesség része, mivel segíti a segítő technológiákat (képernyőolvasókat) az elemek szerkezetének és funkciójának megértésében.
ARIA attribútumok: Olyan további attribútumok, mint az aria-label, aria-describedby, aria-hidden, role, kiegészítő információkat nyújtanak a segítő technológiáknak, amikor a HTML szemantika nem elegendő.
```
<button aria-label="Dialógusablak bezárása">
  <img src="close.svg" alt="">
</button>
```
Kontraszt: Elégséges kontraszt a szöveg és a háttér között látássérültek számára.
Billentyűzettel való navigáció: Lehetőség a oldal navigálására és az elemekkel való interakcióra kizárólag a billentyűzet segítségével.
Alternatív szöveg képekhez (alt): A kép tartalmának leírása azok számára, akik nem látják.
```
<img src="cat.jpg" alt="Fekete macska alszik az ablakpárkányon.">
```
Címsorok szerkezete: Logikus hierarchia a címsorok között (<h1> - <h6>) a könnyű navigáció érdekében képernyőolvasókkal.

Kapcsolat

A szemantika fontos alapja az akadálymentességnek. Egy jól strukturált oldal, szemantikus elemekkel, sokkal könnyebben teszi azzá az oldalt. Azonban a szemantika önmagában nem elég – gyakran szükség van további intézkedésekre, mint az ARIA attribútumok, fókuszkezelés és a megfelelő kontraszt biztosítása.

Mi a különbség a szemantika és az elérhetőség (a11y) között?