Web Accessibility by Google

FREE video Web Accessibility by Google

Free!

Add to wishlistAdded to wishlistRemoved from wishlist 0
Add to compare
Course type

Level

Duration

Created by

,

Publisher

Session type

Pricing

Instalments

Certificate

Projects

Tutor support

Access

Other benefits

,

Language

Subtitles

, ,

Skills Covered: Accessibility, Screen Readers, Focus, Semantics, ARIA

Add your review

ABOUT THIS COURSE


In this course, you’ll get hands-on skills in making web applications accessible.

  • How making a page work properly with screen readers,
  • Managing input focus (e.g. the highlight you see when tabbing through a form.)
  • What “semantics” and “semantic markup” mean for web pages
  • Add ARIA markup to enable navigating the interface with a range of assistive devices.
  • Styling techniques that help users with partial vision navigate your pages easily and reliably.

This course is also featured in Full-Stack Web Developer Nanodegree program.

 

WHAT YOU WILL LEARN


Overview

  • Learn why accessibility matters
  • and who it affects.
  • Get a first look at the web accessibility guidelines (WAI – Web Accessibility Initiative).
  • Understand “POUR” means for accessibility
  • and locate checklists to help make your own sites accessible.

Focus

  • Learn how to make a page usable for anyone navigating with the keyboard.
  • An exploration of focusable elements.
  • Learn how to manage focus in forms
  • in custom components
  • pop-ups
  • and off-screen content.

Semantics Basics

  • Make a page work for people who are unable to use a standard user interface.
  • Use a screen reader to try out ordinary form elements and add markup to make them work even better.
  • Understand the accessibility tree the browser constructs from the DOM.

Semantics Extras

  • Dive deeper into the screen-reader experience to add hyper-fast navigation.
  • Learn how to arrange headings and label links so screen reader users can fly through your pages!
  • Call out “landmarks” into your page to speed up navigation even more.

Semantics – ARIA

  • Move beyond the native elements of HTML into building custom controls and interactions.
  • Accessible Rich Internet Applications (ARIA).
  • Learn how to add attributes to your custom interactions to make them as accessible as native elements.

Style

  • Learn the third pillar of Accessibility (after Focus and Semantics): Styling.
  • Highlight the focus
  • Indicate ARIA states
  • Zoomed in or out
  • and support limited color or contrast vision.
  • Audit your page with the Chrome Accessibility Tools and correct any styling issues that pop up.

Videos: Web Accessibility by Google

User Reviews

0.0 out of 5
0
0
0
0
0
Write a review

There are no reviews yet.

Be the first to review “Web Accessibility by Google”

Your email address will not be published. Required fields are marked *

Web Accessibility by Google
Web Accessibility by Google

Free!

Ubbergo
Logo
Register New Account
Reset Password
Compare items
  • Total (0)
Compare
0
Shopping cart