EdX

Web Design Best Practices: An Inclusive Approach (edX)

Offered by Microsoft,
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?

Class Deals by MOOC List - Click here and see EdX's Active Discounts, Deals, and Promo Codes.

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

Note: This course is currently not available.

Related Courses

CSS Basics (edX) EdX
World Wide Web Consortium - W3C,W3Cx

CSS Basics (edX)

Learn, from Microsoft and W3C experts, how to take your Web pages from bland to bold with the power of CSS styling. Have you just begun your journey into Web development? This course will introduce you to the basics of Web design and teach you how to style your Web site for a professional look and feel.

Self Paced
Self-Paced
Telehealth Optimization: Practice Considerations, Workflow Planning, and Healthcare Accessibility (edX) EdX
StanfordOnline

Telehealth Optimization: Practice Considerations, Workflow Planning, and Healthcare Accessibility (edX)

Learn how to plan a telehealth care journey to improve the patient experience, with guidance from Stanford Medicine faculty. Discover how telehealth can be used to make healthcare more accessible. A truly impactful telehealth program places the patient at the center of the experience and makes healthcare more accessible for all. This course from the Stanford Center for Health Education (SCHE) unpacks practical considerations for implementing and optimizing telehealth in your context.

Self Paced
Self-Paced
Web Design: Wireframes to Prototypes (Coursera) Coursera
California Institute of the Arts

Web Design: Wireframes to Prototypes (Coursera)

This course is focused on the application of the early UX research to actual user interfaces: the creation of wireframes, high-fidelity mockups, and clickable prototypes. This course is the continuation of the course Web Design: Strategy and Information Architecture, in which students completed the first half of a large scale project—developing a comprehensive plan for a complex website.

Oct 5th 2026
4 Weeks
Introduction to Web Applications (Coursera) Coursera
Akamai Technologies, Inc.

Introduction to Web Applications (Coursera)

Students start by learning about the HyperText Markup Language (HTML) and basic rules for creating compliant HTML. They learn tags for creating web pages and formatting text on the page including lists and special characters. Students will learn how to embed images, video and audio in web pages and format information in tables. They will learn to create hyperlinks, and to use text and images for hyperlinks including creating image maps. Students will also create HTML forms to collect user information.

Oct 5th 2026
4 Weeks
Learn HTML and CSS (Coursera) Coursera
Scrimba

Learn HTML and CSS (Coursera)

This course is perfect if you want to learn how to code websites from scratch. You will learn the basics of HTML and CSS through interactive challenges. Along the way, you will build multiple projects, like a Google.com clone, a Space Exploration page, and a fun birthday site filled with GIFs. While most of the challenges are done in Scrimba's interactive editor, you will also learn how to use professional tools like VS Code for code editing, GitHub for hosting your code, and Netlify for deploying your projects to the world wide web.

Oct 12th 2026
5-12 Weeks
Introduction to HTML, CSS, & JavaScript (Coursera) Coursera
IBM

Introduction to HTML, CSS, & JavaScript (Coursera)

Want to take the first steps to become a Web Developer? This course will help you discover the languages, frameworks, and tools that you will need to create interactive and engaging websites right from the beginning. You will begin by learning about the roles of front-end, back-end, and full-stack developers and how they work together on development projects. Through this, you will also become familiar with the terminology and skills needed in your career as a web developer.

Oct 5th 2026
4 Weeks
Web Application Technologies and Django (edX) EdX
University of Michigan,MichiganX

Web Application Technologies and Django (edX)

This first course in Django for Everybody explores the basic structure of a web application and how web browsers interact with web servers. This course Hypertext Transfer Protocol (HTTP), an introduction of Hypertext Markup Language (HTML), along with the overall structure of a Django application.

Self Paced
Self-Paced
Programming for the Web with JavaScript (edX) EdX
University of Pennsylvania

Programming for the Web with JavaScript (edX)

Learn how to develop dynamic, interactive, and data-driven web apps using JavaScript. JavaScript is the programming language of the World Wide Web. As a professional web software developer, you will not only need to know how to program in this simple yet powerful language, but you will need to understand the fundamentals of how data is exchanged on the World Wide Web (WWW) and what tools and frameworks are available to you for creating robust, interactive web applications.

Self Paced
Self-Paced