forked from WEB-IMB-WS2526/lab-development-imb
24 lines
573 B
HTML
24 lines
573 B
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link href="04_styles_aria.css" rel="stylesheet">
|
|
<title>Beispielseite</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Ohne ARIA: Screenreader erkennt das nicht als Button, nur als "klickbar" -->
|
|
<div class="custom-button" tabindex="0" onclick="alert('Ohne ARIA: Aktion ausgelöst!')">
|
|
Ohne ARIA absenden
|
|
</div>
|
|
|
|
<!-- Mit ARIA: Screenreader erkennt das als "Taste" -->
|
|
<div class="custom-button" role="button" tabindex="1" onclick="alert('Mit ARIA: Aktion ausgelöst!')">
|
|
Mit ARIA absenden
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |