Material Design

Accessibility

Maxim Salnikov

@webmaxru

UI Engineer at ForgeRock

Meetups organizer

Google Dev Expert in Angular

Material Design

Material is the metaphor

Bold, graphic, intentional

Motion provides meaning

Accessibility

A product is accessible when all people – regardless of ability – can navigate it, understand it, and use it successfully. Products should aim to be accessible to the widest possible audience.

20+ Components

Implementations

Material UI (React)

Materialize

Material Design Lite

Angular Material

UI Components

Layout CSS

Themes

ARIA

Color Palettes

Directives

Services

FlexBox

Attributes

Alignments

WAI-ARIA

ARIA Roles

main

article

banner

...

ARIA States and Properties

aria-hidden

aria-invalid

aria-disabled

aria-valuemin

...

Demo time!

Tusen takk!

@webmaxru

Follow me

Accessibility in Material Design

By Maxim Salnikov

Accessibility in Material Design

  • 2,114