public/uni
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

a11y feinschliff, hex-dec-table neu, operable-folie verbessert, anatomie klausur

Browse Source
This commit is contained in:
Michael Czechowski
2026-04-22 11:54:51 +02:00
parent ec800d28ae
commit 79aaa14c29
5 changed files with 108 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
slides/223015c/assets/demos/a11y-focus.html
View File

@@ -4,19 +4,17 @@
<meta charset="UTF-8">
<title>Fokus-Indikator</title>
<style>
body { font-family: system-ui, sans-serif; padding: 1.2rem; }
:focus, .is-focused {
outline: 2px solid blue;
outline-offset: 2px;
}
body { font-family: system-ui, sans-serif; padding: 1.4rem; font-size: 1rem; }
button { font: inherit; padding: 10px 18px; margin: 8px 0; display: block; border: 1.5px solid #d1d5db; background: #fff; border-radius: 4px; cursor: pointer; }
button:focus-visible, button.is-focused {
box-shadow: 0 0 0 3px rgba(0, 100, 255, 0.5);
outline: 3px solid #d63384;
outline-offset: 3px;
border-radius: 4px;
}
button { font: inherit; padding: 6px 14px; margin: 6px 0; display: block; }
</style>
</head>
<body>
<p>Tab-Taste drücken:</p>
<p><strong>Tab-Taste drücken:</strong></p>
<button class="is-focused">Erster Button</button>
<button>Zweiter Button</button>
<button>Dritter Button</button>