SlideShare a Scribd company logo
DIGITAL ACCESSIBILITY
4 main principles
ACCESSIBILITY – WHY
BOTHER?
What does good
look like?
RNIB (Royal National Institute for
the Blind) – obviously main
accessibility needs are for the
partially sighted.
• Clear text
• High contrast
• Large Font
• Descriptive links
• Double identifiers for actions
(underline and colour to show
links)
What does good
look like?
Scope – campaigning for disability
equality
• Super simple navigation
• Navigation Hierarchy
• Good and usable search (it
actually returns relevant results)
• Big Fonts
• Good colour contrast
What does good
look like?
Happy Penguin – fin-tech company*
• Big Fonts
• Good colour contrast
• Easy to use functions
*Just ‘cause it’s accessible doesn’t mean it’s a
great organisation. Happy Penguin provides
short term loans and I don’t know enough
about them to endorse what they do 
THE NEURO DIVERSE
THE SCREEN READERS
THE KEYBOARD
NAVIGATORS
THE MULTI-DEVICE-RS
What can you focus
on without the help
of a developer?
• Don’t forget the ALT-text
• Go for Contrast
• Write it, test it, write it again
• Keep your design simple
• Make sure you describe your
linked text
• Check how things work on
many devices and many
browsers
• Go beyond and use a screen-
reader on your site
So what else would
you like to know?

More Related Content

Similar to Digital Accessibility

The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for IDThe Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
James Washok
 
Visual design
Visual designVisual design
Visual design
James Washok
 
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]CanadaHelps / MyCharityConnects
 
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the RoadGrande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
CanadaHelps / MyCharityConnects
 
Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018
Adrian Roselli
 
Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019
Adrian Roselli
 
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Robert Jolly
 
An introduction to Usability
An introduction to UsabilityAn introduction to Usability
An introduction to Usability
Erlend Debast
 
Steps to designing your portfolio when you're new to design
Steps to designing your portfolio when you're new to designSteps to designing your portfolio when you're new to design
Steps to designing your portfolio when you're new to design
Navdeep Raj
 
Ten Tips to Improve Your Website
Ten Tips to Improve Your WebsiteTen Tips to Improve Your Website
Ten Tips to Improve Your Website
CanadaHelps / MyCharityConnects
 
Balance and Compromise: Issues in Content Localization
Balance and Compromise: Issues in Content LocalizationBalance and Compromise: Issues in Content Localization
Balance and Compromise: Issues in Content Localization
Lise Bissonnette Janody
 
Design Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation SchemesDesign Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation Schemes
Inductive Automation
 
Design Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation SchemesDesign Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation Schemes
Inductive Automation
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
Chris Snider
 
Travel babble june2012
Travel babble june2012Travel babble june2012
Travel babble june2012Fresh_Egg
 
Travel Babble
Travel Babble Travel Babble
Travel Babble
Fresh_Egg
 
Travel babble june2012
Travel babble june2012Travel babble june2012
Travel babble june2012Fresh_Egg
 
Best_Practices_for_Effective_Dashboards (1).pptx
Best_Practices_for_Effective_Dashboards (1).pptxBest_Practices_for_Effective_Dashboards (1).pptx
Best_Practices_for_Effective_Dashboards (1).pptx
Ahmad Arib Alfarisy
 
iLive 2013 - Andy Atkins-Kruger - TOP 10 Success Factors for Global SEO
iLive 2013 - Andy Atkins-Kruger - TOP 10 Success Factors for Global SEOiLive 2013 - Andy Atkins-Kruger - TOP 10 Success Factors for Global SEO
iLive 2013 - Andy Atkins-Kruger - TOP 10 Success Factors for Global SEOiLive Conference
 

Similar to Digital Accessibility (20)

The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for IDThe Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
 
Visual design
Visual designVisual design
Visual design
 
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]Directions - Council for Vocational Services Society - Halifax [2010-10-07]
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
 
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the RoadGrande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
 
Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018Prototyping Accessibility - WordCamp Europe 2018
Prototyping Accessibility - WordCamp Europe 2018
 
Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019Prototyping Accessibility: Booster 2019
Prototyping Accessibility: Booster 2019
 
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
 
An introduction to Usability
An introduction to UsabilityAn introduction to Usability
An introduction to Usability
 
Medicine Hat 2010 - Websites 101
Medicine Hat 2010 - Websites 101Medicine Hat 2010 - Websites 101
Medicine Hat 2010 - Websites 101
 
Steps to designing your portfolio when you're new to design
Steps to designing your portfolio when you're new to designSteps to designing your portfolio when you're new to design
Steps to designing your portfolio when you're new to design
 
Ten Tips to Improve Your Website
Ten Tips to Improve Your WebsiteTen Tips to Improve Your Website
Ten Tips to Improve Your Website
 
Balance and Compromise: Issues in Content Localization
Balance and Compromise: Issues in Content LocalizationBalance and Compromise: Issues in Content Localization
Balance and Compromise: Issues in Content Localization
 
Design Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation SchemesDesign Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation Schemes
 
Design Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation SchemesDesign Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation Schemes
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
 
Travel babble june2012
Travel babble june2012Travel babble june2012
Travel babble june2012
 
Travel Babble
Travel Babble Travel Babble
Travel Babble
 
Travel babble june2012
Travel babble june2012Travel babble june2012
Travel babble june2012
 
Best_Practices_for_Effective_Dashboards (1).pptx
Best_Practices_for_Effective_Dashboards (1).pptxBest_Practices_for_Effective_Dashboards (1).pptx
Best_Practices_for_Effective_Dashboards (1).pptx
 
iLive 2013 - Andy Atkins-Kruger - TOP 10 Success Factors for Global SEO
iLive 2013 - Andy Atkins-Kruger - TOP 10 Success Factors for Global SEOiLive 2013 - Andy Atkins-Kruger - TOP 10 Success Factors for Global SEO
iLive 2013 - Andy Atkins-Kruger - TOP 10 Success Factors for Global SEO
 

Recently uploaded

The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
Laura Byrne
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
Product School
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
Product School
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
James Anderson
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
OnBoard
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
Paul Groth
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
DianaGray10
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 

Recently uploaded (20)

The Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and SalesThe Art of the Pitch: WordPress Relationships and Sales
The Art of the Pitch: WordPress Relationships and Sales
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
Leading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdfLeading Change strategies and insights for effective change management pdf 1.pdf
Leading Change strategies and insights for effective change management pdf 1.pdf
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMsTo Graph or Not to Graph Knowledge Graph Architectures and LLMs
To Graph or Not to Graph Knowledge Graph Architectures and LLMs
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 

Digital Accessibility

  • 3. What does good look like? RNIB (Royal National Institute for the Blind) – obviously main accessibility needs are for the partially sighted. • Clear text • High contrast • Large Font • Descriptive links • Double identifiers for actions (underline and colour to show links)
  • 4. What does good look like? Scope – campaigning for disability equality • Super simple navigation • Navigation Hierarchy • Good and usable search (it actually returns relevant results) • Big Fonts • Good colour contrast
  • 5. What does good look like? Happy Penguin – fin-tech company* • Big Fonts • Good colour contrast • Easy to use functions *Just ‘cause it’s accessible doesn’t mean it’s a great organisation. Happy Penguin provides short term loans and I don’t know enough about them to endorse what they do 
  • 10. What can you focus on without the help of a developer? • Don’t forget the ALT-text • Go for Contrast • Write it, test it, write it again • Keep your design simple • Make sure you describe your linked text • Check how things work on many devices and many browsers • Go beyond and use a screen- reader on your site
  • 11. So what else would you like to know?

Editor's Notes

  1. It can seem that accessibility considerations can get in the way of your design but, good digital design is accessible design. It doesn’t have to be a burden either, most of the basics are just that and will also help with things like SEO. So who are we looking to be accessible for? Also, it’s kind of the law. The Disability Discrimination Act 1995 states that we should not discriminate those that are differently abled by removing access to our product or service – this means wheelchair ramps, but it also means web accessibility. No private individual has actually been prosecuted for not complying as yet for web accessibility – there are different and more exacting standards for public services.
  2. No-one can be 100% There are some guidelines to follow and some test you can do, but please don’t concern yourself too much with those. If you really want to – take a look at the WCAG 21 guidelines if you want to get really in to it.
  3. No-one can be 100% There are some guidelines to follow and some test you can do, but please don’t concern yourself too much with those. If you really want to – take a look at the WCAG 21 guidelines if you want to get really in to it.
  4. No-one can be 100% There are some guidelines to follow and some test you can do, but please don’t concern yourself too much with those. If you really want to – take a look at the WCAG 21 guidelines if you want to get really in to it.
  5. Neuro diversity can cover those with severe autism to those with dyslexia and dyspraxia. The basics of good copywriting and ensuring good contrast for text can really help you out. Good copywriting in this sense means, understandable from the users perspective. Using simple, basic language to convey your messaging. A lot of the work that we did around clarifying our values and USP will really help with this. But another thing that can help, ask a friend that knows nothing about what you are doing to not only look at your website but complete an action. I would normally advocate for using this to have a customer conversation and ask a stranger in a coffee shop to take a look, but that’s off the cards for the next few months.
  6. Those that have visual impairments and others with learning difficulties may use screen-readers to understand websites and apps. Some key things to be aware of here. Alt text – don’t add images with text on Descriptive links Video Transcripts The good news? This can also help your SEO
  7. The other thing to consider is that some people with physical disabilities (and those that are a bit lazy) may use keyboard navigation on your website. This means that your menu and page set up needs to be set up for this. Most website builders will do this for you on the menu but the key thing here is to ensure that each menu item is clickable. If you have submenu options they need to open as soon as the cursor gets to the parent menu option. e.g. About (parent), Our Team and Contact Us (children) As well as this a Heading and link hierarchy is really important. Descriptive links are key here to as some people my be using both screen-readers and keyboard nav on your site.
  8. We all do it – we go to a site on our phone and the links are too small or too close together for us to interact with on our phones and so we give up.