Introduction to Accessible Web Development

4.8
stars
14 ratings
Offered By
Coursera Project Network
In this Guided Project, you will:

Understand the importance of page semantics and how assistive technology interprets web code

Write accessibility-first CSS styling that reflects both the visual and semantic state of a component

Create an accessible custom component using ARIA

Clock2 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this 2-hour project, you will learn the basics of accessible web development while building a newsletter signup page. Specifically, you will learn how assistive technology interprets our web code, how to apply semantic HTML in order to write more meaningful interfaces, methods for coupling visual styles to the accessibility properties of a component, and creating a custom accessible component from scratch using WAI-ARIA. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Skills you will develop

Cascading Style Sheets (CCS)HtmlARIAJavaScriptAccessibility

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Task 1: Understand how assistive technology interprets our code

  2. Task 2: Craft the Semantic HTML Backbone of the Newsletter page

  3. Task 3: Creating Newsletter Page Content

  4. Task 4: Controlling Page Focus

  5. Task 5: User Experience Improvements and Coupling Accessibility Features with our Visual Presentation

  6. Task 6: Write a Custom Accessible Component

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.