Introduction to Accessible Web Development

4.8
12 个评分
提供方
Coursera Project Network
在此指导项目中,您将:

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
Intermediate中级
Cloud无需下载
Video分屏视频
Comment Dots英语(English)
Laptop仅限桌面

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.

您要培养的技能

Cascading Style Sheets (CCS)HtmlARIAJavaScriptAccessibility

分步进行学习

在与您的工作区一起在分屏中播放的视频中,您的授课教师将指导您完成每个步骤:

  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

指导项目工作原理

您的工作空间就是浏览器中的云桌面,无需下载

在分屏视频中,您的授课教师会为您提供分步指导

常见问题

常见问题

还有其他问题吗?请访问 学生帮助中心