TIL where no one has gone before

Transformation:
• strukturierte Daten: JSON-LD & Schema.org
• Transformation in HTML & RDFa
• Cool URLs mit Rewrite

Accessibility am praktischen Beispiel:
• Tastaturbedienung:
    ⁃ Markierung des Tastaturfokus mit `:focus-visible`
    ⁃ skip link
• Alternativtexte, ARIA:
    ⁃ `aria-hidden`
    ⁃ `aria-current` (Verlinke nicht die aktuelle Seite)
    ⁃ `aria-label`, `aria-labelledby`, `aria-describedby`
• Nutzereinstellungen beachten:
    ⁃ Animationen unterdrücken mit `prefers-reduced-motion`
    ⁃ dark mode mit `prefers-color-scheme`

Ressourcen siehe https://noti.st/gunnarbittersmann/HtsntM/til-where-no-one-has-gone-before

Transcript

1. TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   

   View Slide

2. TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no man has gone before
   TIL
   where no one has gone before
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. inclusive design
    responsive
    design
    accessibility
    

    View Slide

13. inclusive design
    responsive
    design
    accessibility
    

    View Slide

14. View Slide