Introduction to Accessible Web Development

4.8
22 個評分
提供方
Coursera Project Network
1,545 人已註冊
在此指導項目中,您將:

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)
  • Html
  • ARIA
  • JavaScript
  • Accessibility

分步進行學習

在與您的工作區一起在分屏中播放的視頻中,您的授課教師將指導您完成每個步驟:

  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

指導項目工作原理

您的工作空間就是瀏覽器中的雲桌面,無需下載

在分屏視頻中,您的授課教師會為您提供分步指導

常見問題

常見問題

還有其他問題嗎?請訪問 學生幫助中心