Barrierefreiheit: Accordion, Formulare, aria-live, Kontraste, SEO und README für Accessibility optimiert

This commit is contained in:
2025-07-25 09:38:36 +02:00
parent 142ecb12cf
commit 8a5816a547
3 changed files with 97 additions and 44 deletions

View File

@@ -82,9 +82,7 @@ input[type="date"] {
.today-btn:hover {
background: var(--primary);
}
button {
margin-top: 0.7em;
padding: 0.55em 1.3em;
button, .accordion-header {
background: var(--primary);
color: #fff;
border: none;
@@ -95,9 +93,15 @@ button {
box-shadow: 0 1px 3px rgba(30,41,59,0.05);
transition: background 0.2s;
}
button:hover {
button:hover, .accordion-header:hover {
background: var(--primary-dark);
}
button:focus, .accordion-header:focus {
outline: 3px solid #facc15;
outline-offset: 2px;
box-shadow: 0 0 0 4px #1e293b;
z-index: 2;
}
.result {
margin-top: 1em;
font-weight: bold;
@@ -106,6 +110,7 @@ button:hover {
border-radius: 6px;
padding: 0.7em 1em;
box-shadow: 0 1px 2px rgba(30,41,59,0.04);
border: 2px solid #2563eb;
}
.accordion {
border-radius: 12px;