auth/login.php

@@ -50,8 +50,8 @@
             <h1>Bitte anmelden</h1>
 
             <form>
-                <label id="inputEmail" class="sr-only">E-Mail-Adresse / </label>
-            
+                <label id ="inputEmail" class="screenreader-only">E-Mail Adresse / </label>
+                
                 <p class="input-label">Benutzername/E-Mail-Adresse:</p>
                 <input type="email" name="email" class="login-input" placeholder="E-Mail-Adresse" required autofocus>
             
@@ -72,6 +72,7 @@
             </form>
         </div>
     </main>
+
     <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
         <a href="../legal/impressum.php">Impressum</a>
         <a href="../legal/datenschutz.php">Datenschutz</a>

css/main.css

@@ -45,6 +45,7 @@ main {
   }
 }
 
+/* Seite wird horizontal und vertikal zentriert */
 .login-page {
     display: flex;
     justify-content: center;
@@ -60,7 +61,6 @@ main {
     border: 1px solid white;
     border-radius: 10px;
     background-color: white;
-    /** box-shadow: 0 4px 10px rgba(0,0,0,0.05); */
 }
 
 .logo-wrapper {
@@ -119,6 +119,11 @@ main {
     font-size: 0.9rem;
 }
 
+/* Versteckt das doppelte Label fuer Screenreader/Accessibility */
+.screenreader-only {
+  display: none;
+}
+
 body {
   background-color: coral;
 }