Simplifying Web Development with Accessibility Best Practices

  • Course level: All Levels

About Course

Learn simple steps to ensure you aren’t alienating large groups of users due to poor accessibility.

Description

As website designers/developers and UX designers, website accessibility is often something that is pushed to the bottom of the pile. The guidelines can be tricky, clients don’t always appreciate the reasons behind it, and, to be honest, in the absence of an informed argument other competing factors always win out.

But what if you could stand out from the crowd? UX, and more specifically, accessibility is becoming more and more important, and in some industries it’s a legislative requirement.

Topics for this course

31 Lessons

Simplifying Web Development with Accessibility Best Practices

01 – Simplifying web development with accessibility0:46
02 – Overcomplicating things that already work2:27
03 – The purpose of the web1:12
04 – Why accessibility breaks3:41
05 – Designing an accessible color palette4:24
06 – Designing accessible typography3:18
07 – Designing accessible content hierarchies and flows2:52
08 – Is hiding or showing content a good idea2:17
09 – How to hide visual content2:08
10 – How to hide content from screen readers1:52
11 – The role of semantic elements2:10
12 – Elements with purpose1:59
13 – Link and button basics2:52
14 – Links2:31
15 – Buttons2:01
16 – Screen reader–friendly links and buttons2:26
17 – Icon links and buttons with SVG2:52
18 – Images, graphics, and media basics1:50
19 – The img element5:14
20 – The figure and figcaption elements1:38
21 – Accessible SVG1:56
22 – Making embedded videos more accessible4:21
25 – Multilevel navigation menu5:50
26 – Basic card7:39
27 – Card with internal links4:27
28 – Date picker5:05
29 – Simplifying web development with accessibility best practices2:26
30 – Where to find more information3:31
31 – Tools for manually testing sites8:39
32 – Lighthouse score and similar3:25
33 – Accessibility mindset1:07
29.99