Přístupné, odpovědné a bezpečné weby – poznámky a nápady

[jaandrle]

• [x] Right-to-left Styling
• [x] https://twitter.com/jaandrle/status/1364168178335637510
• [x] Sémantické HTML
  • [x] Did you know HTML form fields for personal info need autocomplete attributes to be accessible?
• [x] \<input>
  • [x] The HTML autocomplete attribute - HTML: HyperText Markup Language | MDN
  • [x] Idea od Tomek Sułkowski
  • [x] HTML attributes to improve your users' two factor authentication experience - Twilio
• [x] Responsible web content (Jeremy Wagner)
  • [x] Responsible JavaScript - YouTube
  • [x] Responsible JavaScript: Part I – A List Apart
  • [x] Responsible JavaScript: Part II – A List Apart
  • [x] Responsible JavaScript: Part III – A List Apart
  • [x] Adapting to Users with Client Hints  |  Web Fundamentals
  • [x] resposible-headers.php.txt
• [x] AlexChaplinBraz/genrepass: Readable password generator library written in Rust.

[jaandrle]

Přístupné, odpovědné a bezpečné weby – poznámky a nápady

V tomto příspěvku se podíváme na několik nápadů a zdrojů, které pomáhají vytvářet přístupné, odpovědné a bezpečné weby.

Right-to-left Styling

Right-to-left Styling je důležitým aspektem přístupnosti pro uživatele, kteří čtou zprava doleva. Prohlédněte si Right-to-left Styling pro více informací.

Sémantické HTML

Sémantické HTML zlepšuje přístupnost webu tím, že zjednodušuje čtení a navigaci pro čtečky obrazovky. Zajímavý tweet o této problematice najdete zde.

Autocomplete atributy pro formuláře

HTML form fields pro osobní informace by měly mít autocomplete atributy pro lepší přístupnost. Více informací najdete zde.

HTML atribut autocomplete

Atribut autocomplete může výrazně zlepšit uživatelskou zkušenost na webu. Pro více informací se podívejte na HTML: HyperText Markup Language | MDN. Další nápady a tipy naleznete v tweetu od Tomek Sułkowski a v článku o two factor authentication experience.

Odpovědný web obsah (Jeremy Wagner)

Jeremy Wagner se ve své sérii článků a videí věnuje odpovědnému používání JavaScriptu na webu. Zdroje naleznete zde:

• Responsible JavaScript - YouTube
• Responsible JavaScript: Part I – A List Apart
• Responsible JavaScript: Part II – A List Apart
• Responsible JavaScript: Part III – A List Apart
• Adapting to Users with Client Hints  |  Web Fundamentals
• resposible-headers.php.txt

Genrepass

Genrepass je knihovna napsána v Rustu pro generování čitelných hesel. Tuto knihovnu můžete najít na GitHubu.

Tyto nápady a zdroje vám pomohou vytvářet webové stránky, které jsou přístupné, odpovědné a bezpečné. Věnujte pozornost nejlepším postupům a neustále se učte, jak zlepšit své projekty pro co nejlepší uživatelskou zkušenost.