The Design Mind: Web Design for All: Accessibility, Inclusivity and Beyond

Web Design for All:
Accessibility, Inclusivity and Beyond
Eden Spivak &
Nir Horesh
Rebecca Komathy
With:
Moderated by:
TO USE YOUR COMPUTER'S AUDIO:
When the webinar begins, you will be connected to audio
using your computer's microphone and speakers (VoIP). A
headset is recommended.
Webinar will begin:
11:00 am, PDT
TO USE YOUR TELEPHONE:
If you prefer to use your phone, you must select "Use
Telephone" after joining the webinar and call in using the
numbers below.
United States: +1 (562) 247-8321
Access Code: 231-194-419
Audio PIN: Shown after joining the webinar
--OR-
-
The Design Mind
Webinar Series

2The Design Mind
Webinar Series
Click on the Questions panel to
interact with the presenters
https://www.graphicartstoday.com/webinar-series/11033/the-design-mind

3The Design Mind
Webinar Series
3Web Design for All:
Accessibility, Inclusivity and
Beyond
About Eden Spivak
Eden Spivak is a Design Expert and Editor for the Wix blogs. She is passionate about the ways
in which design can make a real, tangible impact on our daily lives. Eden is also a freelance
illustrator, with a love for editorial and children’s illustration.
About Nir Horesh
Nir Horesh is an Accessibility Lead and Senior Product Manager at Wix, who works on making the
internet more accessible for everyone. Before joining Wix, Nir was an engineer in the
semiconductor industry for seven years, worked at a couple of startups, and started a technology
podcast and blog. Nir also mentors and leads a team at beaches.app.
3
Web Design for All:
Accessibility, Inclusivity and Beyond

Intro to Accessibility 2020
“The power of the web is in its universality.
Access by everyone regardless of disability is
an essential aspect.”
Tim Berners-Lee, Inventor of the World Wide Web

Nir Horesh Head of Accessibility 2020
Intro to
Accessibility

Nir Horesh
Head of Accessibility
Senior Product Manager
nirho@wix.com
linkedin/nirhoresh
@nirho

Designed by Men for Men

Designed by White
for White

Designed by Tall for Tall

Designed by Swedish
for Swedish

When we design products for
people like us, some people
are left out

We are designing
products for sighted
mouse users

How blind people use the internet?

But how many blind
people are there?

I didn’t see even one on
my way here

CognitiveMotorHearingVisual

Intro to Accessibility 2020Intro to Accessibility 2020

17%

We are all
temporarily abled

25%

Also, it’s the law...

And it’s
expensive

Mostly, it’s the right
thing to do

You just need to
care

But it’s not relevant
for my product

Don’t decide for people with disabilities

Interesting facts:

Blind people code

Blind people can read faster than you

Assistive technology comes in many shapes
Intro to Accessibility 2020Intro to Accessibility 2020

Machine
Readability

Decoupling
Design from
Functionality

But how?

Answer 5
Product / UX
questions
● What is the Order?
● How do i use it with Keyboard?
● Where does the Focus goes next?
● What is it Meaning?
● What is it’s Name?

Useful links
● Wix Accessibility Gate
● A11ycast - great podcast
● WCAG - the spec

Let’s go build
products for
everyone

Thank You!

Inclusive Web Design
IllustrationbyShaiSamana

Accessible design =
Good design
InclusiveWebDesign

Accessible design
can be good design
InclusiveWebDesign
Understood Sans. A dyslexic-friendly typeface, designed by Martin
Vácha and Wolff Olins.

Accessible design
can be good design
InclusiveWebDesign
ThisAbles. A series of design solutions to allow people with special
needs access to IKEA products.

Accessible design
can be good design
InclusiveWebDesign
Accessible design is often invisible.

Accessible design
is better design.
InclusiveWebDesign

Accessible vs.
inclusive design
InclusiveWebDesign

Creating products that are usable by everyone
regardless of ability or impairment.
Accessibility
InclusiveWebDesign

Creating products that welcome all users -
regardless of their background, circumstances,
knowledge, abilities and more.
Inclusivity
InclusiveWebDesign

Design for the wide range of
human experience
InclusiveWebDesign

One-size-fits-all solutions miss the mark.
The myth of the average user
InclusiveWebDesign
Minority - Majority -
From the Inclusive Design Toolkit by Microsoft
Permanent - Temporary - Situational

Inclusive design
principles
InclusiveWebDesign

➔ Provide content
in multiple ways
Different comparable options
increase the chances of meeting the
unique needs and abilities of each of
your users.
01
InclusiveWebDesign

One website = multiple experiences
InclusiveWebDesign
The websites we design need to offer more than one
way of interacting with content.
Video captions Alt-text for images Allow user choice

➔ Design for various situations
Users will be browsing your product
in a variety of different contexts, and
your interface should accommodate
that range of circumstances.
02
InclusiveWebDesign

Design for various situations
InclusiveWebDesign
Keep diverse user scenarios and context in mind.
Dark + regular modesUser area for streamlined actions
IllustrationbyVeredBloch

➔ Collaborate to
overcome biases
Invite a wide spectrum of individuals
who differ in background, as well as
in physical, cognitive, and learning
abilities, to partake in the design
process.
03
InclusiveWebDesign

Collaborate to overcome biases
InclusiveWebDesign
Disabled And Here
Include more people in the design process,
from start to finish.

Inclusive design is
a process.
InclusiveWebDesign
And so much more...
Not an end goal.

Thank You!
InclusiveWebDesign
Accessible design is often invisible.
Eden Spivak
Design Expert at Wix
Further reading:
● Inclusive Design: Wix Creative
● Microsoft Inclusive Design
● Wix Accessibility

66The Design Mind
Webinar Series
Q&A
Nir Horesh
With: With:
Design Expert and Editor, Wix
Linkedin: /in/edenspivak
Instagram: @eden.spivak
Website: wix.com/blog
Portfolio: edenspivak.com
Eden Spivak
Accessibility Lead and Senior Product Manager, Wix
Linkedin: /in/nirhoresh
Twitter ID: @NirHo
Website: wix.com/accessibility
https://www.graphicartstoday.com/webinar-series/11033/the-design-mind

The Design Mind: Web Design for All: Accessibility, Inclusivity and Beyond

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie The Design Mind: Web Design for All: Accessibility, Inclusivity and Beyond

Ähnlich wie The Design Mind: Web Design for All: Accessibility, Inclusivity and Beyond (20)

Mehr von Aggregage

Mehr von Aggregage (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

The Design Mind: Web Design for All: Accessibility, Inclusivity and Beyond