$30 off During Our Annual Pro Sale. View Details »

TIL where no one has gone before

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

Gunnar Bittersmann

February 11, 2022
Tweet

More Decks by Gunnar Bittersmann

Other Decks in Programming

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
  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
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. inclusive design responsive design accessibility

  13. inclusive design responsive design accessibility

  14. None