Introduction to Accessible Web Development

4.8
estrellas
12 calificaciones
ofrecido por
Coursera Project Network
En este proyecto guiado, tú:

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
IntermediateIntermedio
CloudNo se necesita descarga
VideoVideo de pantalla dividida
Comment DotsInglés (English)
LaptopSolo escritorio

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 desarrollarás

Cascading Style Sheets (CCS)HtmlARIAJavaScriptAccessibility

Aprende paso a paso

En un video que se reproduce en una pantalla dividida con tu área de trabajo, tu instructor te guiará en cada paso:

  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

Cómo funcionan los proyectos guiados

Tu espacio de trabajo es un escritorio virtual directamente en tu navegador, no requiere descarga.

En un video de pantalla dividida, tu instructor te guía paso a paso

Preguntas Frecuentes

Preguntas Frecuentes

¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.