< HTML

ARIA

Szerző: Sallai András

Copyright © 2024, Sallai András

Szerkesztve: 2024

Licenc: CC BY-SA 4.0

Web: https://szit.hu

Bevezetés

Az ARIA a „Accessible Rich Internet Applications” rövidítése. Olyan módszerek, amelyek lehetőbbé teszik fogyatékkal élők számára egy weboldal elérhetőségét.

Példa

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ARIA Példa</title> </head> <body> <!-- Normál gomb --> <button onclick="alert('Hello World!')">Kattints rám!</button> <!-- ARIA attribútumokkal ellátott gomb --> <button onclick="alert('Hello World!')" aria-label="Kattints rám!" aria-describedby="button-description"> Kattints rám! </button> <div id="button-description" style="display: none;"> Ez a gomb egy üdvözlő üzenetet jelenít meg. </div> </body> </html>

Linkek

https://www.w3.org/TR/wai-aria/ (2024; Specifikáció)

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA (2024)