Web Design Best Practices: An Inclusive Approach (edX)

Web Design Best Practices: An Inclusive Approach (edX)
Course Auditing
A basic understanding of web development. A basic understanding of C# and object oriented programming
Web Design Best Practices: An Inclusive Approach (edX)
Learn the best practices and guidelines needed to create accessible web applications and empower all of your users. In today’s Internet-driven world, accessibility is a critical requirement for any web application. After all, what good is the technology that connects us all, if all of us can’t connect with it?

Along with the benefits of inclusion, accessibility carries with it a very real financial incentive: poorly designed, inaccessible web applications can incur incredible repair costs when they are deemed to be out of compliance with legal requirements.

In this course, we will teach you the guidelines and best practices required to create a new web application from scratch. You’ll also learn how to repair inaccessible sites as they exist right now.

We’ll discuss the legal landscape behind accessibility, as well as the importance of making your web pages readable by all users. You’ll learn how to test throughout the building phase so that you can be sure you are on the right track as you create new sites and applications.

What you'll learn

- Best practices and guidelines to make logical decisions relating to web accessibility

- Accessibility tools

- Page structure

- Aria attributes

- Required attributes

- How CSS affects accessibility

- Communicating text for screen readers

- Control elements

- Complex controls

- Images

- Links

- Edit, email, and search boxes

- Charts and graphs

- Forms

- Filets and legends

- Choosing UI frameworks

- Filters and sorting

- Accordion

- Tab controls

- Carousel

- Tables

- Overlays

- Optimizing usability while fixing accessibility issues

- Error messages

- Fixing order issues

- Fixing a form

Course Syllabus

Module 1 Lesson 1: Overview of Web Accessibility What is accessibility? Why is it important? Disability types. What is usability?
Module 1 Lesson 2: Knowing the Tools in Your Toolbox Accessible technologies, and tools to evaluate accessibility.
Module 2: Starting a New Site The DOM order; designing from scratch; page structure; ARIA attributes, types of required attributes; text for screen readers; control elements; images; using href; image links; edit, email and search boxes and more.
Module 3: Understanding Complex Controls Considerations in choosing UI frameworks; filters and sorting; accordion; tab controls; carousel; tables, forms, overlays.
Module 4: You Found a Bug, Now What? Optimizing usability while fixing accessibility issues; fixing order issues; fixing a form.
Module 5: Final Assessment Final assessment questions