Introduction to Accessible Web Development

4.8
estrelas
22 classificações
oferecido por
Coursera Project Network
1.549 já se inscreveram
Neste projeto guiado, você irá:

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
IntermediateIntermediário
CloudSem necessidade de download
VideoVídeo em tela dividida
Comment DotsInglês
LaptopApenas em desktop

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.

Habilidades que você desenvolverá

  • Cascading Style Sheets (CCS)
  • Html
  • ARIA
  • JavaScript
  • Accessibility

Aprender passo a passo

Em um vídeo reproduzido em uma tela dividida com a área de trabalho, seu instrutor o orientará sobre esses passos:

  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

Como funcionam os projetos guiados

Sua área de trabalho é um espaço em nuvem, acessado diretamente do navegador, sem necessidade de nenhum download

Em um vídeo de tela dividida, seu instrutor te orientará passo a passo

Perguntas Frequentes – FAQ

Perguntas Frequentes – FAQ

Mais dúvidas? Visite o Central de Ajuda ao estudante.