Make your website accessible for everyone

on YouTube ↗05m

" summary

Five concrete changes and how to do them: check contrast with Chrome DevTools color picker (white line shows failing pairs); size text with relative units (rem/em) so components survive 200% zoom; use semantic HTML headings and proper links versus buttons; keep visible focus outlines and test keyboard tab order; use real <button> for actions so Enter/Space and screen readers announce intent. Each change includes a concrete example and a verifiable tool.

AI-written summary · about

" chapters (3)

1. 0:00Better color contrast
2. 0:53Resizable pixels
3. 2:08Visible focus fade

" related talks

• 22mWeb Accessibility - a better user experience for everyone!Michaela Rudolfová · FrontKon 2023
• 01h 01mA web for anyone, anywhere, anytimeRowdy Rabouw · NDC Oslo 2022
• 01h 07mA web for anyone, anywhere, anytimeRowdy Rabouw · NDC Melbourne 2022
• 25mImproving Digital Accessibility and the Quality of Your WebsiteJoffrey Leveugle · DevFest Lille 2019
• 30mWriting CSS with Accessibility in MindManuel Matuzović · CSSConf Budapest 2017
• 45mA Web for Anyone, Anywhere, AnytimeRowdy Rabouw · DevDays Europe 2022
• 47mHow to use Chrome DevTools to improve accessibility of your webpageDominika Zając · NDC London 2023
• 06mBreaking barriersJan Christoph Borchardt · Nextcloud Conference 2018