SlideShare a Scribd company logo
1 of 98
Download to read offline
Images for Everyone
Katie Sylor-Miller

Staff Software Engineer, Etsy
Etsy is a global marketplace where people around the world connect,
both online and offline, to make, sell and buy unique goods.
Photo by Callie Morgan on Unsplash
Art
direction
Photo by rawpixel.com on Unsplash
Multi-device
Performance
Photo by Piotr Wilk on Unsplash
We’re biased
by our
experience
What about people who
experience the web
differently than we do?
“Websites, tools, and technologies are
designed and developed so that people with
disabilities can use them.”
ACCESSIBILITY (a11y)
- W3C Web Accessibility Initiative
IMAGES FOR EVERYONE
Why?
Who?
How?
IMAGES FOR EVERYONE
Why?
Who?
How?
Empathy
Exercise
Glasses by PontiacDryGoods on Etsy
57 M
19%
AMERICANS WITH A DISABILITY
UNITED STATES CENSUS REPORT, JULY 2012
2016 2060
46 M
15%
AMERICANS OVER 65
JANUARY 2016 POPULATION REFERENCE BUREAU REPORT
98 M
24%
46 M
15% AMERICANS OVER 65
POPULATION REFERENCE BUREAU REPORT, JANUARY 2016
98 M
24%
THE AMERICANS WITH DISABILITIES ACT (ADA)
“No individual shall be discriminated against on
the basis of disability in the full and equal
enjoyment of the goods, services, facilities,
privileges, advantages, or accommodations of any
place of public accommodation”
- ADA Sec. 12182 (a)
Accessibility
Universal Design
Improving the experience
for people with disabilities
improves the experience
for everyone
IMAGES FOR EVERYONE
Why?

Who?
How?
Visual
Auditory
Motor
Cognitive
Vestibular disorders & seizures
TYPES OF IMPAIRMENTS
Visual
Auditory
TYPES OF IMPAIRMENTS
Vision loss
• Not just totally blind person using a screen reader!
• Spectrum of many types from partial to full vision loss.
• Refractive errors
• Glaucoma
• Cataracts
• Macular degeneration
• Diabetic retinopathy
simulator.seenow.org
Assistive technology (AT)
• Screen readers:
• JAWS, NVDA, VoiceOver, Talkback
Assistive technology (AT)
• Screen readers:
• JAWS, NVDA, VoiceOver, Talkback
• Screen magnifiers - ZoomText
• Dictation/speech recognition - Dragon
NaturallySpeaking
• Braille displays (but not all blind people read braille)
Visual
Auditory
TYPES OF IMPAIRMENTS
Hearing loss
• Again, a wide spectrum from Hard of Hearing (mild
to moderate hearing loss) to deaf (profound hearing
loss).
• Not all people with hearing loss speak sign language
Assistive technology
• Captioning and transcription
• Captioned telephone service (CTS)
• Video relay service
image via infoguides.rit.edu
IMAGES FOR EVERYONE
Why?

Who?
How?
ACCESSIBILITY TECHNIQUES
Standards & Guidelines
Markup
Images
Color
Video
ACCESSIBILITY TECHNIQUES
Standards & Guidelines
Markup
Images
Color
Video
Standards & Guidelines
• Section 508
• Government agencies and contractors,
educational institutions - 1998
• Web Content Accessibility Guidelines (WCAG 2.0)
• Developed by the W3C Web Accessibility
Initiative (WAI) - 2008
• Three levels of compliance - A, AA, AAA
Provide alternative ways
to access the information
in visual and auditory
content.
ACCESSIBILITY TECHNIQUES
Standards & Guidelines
Markup
Images
Color
Video
Semantic HTML
ARIA
• WAI-ARIA (Accessible Rich Internet Applications) -
Provides additional accessibility semantics to
assistive technology
• Roles
• States
• Properties
.screenreader-only {
border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
Screenreader-only utility class
ACCESSIBILITY TECHNIQUES
Standards & Guidelines
Markup
Images
Color
Video
Every <img/> must
have an alt attribute,
even if it’s empty!
<img src=“https://img.etsystatic.com/il/5bca0f/868794171/il_340x270.868794171_42wp.jpg?version=0" />
Every <img/> must
have an alt attribute,
even if it’s empty!
Decorative
Functional
Informative
WHAT IS THE PURPOSE OF THIS IMAGE?
Decorative
Functional
Informative
WHAT IS THE PURPOSE OF THIS IMAGE?
Decorative images
• Provide no additional
information to the page and
function purely as visual
decoration.
• Background, spacer, and
header/hero images are usually
decorative.
• Always hide from screen readers
// images use empty alt text w/no space 

<img src=“pretty-bg.jpg” alt=“”/>
// CSS background-image

.hero {

background-image: url(pretty-bg.jpg);

}
// svgs use aria-hidden

<svg aria-hidden=“true”>...</svg>
Hide decorative images & svgs
Decorative
Functional
Informative
WHAT IS THE PURPOSE OF THIS IMAGE?
Functional images
• Images that initiate an action.
• If it’s inside a <button>, <a>,
or other interactive element, it’s
probably functional.
• Always include text that
describes the action, not the
image itself
<button>

<img src=“magnifying-glass.png” alt=“” /> Search

</button>
<button>

<svg aria-hidden=“true”>…</svg> Search

</button>
Functional image with accompanying text
Search
<a href=“/“>

<img src=“logo.png” alt=“Etsy home” />

</a>
<a href=“/“ aria-label=“Etsy home”>

<svg aria-hidden=“true”>...</svg>

</a>
<a href=“/“>

<svg aria-hidden=“true”>…</svg>

<span class=“screenreader-only”>Etsy home</span>

</a>
Functional image without accompanying text
.icon {
font-family: ‘My Icon Font’;
}
.icon-right::after {
content: '▻'; // unicode &#x25BB;
}
<a href=“/”>Go home<i class=“icon icon-right”></i></a>
SR says: “Link, Go home, WHITE RIGHT-POINTING POINTER”
… About those icon fonts
Go home
.icon {
font-family: ‘My Icon Font’;
}
.icon-right::after {
content: '▻'; // unicode &#x25BB;
}
<a href=“/”>Go home

<i class=“icon icon-right” aria-hidden=“true”></i>

</a>
… About those icon fonts
Go home
Decorative
Functional
Informative
WHAT IS THE PURPOSE OF THIS IMAGE?
Informative images
• Images that provide information that is important for
a user to understand the content of the page.
• If an image’s information is also provided in the
surrounding text content, then it is decorative.
• Always provide a text alternative for informative
images to screen readers.
• Also benefits users on slow connections/with
disabled images, and has SEO benefits.
Example informative images
// Simple descriptions in alt attribute

<img alt=“Tweet-length description of the image content” />
// Complex descriptions add longdesc

<img alt=“Short description” longdesc=“#long-desc” />

...

<div id=“long-desc” class=“screenreader-only”>Long
description goes in here</div>

<img alt=“Short description” longdesc=“my-long-desc.html” />
Providing a text alternative
// title and desc elements
<svg role=“img” aria-labelledby=“unique-title unique-desc”>

<title id=“unique-title”>A short title</title>

<desc id=“unique-desc”>A longer description</desc>

</svg>


// aria-describedby

<svg role=“img” aria-describedby=“description”>…</svg>

<div id=“#description” class=“screenreader-only”>A longer
description</div>
SVG long descriptions !
<figure>

<img src=“cat.jpg” alt=“My cat Ike” />

<figcaption>

Ike sitting on my keyboard while I’m trying to work.

</figcaption>

</figure>
Use the <figure> element
// You can provide descriptive text inside of complex SVGs

// See https://css-tricks.com/accessible-svgs/
// Hide SVG and provide tabular data

<svg aria-hidden=“true”>..</svg>

<table class=“screenreader-only”>

[tabular data representation of the chart above]

</table>
SVG charts and graphs
Help!
How do I write a good
image description?
DON’T
Use “image of”,
“picture of”, “graphic
of” or “icon” - this is
redundant.
Describe what the
image is conveying:
content,
functionality,
purpose.
DO
DON’T
Keyword-stuff Keep alt text short.
DO
DON’T
Embed text in
images.
Use CSS to position
text over images only
if the visual contrast
is high enough
DO
ACCESSIBILITY TECHNIQUES
Standards & Guidelines
Markup
Images
Color
Video
Color blindness
• Deficiency in one or more cones that detect Red,
Blue and Green light.
• Red/Green is most common, then Blue/Yellow.
Complete color blindness is rare.
• Color blindness affects 8% of men, 0.5% of women
@JakeWouldSee
DON’T
Use color alone to
convey information.
Use text or another
visual indicator to
supplement color
differences.
DO
ACCESSIBILITY TECHNIQUES
Standards & Guidelines
Markup
Images
Color
Video
Captions
Transcripts
Audio Descriptions
VIDEOS
Captions
Transcripts
Audio Descriptions
VIDEOS
Closed captions
• Text representing the audio portion (spoken dialog
and background noises) of a video appears overlaid
onscreen.
How to add captions
• Consider hiring an interpreter and/or transcriptionist
for live events.
• Pay for a professional or DIY with tools on amara.org
or youtube.com
• But don’t rely solely on YouTube auto captioning!
Always have a human review.
// track element element

<video width=“640” height=“480” controls>

<source src=“my-video.mp4” type=“video/mp4” />

<track default src=“my-captions.vtt” kind=“captions”

srclang=“en”>

</video>
HTML5 video captions
WEBVTT



1

00:00:00.00 - -> 00:00:05.00 align:middle line:90%

Text to display

can be on multiple lines



2

00:00:05.00 - -> 00:00:08.031 align:left line:50%

- More text

[ non-verbal cues or sound effects ]
VTT caption format
Captions
Transcripts
Audio Descriptions
VIDEOS
Transcripts
• Same word-for-word content as captions with
additional information:
• speaker or character names, descriptions of
action, transcribed text, and visual information.
• Can be embedded in the page or link out to it
separately.
• No set format for transcripts (except for YouTube).
>> KATIE: Hi, my name is Katie and I love unicorns
>> MARTIN: What a surprise! I also love unicorns!
[KATIE and MARTIN High-five]
>> KATIE: Let’s celebrate by breaking out into song!
[music plays]
YouTube transcript format
Captions
Transcripts
Audio Descriptions
VIDEOS
Audio Descriptions
• A narrator describes visual information during
natural breaks in the audio track.
Audio Descriptions
• A narrator describes visual information during
natural breaks in the audio track.
• If all of the visual content is present in the video, you
don’t need descriptions.
• Not available in HTML5 video or YouTube, so include
it as a separate video.
• Final Cut Pro can export an audio track that is
recognized by QuickTime on Macs and iOS
Captions, transcripts
and descriptions
benefit everyone
IMAGES FOR EVERYONE
Why?

Who?
How?
What next?
Test your site
• Chrome dev tools Lighthouse audits
• aXe - open source browser extension, command-line
interface and CI test integration 

https://www.axe-core.org/
• Koa11y - open source desktop app 

http://open-indy.github.io/Koa11y/
Start with
semantic HTML
Give every <img/>
an alt attribute
Add captions,
transcriptions, and
audio descriptions to
your videos
Let’s care as much
about accessibility as
we do about
performance.
Learn more
• “Accessibility for Everyone” book by Laura Kalbag
• @A11yBay - Bay Area Accessibility and Inclusive
Design Meetup
• CSUN Assistive Technology Conference
• A11y Slack - https://web-a11y.herokuapp.com/
sylormiller.com/ic-a11y
@ksylor
Thank you!
98

More Related Content

What's hot

Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web AccessibilityAndrea Dubravsky
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityJoseph Dolson
 
Tackling Accessibility - DrupalCampTO 2014
Tackling Accessibility - DrupalCampTO 2014Tackling Accessibility - DrupalCampTO 2014
Tackling Accessibility - DrupalCampTO 2014cspin
 
iOS Accessibility
iOS AccessibilityiOS Accessibility
iOS AccessibilityLuis Abreu
 
Selfish Accessibility: WordCamp Buffalo 2014
Selfish Accessibility: WordCamp Buffalo 2014Selfish Accessibility: WordCamp Buffalo 2014
Selfish Accessibility: WordCamp Buffalo 2014Adrian Roselli
 
Making Your Site Printable: CSS Summit 2014
Making Your Site Printable: CSS Summit 2014Making Your Site Printable: CSS Summit 2014
Making Your Site Printable: CSS Summit 2014Adrian Roselli
 
Selfish Accessibility: HTML5 Developer Conference 2014
Selfish Accessibility: HTML5 Developer Conference 2014Selfish Accessibility: HTML5 Developer Conference 2014
Selfish Accessibility: HTML5 Developer Conference 2014Adrian Roselli
 
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensPre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensUXPA International
 
Selfish Accessibility — CodeDaze
Selfish Accessibility — CodeDazeSelfish Accessibility — CodeDaze
Selfish Accessibility — CodeDazeAdrian Roselli
 
Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Adrian Roselli
 
Selfish Accessibility — Harbour Front HK
Selfish Accessibility — Harbour Front HKSelfish Accessibility — Harbour Front HK
Selfish Accessibility — Harbour Front HKAdrian Roselli
 
Wave training
Wave trainingWave training
Wave trainingSean Yo
 
MyTransport.Blind.SG
MyTransport.Blind.SGMyTransport.Blind.SG
MyTransport.Blind.SGIvan Sim
 
Accessibility with OutSystems
Accessibility with OutSystemsAccessibility with OutSystems
Accessibility with OutSystemsBruno Marcelino
 
Digital accessibility intro 2021
Digital accessibility intro 2021Digital accessibility intro 2021
Digital accessibility intro 2021Joshua Randall
 
Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!Charity Dynamics
 
Automated-Accessibility-Testing
Automated-Accessibility-TestingAutomated-Accessibility-Testing
Automated-Accessibility-TestingManoj Kumar Kumar
 
Strange Loop 2019: Beyond Alt-Text, Trends in Online Accessibility
Strange Loop 2019: Beyond Alt-Text, Trends in Online AccessibilityStrange Loop 2019: Beyond Alt-Text, Trends in Online Accessibility
Strange Loop 2019: Beyond Alt-Text, Trends in Online AccessibilityIan Forrest
 
Fringe Accessibility: London Web Standards
Fringe Accessibility: London Web StandardsFringe Accessibility: London Web Standards
Fringe Accessibility: London Web StandardsAdrian Roselli
 

What's hot (20)

Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web Accessibility
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared Responsibility
 
Tackling Accessibility - DrupalCampTO 2014
Tackling Accessibility - DrupalCampTO 2014Tackling Accessibility - DrupalCampTO 2014
Tackling Accessibility - DrupalCampTO 2014
 
iOS Accessibility
iOS AccessibilityiOS Accessibility
iOS Accessibility
 
Selfish Accessibility: WordCamp Buffalo 2014
Selfish Accessibility: WordCamp Buffalo 2014Selfish Accessibility: WordCamp Buffalo 2014
Selfish Accessibility: WordCamp Buffalo 2014
 
Making Your Site Printable: CSS Summit 2014
Making Your Site Printable: CSS Summit 2014Making Your Site Printable: CSS Summit 2014
Making Your Site Printable: CSS Summit 2014
 
Selfish Accessibility: HTML5 Developer Conference 2014
Selfish Accessibility: HTML5 Developer Conference 2014Selfish Accessibility: HTML5 Developer Conference 2014
Selfish Accessibility: HTML5 Developer Conference 2014
 
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip LikensPre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
Pre-Conference Course: Wearables Workshop: UX Essentials - Phillip Likens
 
Selfish Accessibility — CodeDaze
Selfish Accessibility — CodeDazeSelfish Accessibility — CodeDaze
Selfish Accessibility — CodeDaze
 
Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018
 
Selfish Accessibility — Harbour Front HK
Selfish Accessibility — Harbour Front HKSelfish Accessibility — Harbour Front HK
Selfish Accessibility — Harbour Front HK
 
Wave training
Wave trainingWave training
Wave training
 
MyTransport.Blind.SG
MyTransport.Blind.SGMyTransport.Blind.SG
MyTransport.Blind.SG
 
Accessibility with OutSystems
Accessibility with OutSystemsAccessibility with OutSystems
Accessibility with OutSystems
 
Digital accessibility intro 2021
Digital accessibility intro 2021Digital accessibility intro 2021
Digital accessibility intro 2021
 
Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!Web Accessibility: MISSION POSSIBLE!
Web Accessibility: MISSION POSSIBLE!
 
Automated-Accessibility-Testing
Automated-Accessibility-TestingAutomated-Accessibility-Testing
Automated-Accessibility-Testing
 
Strange Loop 2019: Beyond Alt-Text, Trends in Online Accessibility
Strange Loop 2019: Beyond Alt-Text, Trends in Online AccessibilityStrange Loop 2019: Beyond Alt-Text, Trends in Online Accessibility
Strange Loop 2019: Beyond Alt-Text, Trends in Online Accessibility
 
Fringe Accessibility: London Web Standards
Fringe Accessibility: London Web StandardsFringe Accessibility: London Web Standards
Fringe Accessibility: London Web Standards
 

Similar to Images for Everyone - ImageCon 2018

Selfish Accessibility — WordCamp Europe 2017
Selfish Accessibility — WordCamp Europe 2017Selfish Accessibility — WordCamp Europe 2017
Selfish Accessibility — WordCamp Europe 2017Adrian Roselli
 
Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Adrian Roselli
 
Selfish Accessibility: Government Digital Service
Selfish Accessibility: Government Digital ServiceSelfish Accessibility: Government Digital Service
Selfish Accessibility: Government Digital ServiceAdrian Roselli
 
Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1Julio Camarero
 
How to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonHow to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonRachel Cherry
 
Selfish Accessibility: MinneWebCon 2017
Selfish Accessibility: MinneWebCon 2017Selfish Accessibility: MinneWebCon 2017
Selfish Accessibility: MinneWebCon 2017Adrian Roselli
 
Introduction to accessibility
Introduction to accessibilityIntroduction to accessibility
Introduction to accessibilityJoseph McLarty
 
Web accessibility with Ametys CMS
Web accessibility with Ametys CMSWeb accessibility with Ametys CMS
Web accessibility with Ametys CMSAmetys
 
How to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility SummitHow to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility SummitRachel Cherry
 
Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesMichael Ryan
 
Accessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_TorontoAccessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_TorontoGeorge Zamfir
 
Webinar - Web Accessibility 101 - 2016-08-09
Webinar - Web Accessibility 101 - 2016-08-09Webinar - Web Accessibility 101 - 2016-08-09
Webinar - Web Accessibility 101 - 2016-08-09TechSoup
 
Expanding Your Online Community with Web Accessibility
Expanding Your Online Community with Web AccessibilityExpanding Your Online Community with Web Accessibility
Expanding Your Online Community with Web AccessibilityTechSoup
 
Basics of Web Accessibility
Basics of Web AccessibilityBasics of Web Accessibility
Basics of Web AccessibilityMoin Shaikh
 
Webinar_ How can AI help disabled people slides.pptx
Webinar_ How can AI help disabled people slides.pptxWebinar_ How can AI help disabled people slides.pptx
Webinar_ How can AI help disabled people slides.pptxcontato375220
 
Designing and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityDesigning and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityUsability Matters
 
How to create accessible websites - WordCamp New York
How to create accessible websites - WordCamp New YorkHow to create accessible websites - WordCamp New York
How to create accessible websites - WordCamp New YorkRachel Cherry
 
Mission: Accessible. Share & Connect Online with Everybody!
Mission: Accessible. Share & Connect Online with Everybody!Mission: Accessible. Share & Connect Online with Everybody!
Mission: Accessible. Share & Connect Online with Everybody!Joseph Dolson
 

Similar to Images for Everyone - ImageCon 2018 (20)

Selfish Accessibility — WordCamp Europe 2017
Selfish Accessibility — WordCamp Europe 2017Selfish Accessibility — WordCamp Europe 2017
Selfish Accessibility — WordCamp Europe 2017
 
Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017Selfish Accessibility: WordCamp London 2017
Selfish Accessibility: WordCamp London 2017
 
Selfish Accessibility: Government Digital Service
Selfish Accessibility: Government Digital ServiceSelfish Accessibility: Government Digital Service
Selfish Accessibility: Government Digital Service
 
Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1
 
How to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp BostonHow to create accessible websites - WordCamp Boston
How to create accessible websites - WordCamp Boston
 
Selfish Accessibility: MinneWebCon 2017
Selfish Accessibility: MinneWebCon 2017Selfish Accessibility: MinneWebCon 2017
Selfish Accessibility: MinneWebCon 2017
 
Introduction to accessibility
Introduction to accessibilityIntroduction to accessibility
Introduction to accessibility
 
Web accessibility with Ametys CMS
Web accessibility with Ametys CMSWeb accessibility with Ametys CMS
Web accessibility with Ametys CMS
 
How to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility SummitHow to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility Summit
 
Web_Accessibility
Web_AccessibilityWeb_Accessibility
Web_Accessibility
 
Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resources
 
Accessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_TorontoAccessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_Toronto
 
Webinar - Web Accessibility 101 - 2016-08-09
Webinar - Web Accessibility 101 - 2016-08-09Webinar - Web Accessibility 101 - 2016-08-09
Webinar - Web Accessibility 101 - 2016-08-09
 
Expanding Your Online Community with Web Accessibility
Expanding Your Online Community with Web AccessibilityExpanding Your Online Community with Web Accessibility
Expanding Your Online Community with Web Accessibility
 
Basics of Web Accessibility
Basics of Web AccessibilityBasics of Web Accessibility
Basics of Web Accessibility
 
Webinar_ How can AI help disabled people slides.pptx
Webinar_ How can AI help disabled people slides.pptxWebinar_ How can AI help disabled people slides.pptx
Webinar_ How can AI help disabled people slides.pptx
 
Accessibility
AccessibilityAccessibility
Accessibility
 
Designing and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityDesigning and Testing for Digital Accessibility
Designing and Testing for Digital Accessibility
 
How to create accessible websites - WordCamp New York
How to create accessible websites - WordCamp New YorkHow to create accessible websites - WordCamp New York
How to create accessible websites - WordCamp New York
 
Mission: Accessible. Share & Connect Online with Everybody!
Mission: Accessible. Share & Connect Online with Everybody!Mission: Accessible. Share & Connect Online with Everybody!
Mission: Accessible. Share & Connect Online with Everybody!
 

More from Katie Sylor-Miller

Happy Browser, Happy User! NY Web Performance Meetup 9/20/19
Happy Browser, Happy User! NY Web Performance Meetup 9/20/19Happy Browser, Happy User! NY Web Performance Meetup 9/20/19
Happy Browser, Happy User! NY Web Performance Meetup 9/20/19Katie Sylor-Miller
 
Happy Browser, Happy User! WordSesh 2019
Happy Browser, Happy User! WordSesh 2019Happy Browser, Happy User! WordSesh 2019
Happy Browser, Happy User! WordSesh 2019Katie Sylor-Miller
 
Happy Browser, Happy User! - PerfMatters Conference 2019
Happy Browser, Happy User! - PerfMatters Conference 2019Happy Browser, Happy User! - PerfMatters Conference 2019
Happy Browser, Happy User! - PerfMatters Conference 2019Katie Sylor-Miller
 
Design Systems + Git = Success - Clarity Conference 2018
Design Systems + Git  = Success - Clarity Conference 2018Design Systems + Git  = Success - Clarity Conference 2018
Design Systems + Git = Success - Clarity Conference 2018Katie Sylor-Miller
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Katie Sylor-Miller
 
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018Katie Sylor-Miller
 
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018Katie Sylor-Miller
 
Git-ing out of your git messes - Fluent Conf 2017
Git-ing out of  your git messes - Fluent Conf 2017Git-ing out of  your git messes - Fluent Conf 2017
Git-ing out of your git messes - Fluent Conf 2017Katie Sylor-Miller
 
Git-ing out of your git messes
Git-ing out of  your git messesGit-ing out of  your git messes
Git-ing out of your git messesKatie Sylor-Miller
 

More from Katie Sylor-Miller (10)

Happy Browser, Happy User! NY Web Performance Meetup 9/20/19
Happy Browser, Happy User! NY Web Performance Meetup 9/20/19Happy Browser, Happy User! NY Web Performance Meetup 9/20/19
Happy Browser, Happy User! NY Web Performance Meetup 9/20/19
 
Happy Browser, Happy User! WordSesh 2019
Happy Browser, Happy User! WordSesh 2019Happy Browser, Happy User! WordSesh 2019
Happy Browser, Happy User! WordSesh 2019
 
Happy Browser, Happy User! - PerfMatters Conference 2019
Happy Browser, Happy User! - PerfMatters Conference 2019Happy Browser, Happy User! - PerfMatters Conference 2019
Happy Browser, Happy User! - PerfMatters Conference 2019
 
Design Systems + Git = Success - Clarity Conference 2018
Design Systems + Git  = Success - Clarity Conference 2018Design Systems + Git  = Success - Clarity Conference 2018
Design Systems + Git = Success - Clarity Conference 2018
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
 
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
Raiders of the Fast Start: Frontend Performance Achaeology - Fluent 2018
 
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
Raiders of the Fast Start: Frontend Performance Archaeology PerfmattersConf 2018
 
Git-ing out of your git messes - Fluent Conf 2017
Git-ing out of  your git messes - Fluent Conf 2017Git-ing out of  your git messes - Fluent Conf 2017
Git-ing out of your git messes - Fluent Conf 2017
 
Git-ing out of your git messes
Git-ing out of  your git messesGit-ing out of  your git messes
Git-ing out of your git messes
 
Putting the t in team
Putting the t in teamPutting the t in team
Putting the t in team
 

Recently uploaded

The SRE Report 2024 - Great Findings for the teams
The SRE Report 2024 - Great Findings for the teamsThe SRE Report 2024 - Great Findings for the teams
The SRE Report 2024 - Great Findings for the teamsDILIPKUMARMONDAL6
 
An experimental study in using natural admixture as an alternative for chemic...
An experimental study in using natural admixture as an alternative for chemic...An experimental study in using natural admixture as an alternative for chemic...
An experimental study in using natural admixture as an alternative for chemic...Chandu841456
 
Input Output Management in Operating System
Input Output Management in Operating SystemInput Output Management in Operating System
Input Output Management in Operating SystemRashmi Bhat
 
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort serviceGurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort servicejennyeacort
 
home automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasadhome automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasadaditya806802
 
Concrete Mix Design - IS 10262-2019 - .pptx
Concrete Mix Design - IS 10262-2019 - .pptxConcrete Mix Design - IS 10262-2019 - .pptx
Concrete Mix Design - IS 10262-2019 - .pptxKartikeyaDwivedi3
 
Industrial Safety Unit-I SAFETY TERMINOLOGIES
Industrial Safety Unit-I SAFETY TERMINOLOGIESIndustrial Safety Unit-I SAFETY TERMINOLOGIES
Industrial Safety Unit-I SAFETY TERMINOLOGIESNarmatha D
 
Correctly Loading Incremental Data at Scale
Correctly Loading Incremental Data at ScaleCorrectly Loading Incremental Data at Scale
Correctly Loading Incremental Data at ScaleAlluxio, Inc.
 
US Department of Education FAFSA Week of Action
US Department of Education FAFSA Week of ActionUS Department of Education FAFSA Week of Action
US Department of Education FAFSA Week of ActionMebane Rash
 
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdfCCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdfAsst.prof M.Gokilavani
 
Steel Structures - Building technology.pptx
Steel Structures - Building technology.pptxSteel Structures - Building technology.pptx
Steel Structures - Building technology.pptxNikhil Raut
 
Solving The Right Triangles PowerPoint 2.ppt
Solving The Right Triangles PowerPoint 2.pptSolving The Right Triangles PowerPoint 2.ppt
Solving The Right Triangles PowerPoint 2.pptJasonTagapanGulla
 
Introduction-To-Agricultural-Surveillance-Rover.pptx
Introduction-To-Agricultural-Surveillance-Rover.pptxIntroduction-To-Agricultural-Surveillance-Rover.pptx
Introduction-To-Agricultural-Surveillance-Rover.pptxk795866
 
Arduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.pptArduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.pptSAURABHKUMAR892774
 
Transport layer issues and challenges - Guide
Transport layer issues and challenges - GuideTransport layer issues and challenges - Guide
Transport layer issues and challenges - GuideGOPINATHS437943
 
Call Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call GirlsCall Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call Girlsssuser7cb4ff
 
Internet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptxInternet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptxVelmuruganTECE
 
NO1 Certified Black Magic Specialist Expert Amil baba in Uae Dubai Abu Dhabi ...
NO1 Certified Black Magic Specialist Expert Amil baba in Uae Dubai Abu Dhabi ...NO1 Certified Black Magic Specialist Expert Amil baba in Uae Dubai Abu Dhabi ...
NO1 Certified Black Magic Specialist Expert Amil baba in Uae Dubai Abu Dhabi ...Amil Baba Dawood bangali
 

Recently uploaded (20)

The SRE Report 2024 - Great Findings for the teams
The SRE Report 2024 - Great Findings for the teamsThe SRE Report 2024 - Great Findings for the teams
The SRE Report 2024 - Great Findings for the teams
 
An experimental study in using natural admixture as an alternative for chemic...
An experimental study in using natural admixture as an alternative for chemic...An experimental study in using natural admixture as an alternative for chemic...
An experimental study in using natural admixture as an alternative for chemic...
 
Input Output Management in Operating System
Input Output Management in Operating SystemInput Output Management in Operating System
Input Output Management in Operating System
 
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort serviceGurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
Gurgaon ✡️9711147426✨Call In girls Gurgaon Sector 51 escort service
 
home automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasadhome automation using Arduino by Aditya Prasad
home automation using Arduino by Aditya Prasad
 
Concrete Mix Design - IS 10262-2019 - .pptx
Concrete Mix Design - IS 10262-2019 - .pptxConcrete Mix Design - IS 10262-2019 - .pptx
Concrete Mix Design - IS 10262-2019 - .pptx
 
young call girls in Green Park🔝 9953056974 🔝 escort Service
young call girls in Green Park🔝 9953056974 🔝 escort Serviceyoung call girls in Green Park🔝 9953056974 🔝 escort Service
young call girls in Green Park🔝 9953056974 🔝 escort Service
 
Industrial Safety Unit-I SAFETY TERMINOLOGIES
Industrial Safety Unit-I SAFETY TERMINOLOGIESIndustrial Safety Unit-I SAFETY TERMINOLOGIES
Industrial Safety Unit-I SAFETY TERMINOLOGIES
 
Correctly Loading Incremental Data at Scale
Correctly Loading Incremental Data at ScaleCorrectly Loading Incremental Data at Scale
Correctly Loading Incremental Data at Scale
 
US Department of Education FAFSA Week of Action
US Department of Education FAFSA Week of ActionUS Department of Education FAFSA Week of Action
US Department of Education FAFSA Week of Action
 
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdfCCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
CCS355 Neural Networks & Deep Learning Unit 1 PDF notes with Question bank .pdf
 
Steel Structures - Building technology.pptx
Steel Structures - Building technology.pptxSteel Structures - Building technology.pptx
Steel Structures - Building technology.pptx
 
Solving The Right Triangles PowerPoint 2.ppt
Solving The Right Triangles PowerPoint 2.pptSolving The Right Triangles PowerPoint 2.ppt
Solving The Right Triangles PowerPoint 2.ppt
 
Introduction-To-Agricultural-Surveillance-Rover.pptx
Introduction-To-Agricultural-Surveillance-Rover.pptxIntroduction-To-Agricultural-Surveillance-Rover.pptx
Introduction-To-Agricultural-Surveillance-Rover.pptx
 
Arduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.pptArduino_CSE ece ppt for working and principal of arduino.ppt
Arduino_CSE ece ppt for working and principal of arduino.ppt
 
Transport layer issues and challenges - Guide
Transport layer issues and challenges - GuideTransport layer issues and challenges - Guide
Transport layer issues and challenges - Guide
 
Design and analysis of solar grass cutter.pdf
Design and analysis of solar grass cutter.pdfDesign and analysis of solar grass cutter.pdf
Design and analysis of solar grass cutter.pdf
 
Call Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call GirlsCall Girls Narol 7397865700 Independent Call Girls
Call Girls Narol 7397865700 Independent Call Girls
 
Internet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptxInternet of things -Arshdeep Bahga .pptx
Internet of things -Arshdeep Bahga .pptx
 
NO1 Certified Black Magic Specialist Expert Amil baba in Uae Dubai Abu Dhabi ...
NO1 Certified Black Magic Specialist Expert Amil baba in Uae Dubai Abu Dhabi ...NO1 Certified Black Magic Specialist Expert Amil baba in Uae Dubai Abu Dhabi ...
NO1 Certified Black Magic Specialist Expert Amil baba in Uae Dubai Abu Dhabi ...
 

Images for Everyone - ImageCon 2018