CSS Accessibility and Design-Structure Separation

CSS Accessibility and Design-Structure Separation

Web Conferences Amsterdam via YouTube Direct link

Introduction

1 of 51

1 of 51

Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

CSS Accessibility and Design-Structure Separation

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Space Jam
  3. 3 Tablebased layouts
  4. 4 Font elements
  5. 5 Accessibility problems
  6. 6 CSS 1 introduction
  7. 7 Drinking tea
  8. 8 Platform accessibility APIs
  9. 9 Checkbox example
  10. 10 DOM accessibility tree
  11. 11 Example
  12. 12 Pseudo selectors
  13. 13 After example
  14. 14 Before example
  15. 15 Generated content
  16. 16 Maybe you might be surprised
  17. 17 Tequila makes me happy
  18. 18 All current browsers
  19. 19 Accessibility tree
  20. 20 CSS accessibility disaster
  21. 21 CSS flexbox
  22. 22 Keyboard sequence
  23. 23 Buttons
  24. 24 Flexbox
  25. 25 The inevitable happens
  26. 26 If youre a sighted keyboard user
  27. 27 If the order of content is important
  28. 28 Using tabindex
  29. 29 Demo
  30. 30 Tabindex
  31. 31 AriaFlow
  32. 32 Screen reader support
  33. 33 A terrible experience
  34. 34 One possible solution
  35. 35 A bug in Firefox
  36. 36 Tea time
  37. 37 CSS speech module
  38. 38 Speak property
  39. 39 Voice volume property
  40. 40 Speech demo
  41. 41 Visual Aria
  42. 42 Tea
  43. 43 Accessibility tools
  44. 44 Accessibility audit
  45. 45 Other accessibility tools
  46. 46 Icon fonts
  47. 47 SVG alternatives
  48. 48 If we adopt the Firefox bug
  49. 49 So use it
  50. 50 in the second row
  51. 51 focusable content

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.