Stuff

Web Gone VisuA11Y

Obinna Ekwuno

SPEAKER BIO.

Obinnaspeaks

Software Engineer @ Gatsby

 

Media Developer Expert for Cloudinary

 

Technical Writer :- Scotch.io, LogRocket, Telerik blog

 

Accessibility Nuisance /  JAMstack Preacher.

Let's talk about the visual web & How the human eye translates this

What is Media Accessibility (M16Y)?

Is it a bird? Is it a plane? Nope, it's not superman.

 


👀           🤔             😄

See  -> Use -> Understand

 

Elements of media Accessibility

  • Color Usage – How we combine colors

 

  • Text – Text and background

 

  • Design elements in the platforms

Photophobia Light sensitivity

Solution

Dark mode will save you.

Filter: invert()

 

 

Contrast sensitivity

 

Contrast sensitivity

 

The right Color combinations are the basics of M16Y. However, what users understand is more important

 

Deuteranopia (Red and Green )

Achromatopsia

Blindness.

What is going on here !!!!!!!!

Use clear color names

Use effective colour search filters

Avoid colour-specific instructions

Avoid low-contrast design

Use Patterns where you can

Use Patterns where you can

Test your work!!

Web gone VisuA11Y

By Obinna Ekwuno

Made with Slides.com

Web gone VisuA11Y

A lot of developers wonder what M16Y means? I mean, a11y we know but what is this new discovery???? 🤕. Well, it’s nothing new just something added. When we discuss Media as it relates to accessibility a cool way to think about this is media accessibility => ( M16Y) . We will discuss the methods applied to care for users that have some visual impairments and have to navigate the web applications we build and also the best ways to accommodate these users.

  • 1,024

More from Obinna Ekwuno