SlideShare uma empresa Scribd logo
1 de 35
Coolfields Consulting www.coolfields.co.uk
@coolfields
Designing for Accessibility
Graham Armfield
Web Accessibility Consultant
WordPress Developer
graham.armfield@coolfields.co.uk
@coolfields
What I’m going to cover
Accessibility of websites and apps is primarily
down to markup – HTML or native app
languages.
But…
Design decisions can also influence
accessibility too.
@coolfields
What I’m going to cover
• Colour
• Catering for keyboard users
• Text and content
• Forms
@coolfields
Coolfields Consulting www.coolfields.co.uk
@coolfields
Colour
Video
From http://a11ymemes.tumblr.com
Colour contrast – text/background
6@coolfields
Colour contrast – text/background
7@coolfields
http://paciellogroup.com/resources/contrastAnalyser
Colour contrast – text/background
8@coolfields
http://paciellogroup.com/resources/contrastAnalyser
Colour contrast – between elements
9@coolfields
Low vision affects around 2 million people in the UK.
So, good colour contrast is important.
But,
you can have too much…
@coolfields
Pic by Julian Warren
A true story
Colour contrast for dyslexics
@coolfields
On The Beach
The sun baked down as I stumbled across
the ground.
I climbed way up to the top of the hill,
They all seem higher, and they always will.
To think I once had a postcard of this view,
sent by you,
How things change.
Original View What Tracy needs
On The Beach
The sun baked down as I stumbled across
the ground.
I climbed way up to the top of the hill,
They all seem higher, and they always will.
To think I once had a postcard of this view,
sent by you,
How things change.
Dyslexia affects approx 10% of the population, so over 6 million people in the UK.
Lyrics © Graham Armfield
13
Colour blindness
affects approx 8% of
the male population,
but only 1 in 200 females.
So that's about
2.7 million people
in the UK alone.
Using colour to convey meaning
14
Project Name Status Fully
Resourced?
Easy peasy project a
Quite a tricky project a
So glad I'm not on that project r
Going OK a
@coolfields
Red-green colour blindness is the most common type of colour blindness.
Coolfields Consulting www.coolfields.co.uk
@coolfields
Photo: mo llsh
Penalty Shoot-out
Ghana
USA
1 2 3 4 5
Coolfields Consulting www.coolfields.co.uk
@coolfields
Photo: mo llsh
Penalty Shoot-out
Ghana
USA
1 2 3 4 5
a
a
a
a
a
X X
X
Showing links with just colour
17@coolfields
Showing links with more than colour
18@coolfields
Coolfields Consulting www.coolfields.co.uk
@coolfields
Links, Buttons – define focus states
as well as hover states
For sighted keyboard users…
Keyboard focus should be at least as obvious as hover state.
20
Keyboard
Focus
Hover
Sometimes the default browser
focus indication just isn't enough
21
No Focus Got Focus
(In Firefox)
From http://a11ymemes.tumblr.com
No keyboard focus indication
across the entire site.
Demo of keyboard focus
Good sites
• Gov.uk
• M&S Bank
Not so good sites
• Men’s Health magazine
• (Lego Shop)
Coolfields Consulting www.coolfields.co.uk
@coolfields
Text & Content
Normal size
NB: Resizing and zooming are not the same thing.
Can your design handle resizing?
26@coolfields
Larger size
Normal size
This design does handle resizing
27@coolfields
Larger size
Demo of text resizing/zooming
Good sites
• Lego shop
Not so good sites
• Evans Cycles
• Dyson
Text justification
29
Left aligned text
"Rivers of white space"
Text justification
30
Left aligned textFully justified text
Coolfields Consulting www.coolfields.co.uk
@coolfields
Forms
Photo: AlecCouros
Video
From http://a11ymemes.tumblr.com
Placeholders
33
Placeholders
34
https://www.w3.org/TR/html5/forms.html#the-placeholder-attribute
Thanks for listening
Any questions?
graham.armfield@coolfields.co.uk
@coolfields
35

Mais conteúdo relacionado

Destaque

Heterosexualidad En Amenaza De Extincion
Heterosexualidad En Amenaza De ExtincionHeterosexualidad En Amenaza De Extincion
Heterosexualidad En Amenaza De Extincionguestdf513d8
 
Excelling in your sales representation job
Excelling in your sales representation jobExcelling in your sales representation job
Excelling in your sales representation jobAngela Ihunweze
 
User Experience for Mobile (for Cambridge Mobile App Group)
User Experience for Mobile (for Cambridge Mobile App Group)User Experience for Mobile (for Cambridge Mobile App Group)
User Experience for Mobile (for Cambridge Mobile App Group)Roger Attrill
 
What to do before, during and after buying your home
What to do before, during and after buying your homeWhat to do before, during and after buying your home
What to do before, during and after buying your homeUnited Wholesale Mortgage
 
Nuorisotakuu 2.0
Nuorisotakuu 2.0Nuorisotakuu 2.0
Nuorisotakuu 2.0SDP
 
The unbearable likeness of web design
The unbearable likeness of web designThe unbearable likeness of web design
The unbearable likeness of web designsarah semark
 
Vastgoedfirma prins Laurent teert op subsidies
Vastgoedfirma prins Laurent teert op subsidiesVastgoedfirma prins Laurent teert op subsidies
Vastgoedfirma prins Laurent teert op subsidiesThierry Debels
 
Urine sediment 55/Kridsada31
Urine sediment 55/Kridsada31Urine sediment 55/Kridsada31
Urine sediment 55/Kridsada31kridsada31
 
能年玲奈ちゃんのファンとして本気を出してみた
能年玲奈ちゃんのファンとして本気を出してみた能年玲奈ちゃんのファンとして本気を出してみた
能年玲奈ちゃんのファンとして本気を出してみた真一 北原
 
El liderazgo mundial de la agricultura holandesa (y textos varios de interés)
El liderazgo mundial de la agricultura holandesa (y textos varios de interés)El liderazgo mundial de la agricultura holandesa (y textos varios de interés)
El liderazgo mundial de la agricultura holandesa (y textos varios de interés)Guillermo Botella Berdejo
 
Venezuela en el Mercosur: El debate del incumplimiento normativo y el actual ...
Venezuela en el Mercosur: El debate del incumplimiento normativo y el actual ...Venezuela en el Mercosur: El debate del incumplimiento normativo y el actual ...
Venezuela en el Mercosur: El debate del incumplimiento normativo y el actual ...Oscar Eduardo Fernández-Guillén
 

Destaque (16)

Maintenance academy v1
Maintenance academy v1Maintenance academy v1
Maintenance academy v1
 
Heterosexualidad En Amenaza De Extincion
Heterosexualidad En Amenaza De ExtincionHeterosexualidad En Amenaza De Extincion
Heterosexualidad En Amenaza De Extincion
 
Excelling in your sales representation job
Excelling in your sales representation jobExcelling in your sales representation job
Excelling in your sales representation job
 
User Experience for Mobile (for Cambridge Mobile App Group)
User Experience for Mobile (for Cambridge Mobile App Group)User Experience for Mobile (for Cambridge Mobile App Group)
User Experience for Mobile (for Cambridge Mobile App Group)
 
What to do before, during and after buying your home
What to do before, during and after buying your homeWhat to do before, during and after buying your home
What to do before, during and after buying your home
 
Nuorisotakuu 2.0
Nuorisotakuu 2.0Nuorisotakuu 2.0
Nuorisotakuu 2.0
 
The unbearable likeness of web design
The unbearable likeness of web designThe unbearable likeness of web design
The unbearable likeness of web design
 
Navigating Student Loans in Retirement
Navigating Student Loans in RetirementNavigating Student Loans in Retirement
Navigating Student Loans in Retirement
 
Vastgoedfirma prins Laurent teert op subsidies
Vastgoedfirma prins Laurent teert op subsidiesVastgoedfirma prins Laurent teert op subsidies
Vastgoedfirma prins Laurent teert op subsidies
 
Actu Défense du 30 mars 2017
Actu Défense du 30 mars 2017Actu Défense du 30 mars 2017
Actu Défense du 30 mars 2017
 
Grafeno y nanotecnologia
Grafeno y nanotecnologiaGrafeno y nanotecnologia
Grafeno y nanotecnologia
 
Urine sediment 55/Kridsada31
Urine sediment 55/Kridsada31Urine sediment 55/Kridsada31
Urine sediment 55/Kridsada31
 
Landlust
LandlustLandlust
Landlust
 
能年玲奈ちゃんのファンとして本気を出してみた
能年玲奈ちゃんのファンとして本気を出してみた能年玲奈ちゃんのファンとして本気を出してみた
能年玲奈ちゃんのファンとして本気を出してみた
 
El liderazgo mundial de la agricultura holandesa (y textos varios de interés)
El liderazgo mundial de la agricultura holandesa (y textos varios de interés)El liderazgo mundial de la agricultura holandesa (y textos varios de interés)
El liderazgo mundial de la agricultura holandesa (y textos varios de interés)
 
Venezuela en el Mercosur: El debate del incumplimiento normativo y el actual ...
Venezuela en el Mercosur: El debate del incumplimiento normativo y el actual ...Venezuela en el Mercosur: El debate del incumplimiento normativo y el actual ...
Venezuela en el Mercosur: El debate del incumplimiento normativo y el actual ...
 

Semelhante a Designing for Accessibility - WordCamp London 2017

Colours and Accessibility (a11y) - WordCamp Europe 2014 Sofia
Colours and Accessibility (a11y) - WordCamp Europe 2014 SofiaColours and Accessibility (a11y) - WordCamp Europe 2014 Sofia
Colours and Accessibility (a11y) - WordCamp Europe 2014 SofiaBoiteaweb
 
Universal design: Make one design that fits everyone
Universal design: Make one design that fits everyoneUniversal design: Make one design that fits everyone
Universal design: Make one design that fits everyoneJoakim Bording
 
Ulysses test
Ulysses testUlysses test
Ulysses testTina Shah
 
Uxpin color theory_in_web_ui_design
Uxpin color theory_in_web_ui_designUxpin color theory_in_web_ui_design
Uxpin color theory_in_web_ui_designLewis Lin 🦊
 
Presentation Visuals
Presentation VisualsPresentation Visuals
Presentation Visualsbthat
 
Color blind user
Color blind userColor blind user
Color blind userMoh Sem
 
Color blind user
Color blind userColor blind user
Color blind userMoh Sem
 
web design trends to follow in 2023.pptx
web design trends to follow in 2023.pptxweb design trends to follow in 2023.pptx
web design trends to follow in 2023.pptxShrestha Raaz
 
Web Accessibility: What it is, Why it's important
Web Accessibility: What it is, Why it's importantWeb Accessibility: What it is, Why it's important
Web Accessibility: What it is, Why it's importantGraham Armfield
 
Deepfakes - How they work and what it means for the future
Deepfakes - How they work and what it means for the futureDeepfakes - How they work and what it means for the future
Deepfakes - How they work and what it means for the futureJarrod Overson
 
International websites and SEO: How to get it wrong in 5 easy steps
International websites and SEO: How to get it wrong in 5 easy stepsInternational websites and SEO: How to get it wrong in 5 easy steps
International websites and SEO: How to get it wrong in 5 easy stepsOban International
 
Emily Mace BrightonSEO: International websites and SEO
Emily Mace BrightonSEO: International websites and SEOEmily Mace BrightonSEO: International websites and SEO
Emily Mace BrightonSEO: International websites and SEOMark Garwell
 
Design Everyone Loves Everywhere (speaker notes)
Design Everyone Loves Everywhere (speaker notes)Design Everyone Loves Everywhere (speaker notes)
Design Everyone Loves Everywhere (speaker notes)Elizabeth Grothues
 
How to produce great multilingual content, even when you can't read it | Laur...
How to produce great multilingual content, even when you can't read it | Laur...How to produce great multilingual content, even when you can't read it | Laur...
How to produce great multilingual content, even when you can't read it | Laur...Oban International
 
Practical UX / UI Design Tips – Ciarán Duffy
Practical UX / UI Design Tips – Ciarán DuffyPractical UX / UI Design Tips – Ciarán Duffy
Practical UX / UI Design Tips – Ciarán DuffyCiarán Duffy
 
Netflix Company Presentation
Netflix Company PresentationNetflix Company Presentation
Netflix Company PresentationAnant Akash
 
Multilingualism and Multiculturalism copy.pptx
Multilingualism and Multiculturalism copy.pptxMultilingualism and Multiculturalism copy.pptx
Multilingualism and Multiculturalism copy.pptxnewteacherdeped
 

Semelhante a Designing for Accessibility - WordCamp London 2017 (20)

Colours and Accessibility (a11y) - WordCamp Europe 2014 Sofia
Colours and Accessibility (a11y) - WordCamp Europe 2014 SofiaColours and Accessibility (a11y) - WordCamp Europe 2014 Sofia
Colours and Accessibility (a11y) - WordCamp Europe 2014 Sofia
 
Universal design: Make one design that fits everyone
Universal design: Make one design that fits everyoneUniversal design: Make one design that fits everyone
Universal design: Make one design that fits everyone
 
Ulysses test
Ulysses testUlysses test
Ulysses test
 
Uxpin color theory_in_web_ui_design
Uxpin color theory_in_web_ui_designUxpin color theory_in_web_ui_design
Uxpin color theory_in_web_ui_design
 
Presentation Visuals
Presentation VisualsPresentation Visuals
Presentation Visuals
 
Color blind user
Color blind userColor blind user
Color blind user
 
Color blind user
Color blind userColor blind user
Color blind user
 
web design trends to follow in 2023.pptx
web design trends to follow in 2023.pptxweb design trends to follow in 2023.pptx
web design trends to follow in 2023.pptx
 
Types of computers
Types of computersTypes of computers
Types of computers
 
Web Accessibility: What it is, Why it's important
Web Accessibility: What it is, Why it's importantWeb Accessibility: What it is, Why it's important
Web Accessibility: What it is, Why it's important
 
Deepfakes - How they work and what it means for the future
Deepfakes - How they work and what it means for the futureDeepfakes - How they work and what it means for the future
Deepfakes - How they work and what it means for the future
 
International websites and SEO: How to get it wrong in 5 easy steps
International websites and SEO: How to get it wrong in 5 easy stepsInternational websites and SEO: How to get it wrong in 5 easy steps
International websites and SEO: How to get it wrong in 5 easy steps
 
Emily Mace BrightonSEO: International websites and SEO
Emily Mace BrightonSEO: International websites and SEOEmily Mace BrightonSEO: International websites and SEO
Emily Mace BrightonSEO: International websites and SEO
 
Design Everyone Loves Everywhere (speaker notes)
Design Everyone Loves Everywhere (speaker notes)Design Everyone Loves Everywhere (speaker notes)
Design Everyone Loves Everywhere (speaker notes)
 
How to produce great multilingual content, even when you can't read it | Laur...
How to produce great multilingual content, even when you can't read it | Laur...How to produce great multilingual content, even when you can't read it | Laur...
How to produce great multilingual content, even when you can't read it | Laur...
 
Communication
CommunicationCommunication
Communication
 
Practical UX / UI Design Tips – Ciarán Duffy
Practical UX / UI Design Tips – Ciarán DuffyPractical UX / UI Design Tips – Ciarán Duffy
Practical UX / UI Design Tips – Ciarán Duffy
 
Netflix Company Presentation
Netflix Company PresentationNetflix Company Presentation
Netflix Company Presentation
 
flat design and colors
flat design and colorsflat design and colors
flat design and colors
 
Multilingualism and Multiculturalism copy.pptx
Multilingualism and Multiculturalism copy.pptxMultilingualism and Multiculturalism copy.pptx
Multilingualism and Multiculturalism copy.pptx
 

Mais de Graham Armfield

Useful Accessibility Tools Version 3 - Jul 2021
Useful Accessibility Tools Version 3 - Jul 2021Useful Accessibility Tools Version 3 - Jul 2021
Useful Accessibility Tools Version 3 - Jul 2021Graham Armfield
 
So how do i know if my wordpress website is accessible - WordPress Accessibil...
So how do i know if my wordpress website is accessible - WordPress Accessibil...So how do i know if my wordpress website is accessible - WordPress Accessibil...
So how do i know if my wordpress website is accessible - WordPress Accessibil...Graham Armfield
 
Useful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonUseful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonGraham Armfield
 
Accessibility Hacks Version 2
Accessibility Hacks Version 2Accessibility Hacks Version 2
Accessibility Hacks Version 2Graham Armfield
 
Accessibility Hacks version 2
Accessibility Hacks version 2Accessibility Hacks version 2
Accessibility Hacks version 2Graham Armfield
 
Useful Accessibility Tools - WP Pompey April 2019
Useful Accessibility Tools - WP Pompey April 2019Useful Accessibility Tools - WP Pompey April 2019
Useful Accessibility Tools - WP Pompey April 2019Graham Armfield
 
How to Build an Accessible WordPress Theme
How to Build an Accessible WordPress ThemeHow to Build an Accessible WordPress Theme
How to Build an Accessible WordPress ThemeGraham Armfield
 
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Graham Armfield
 
Useful Accessibility Tools
Useful Accessibility ToolsUseful Accessibility Tools
Useful Accessibility ToolsGraham Armfield
 
Assistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp BristolAssistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp BristolGraham Armfield
 
Obscure Wordpress Functions That Are Actually Quite Useful
Obscure Wordpress Functions That Are Actually Quite UsefulObscure Wordpress Functions That Are Actually Quite Useful
Obscure Wordpress Functions That Are Actually Quite UsefulGraham Armfield
 
Themes Plugins and Accessibility - WordCamp London March 2015
Themes Plugins and Accessibility - WordCamp London March 2015Themes Plugins and Accessibility - WordCamp London March 2015
Themes Plugins and Accessibility - WordCamp London March 2015Graham Armfield
 
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Graham Armfield
 
Themes, Plugins and Accessibility
Themes, Plugins and AccessibilityThemes, Plugins and Accessibility
Themes, Plugins and AccessibilityGraham Armfield
 
Wordpress and Web Accessibility Wordcamp UK 2014
Wordpress and Web Accessibility Wordcamp UK 2014Wordpress and Web Accessibility Wordcamp UK 2014
Wordpress and Web Accessibility Wordcamp UK 2014Graham Armfield
 
So What is This Thing Called WordPress?
So What is This Thing Called WordPress?So What is This Thing Called WordPress?
So What is This Thing Called WordPress?Graham Armfield
 
So How Do I Know if My Website is Accessible?
So How Do I Know if My Website is Accessible?So How Do I Know if My Website is Accessible?
So How Do I Know if My Website is Accessible?Graham Armfield
 
Handling User Generated Content in WordPress
Handling User Generated Content in WordPressHandling User Generated Content in WordPress
Handling User Generated Content in WordPressGraham Armfield
 
So, How Do I Know if my WordPress Website is Accessible?
So, How Do I Know if my WordPress Website is Accessible?So, How Do I Know if my WordPress Website is Accessible?
So, How Do I Know if my WordPress Website is Accessible?Graham Armfield
 
Assistive Technology Demo Londonweb
Assistive Technology Demo LondonwebAssistive Technology Demo Londonweb
Assistive Technology Demo LondonwebGraham Armfield
 

Mais de Graham Armfield (20)

Useful Accessibility Tools Version 3 - Jul 2021
Useful Accessibility Tools Version 3 - Jul 2021Useful Accessibility Tools Version 3 - Jul 2021
Useful Accessibility Tools Version 3 - Jul 2021
 
So how do i know if my wordpress website is accessible - WordPress Accessibil...
So how do i know if my wordpress website is accessible - WordPress Accessibil...So how do i know if my wordpress website is accessible - WordPress Accessibil...
So how do i know if my wordpress website is accessible - WordPress Accessibil...
 
Useful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp BrightonUseful Accessibility Tools - WordCamp Brighton
Useful Accessibility Tools - WordCamp Brighton
 
Accessibility Hacks Version 2
Accessibility Hacks Version 2Accessibility Hacks Version 2
Accessibility Hacks Version 2
 
Accessibility Hacks version 2
Accessibility Hacks version 2Accessibility Hacks version 2
Accessibility Hacks version 2
 
Useful Accessibility Tools - WP Pompey April 2019
Useful Accessibility Tools - WP Pompey April 2019Useful Accessibility Tools - WP Pompey April 2019
Useful Accessibility Tools - WP Pompey April 2019
 
How to Build an Accessible WordPress Theme
How to Build an Accessible WordPress ThemeHow to Build an Accessible WordPress Theme
How to Build an Accessible WordPress Theme
 
Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018Accessibility Hacks Wordcamp Manchester October 2018
Accessibility Hacks Wordcamp Manchester October 2018
 
Useful Accessibility Tools
Useful Accessibility ToolsUseful Accessibility Tools
Useful Accessibility Tools
 
Assistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp BristolAssistive technology Demo WordCamp Bristol
Assistive technology Demo WordCamp Bristol
 
Obscure Wordpress Functions That Are Actually Quite Useful
Obscure Wordpress Functions That Are Actually Quite UsefulObscure Wordpress Functions That Are Actually Quite Useful
Obscure Wordpress Functions That Are Actually Quite Useful
 
Themes Plugins and Accessibility - WordCamp London March 2015
Themes Plugins and Accessibility - WordCamp London March 2015Themes Plugins and Accessibility - WordCamp London March 2015
Themes Plugins and Accessibility - WordCamp London March 2015
 
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015Can WordPress help make the web more accessible - eaccess15 - Feb 2015
Can WordPress help make the web more accessible - eaccess15 - Feb 2015
 
Themes, Plugins and Accessibility
Themes, Plugins and AccessibilityThemes, Plugins and Accessibility
Themes, Plugins and Accessibility
 
Wordpress and Web Accessibility Wordcamp UK 2014
Wordpress and Web Accessibility Wordcamp UK 2014Wordpress and Web Accessibility Wordcamp UK 2014
Wordpress and Web Accessibility Wordcamp UK 2014
 
So What is This Thing Called WordPress?
So What is This Thing Called WordPress?So What is This Thing Called WordPress?
So What is This Thing Called WordPress?
 
So How Do I Know if My Website is Accessible?
So How Do I Know if My Website is Accessible?So How Do I Know if My Website is Accessible?
So How Do I Know if My Website is Accessible?
 
Handling User Generated Content in WordPress
Handling User Generated Content in WordPressHandling User Generated Content in WordPress
Handling User Generated Content in WordPress
 
So, How Do I Know if my WordPress Website is Accessible?
So, How Do I Know if my WordPress Website is Accessible?So, How Do I Know if my WordPress Website is Accessible?
So, How Do I Know if my WordPress Website is Accessible?
 
Assistive Technology Demo Londonweb
Assistive Technology Demo LondonwebAssistive Technology Demo Londonweb
Assistive Technology Demo Londonweb
 

Último

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxOnBoard
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 

Último (20)

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptxMaximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 

Designing for Accessibility - WordCamp London 2017

Notas do Editor

  1. My day job is mainly training developers in accessibility, and helping them solve accessibility issues. But some aspects of the design can affect accessibility – both positively and not so positively I'm going to have a look at a few of those.
  2. Who are we building websites for? If a website is selling products or services, it's easy to miss out on sales if the site is inaccessible to some. If we're building websites for clients, the we are hampering their business.
  3. It's important to remember who we're designing and building websites for – not everyone is the same. What we want to avoid is the situation where people abandon a site because they can't use it easily. Many people have poor vision, and the population is getting older as people live longer.
  4. A site I was involved in creating some years ago. Requirement was for an accessible website for a children's nursery. The initial design was very attractive, but very little of the reached the necessary colour contrast guidelines.
  5. In some places it's obvious where colour contrast is low.
  6. Even the main content text lack sufficient contrast.
  7. The borders on form elements are vital for some people
  8. A 'real-life' business example from a previous employer
  9. A more leisure orientated example
  10. Using colour is fine – just make sure it's not the only way
  11. Another way that colour alone is used to convey meaning
  12. Some thoughts on catering for keyboard only users
  13. Sadly this seems to be becoming more popular – removing all keyboard focus indication.
  14. Similar in a way to designing for mobile.
  15. Similar in a way to designing for mobile.
  16. Cause difficulty for many people – in many different ways.