Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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