Simplifying Web Development with Accessibility Best Practices

About Course

Learn simple steps to ensure you aren’t alienating large groups of users due to poor accessibility.
Show More
Categories Web Development

Course Curriculum

Simplifying Web Development with Accessibility Best Practices

  • 01 – Simplifying web development with accessibility
    00:46
  • 02 – Overcomplicating things that already work
    02:27
  • 03 – The purpose of the web
    01:12
  • 04 – Why accessibility breaks
    03:41
  • 05 – Designing an accessible color palette
    04:24
  • 06 – Designing accessible typography
    03:18
  • 07 – Designing accessible content hierarchies and flows
    02:52
  • 08 – Is hiding or showing content a good idea
    02:17
  • 09 – How to hide visual content
    02:08
  • 10 – How to hide content from screen readers
    01:52
  • 11 – The role of semantic elements
    02:10
  • 12 – Elements with purpose
    01:59
  • 13 – Link and button basics
    02:52
  • 14 – Links
    02:31
  • 15 – Buttons
    02:01
  • 16 – Screen reader–friendly links and buttons
    02:26
  • 17 – Icon links and buttons with SVG
    02:52
  • 18 – Images, graphics, and media basics
    01:50
  • 19 – The img element
    05:14
  • 20 – The figure and figcaption elements
    01:38
  • 21 – Accessible SVG
    01:56
  • 22 – Making embedded videos more accessible
    04:21
  • 25 – Multilevel navigation menu
    05:50
  • 26 – Basic card
    07:39
  • 27 – Card with internal links
    04:27
  • 28 – Date picker
    05:05
  • 29 – Simplifying web development with accessibility best practices
    02:26
  • 30 – Where to find more information
    03:31
  • 31 – Tools for manually testing sites
    08:39
  • 32 – Lighthouse score and similar
    03:25
  • 33 – Accessibility mindset
    01:07
29.99
29.99

Course Details

Level: All Levels
Duration: 0
Enrolled:0
Last Updated:January 3, 2022