SlideShare a Scribd company logo
SDDU & Library workshop
Creating accessible
documents
Overview
• Context
• Accessibility challenges
• Creating accessible documents
• Another way?
• Questions
Context
Context
Legal
• Equality Act 2010 replaces and simplifies
previous anti-discrimination laws
• Increased protection for disabled learners
• General Equality Duty to eliminate unlawful
conduct, advance equality of opportunity and
promote good relations between people who
do/don’t share a protected characteristic
Context
Equality and Inclusion Framework 2014-19
“As a research-intensive international University we
will attract and retain excellent people from across
the world to enable the University and the people
within it to fulfil their potential.” (vision)
“To be a beacon of excellence in the sector,
promoting a culture of inclusion, respect and
equality of opportunity for all.” (mission)
Context
"Web accessibility means that people with
disabilities can use the Web.
More specifically, Web accessibility means that
people with disabilities can perceive,
understand, navigate, and interact with the
Web, and that they can contribute to the
Web...”
(Web Access Initiative, online)
Accessibility
challenges
Barriers to Accessibility
• Deafness
• Dexterity
• Cognitive difficulties
• Colour blindness
• Low vision
• Blindness
Deafness and Hard-of-Hearing
• Relevant to any type of audio material
• Include a transcript or closed captioning and
in some cases, a description of what is
occurring
• Eg. SDDU’s Changing Landscape adds a transcript and an audio-only file
www.sdduonline.leeds.ac.uk/changinglandscape
• Transcripts are also searchable
Dexterity
• Many people can’t use mice and/or keyboards
• Affects everyone with a sore hand or poor
coordination to serious maladies such as
degenerative disease, birth defects and being
a gamer
www.bbc.co.uk/accessibility/guides/
Dexterity
• The best solution is not to mess with the
solutions already in the technology!
• Use a logical tab order, especially in forms
• Ensure that hyperlinks/buttons are long/large
enough (avoid the dreaded click here)
Cognitive difficulties
• Dyslexia
• Attention issues
• Difficulty comprehending certain formats
• Also consider non-native speakers
• Web-users!
webaim.org/simulations/distractability-sim.html
Cognitive difficulties
• Solutions
– Structural organization
– Visual organization
– Uncluttered pages, avoid distractions
– Clear and simple writing
• Good principals for all types of disabilities!
webaim.org/articles/cognitive/design
Colour blindness
• Good use of colour can increase usability and
accessibility, but can’t rely on it to provide
information by itself
• Eg. “the green line on the graph shows”
• www.colourblindawareness.org/colour-
blindness/
• www.color-blindness.com/coblis-color-
blindness-simulator/
Colour blindness
• Solutions
– Use words
– Patterned colour
– High-contrast
Low vision
Common problems
- age
- diabetes
- glaucoma
- macular degeneration
• Note that graphics don’t scale well
Low vision
• Solutions
– Allow the text to be enlarged
– Use proper text, not graphics of text
– Allow users to change fonts and colours
– Eliminate clutter
– Graphics
• Crop out unimportant bits
• Zoom in before making screenshot
• Use alt text
Blindness
• Requires special “screen-reading” software
• Software ironically also blind, relies on the
structure behind the page
www.bbc.co.uk/accessibility/best_practice/case_studies/robin.shtml
Example: Web of Science quick start
guide: page 1
Example: Web of Science quick start
guide: page 2
1
2 3
5
4
Example: Keyword search: page 1
Example: Keyword search: page 2
Creating accessible
documents
Repurposing VS. Optimised design
"It's cheap but degrading to reuse content
and design across diverging media forms
like print Vs. online or desktop Vs. mobile.”
(Jakob Nielsen, online)
Accessible Word documents
• Use Word styles to format and structure
documents
• San-serif fonts
• Use more than one way to highlight important
information
• Think about use of colour
• ALT text for images
• Images with a good contrast
• Plain English
[Activity]
Another way?
Another way?
• No single solution
• PDF + Word
• Printable webpages
• E-books
• Multimedia
Another way?
• No single solution
• PDF + Word
• Printable webpages
• E-books
The “future is mobile” mobile is already here.
How do we develop mobile-accessible content?
Questions

More Related Content

Viewers also liked

RecLtr_Jaclyn Chuah
RecLtr_Jaclyn ChuahRecLtr_Jaclyn Chuah
RecLtr_Jaclyn Chuah
Jaclyn Chuah
 
PostNords Förpackningsguide
PostNords FörpackningsguidePostNords Förpackningsguide
PostNords Förpackningsguide
Pontus Brohult
 
Pepnet #9: Engagement with large audiences
Pepnet #9: Engagement with large audiencesPepnet #9: Engagement with large audiences
Pepnet #9: Engagement with large audiences
Kirsten Thompson
 
Jaclyn_Recommendation_01_28_15
Jaclyn_Recommendation_01_28_15Jaclyn_Recommendation_01_28_15
Jaclyn_Recommendation_01_28_15
Jaclyn Chuah
 
pruden protocolo
pruden protocolopruden protocolo
pruden protocolo
Pruden Rubio
 
Pantallas De Ordenador
Pantallas De OrdenadorPantallas De Ordenador
Pantallas De Ordenador
LuisaCastro10
 
Mantras for happiness
Mantras for happinessMantras for happiness
Mantras for happiness
Dr. Sohan Singh
 
Proyecto integrador. diseño instruccional
Proyecto integrador. diseño instruccionalProyecto integrador. diseño instruccional
Proyecto integrador. diseño instruccional
toshiba31
 
Guia didactica folleto
Guia didactica folletoGuia didactica folleto
Guia didactica folleto
gmorales895
 
Corporate Embroidery
Corporate EmbroideryCorporate Embroidery
Corporate Embroidery
Shovon Pramanik
 
SOC 2 and You
SOC 2 and YouSOC 2 and You
SOC 2 and You
Schellman & Company
 
Western impact on indian culture
Western impact on indian cultureWestern impact on indian culture
Western impact on indian culture
robin serockl
 
Cross Culture – East & West
Cross Culture – East & WestCross Culture – East & West
Cross Culture – East & West
Anand Subramaniam
 

Viewers also liked (13)

RecLtr_Jaclyn Chuah
RecLtr_Jaclyn ChuahRecLtr_Jaclyn Chuah
RecLtr_Jaclyn Chuah
 
PostNords Förpackningsguide
PostNords FörpackningsguidePostNords Förpackningsguide
PostNords Förpackningsguide
 
Pepnet #9: Engagement with large audiences
Pepnet #9: Engagement with large audiencesPepnet #9: Engagement with large audiences
Pepnet #9: Engagement with large audiences
 
Jaclyn_Recommendation_01_28_15
Jaclyn_Recommendation_01_28_15Jaclyn_Recommendation_01_28_15
Jaclyn_Recommendation_01_28_15
 
pruden protocolo
pruden protocolopruden protocolo
pruden protocolo
 
Pantallas De Ordenador
Pantallas De OrdenadorPantallas De Ordenador
Pantallas De Ordenador
 
Mantras for happiness
Mantras for happinessMantras for happiness
Mantras for happiness
 
Proyecto integrador. diseño instruccional
Proyecto integrador. diseño instruccionalProyecto integrador. diseño instruccional
Proyecto integrador. diseño instruccional
 
Guia didactica folleto
Guia didactica folletoGuia didactica folleto
Guia didactica folleto
 
Corporate Embroidery
Corporate EmbroideryCorporate Embroidery
Corporate Embroidery
 
SOC 2 and You
SOC 2 and YouSOC 2 and You
SOC 2 and You
 
Western impact on indian culture
Western impact on indian cultureWestern impact on indian culture
Western impact on indian culture
 
Cross Culture – East & West
Cross Culture – East & WestCross Culture – East & West
Cross Culture – East & West
 

Similar to Creating accessible documents for the web

Demystifying digital accessibility webinar
Demystifying digital accessibility webinarDemystifying digital accessibility webinar
Demystifying digital accessibility webinar
Association for Project Management
 
Designing with Empathy for All Abilities
Designing with Empathy for All AbilitiesDesigning with Empathy for All Abilities
Designing with Empathy for All Abilities
Seda Maurer
 
Speech Enabling Social Networks
Speech Enabling Social NetworksSpeech Enabling Social Networks
e-Books and Accessibility Conference: Ugly Duckling or Adolescent Swan?
e-Books and Accessibility Conference: Ugly Duckling or Adolescent Swan?e-Books and Accessibility Conference: Ugly Duckling or Adolescent Swan?
e-Books and Accessibility Conference: Ugly Duckling or Adolescent Swan?
DAISY Consortium
 
Accessibility for content designers
Accessibility for content designersAccessibility for content designers
Accessibility for content designers
Alistair Duggin
 
Participatory Democracy
Participatory DemocracyParticipatory Democracy
Participatory Democracy
Francesca Ravanelli
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
Vladimir Tomberg
 
Accessible moodle theme
Accessible moodle themeAccessible moodle theme
Accessible moodle theme
Jessica Gramp
 
Accessibility vs Design
Accessibility vs DesignAccessibility vs Design
Accessibility vs Design
Emma Woods
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
Vladimir Tomberg
 
Accessible Moodle - UCL Education conference 2018
Accessible Moodle - UCL Education conference 2018Accessible Moodle - UCL Education conference 2018
Accessible Moodle - UCL Education conference 2018
Jessica Gramp
 
Ud in-curriculum-4 ahead-2018-solo
Ud in-curriculum-4 ahead-2018-soloUd in-curriculum-4 ahead-2018-solo
Ud in-curriculum-4 ahead-2018-solo
Howard Kramer
 
D2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout SessionD2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout Session
Barry Dahl
 
Accessible Information: Glasgow Kelvin College
Accessible Information: Glasgow Kelvin CollegeAccessible Information: Glasgow Kelvin College
Accessible Information: Glasgow Kelvin College
Jisc Scotland
 
Inclusive Publishing with EPUB 3
Inclusive Publishing with EPUB  3 Inclusive Publishing with EPUB  3
Inclusive Publishing with EPUB 3
DAISY Consortium
 
Accessible and Interactive eLearning - Not mutually exclusive.
Accessible and Interactive eLearning - Not mutually exclusive.Accessible and Interactive eLearning - Not mutually exclusive.
Accessible and Interactive eLearning - Not mutually exclusive.
Garima Gupta , CTDP
 
Opening Our Doors Wider
Opening Our Doors WiderOpening Our Doors Wider
Opening Our Doors Wider
MuseWeb Foundation
 
Encouraging Accessibility
Encouraging AccessibilityEncouraging Accessibility
Encouraging Accessibility
Joseph Dolson
 
Inclusive Design in the Recruitment Process – and Wider Applications
Inclusive Design in the Recruitment Process – and Wider ApplicationsInclusive Design in the Recruitment Process – and Wider Applications
Inclusive Design in the Recruitment Process – and Wider Applications
3Play Media
 
Trickle-Down Accessibility - CSUN 2018
Trickle-Down Accessibility - CSUN 2018Trickle-Down Accessibility - CSUN 2018
Trickle-Down Accessibility - CSUN 2018
Ted Drake
 

Similar to Creating accessible documents for the web (20)

Demystifying digital accessibility webinar
Demystifying digital accessibility webinarDemystifying digital accessibility webinar
Demystifying digital accessibility webinar
 
Designing with Empathy for All Abilities
Designing with Empathy for All AbilitiesDesigning with Empathy for All Abilities
Designing with Empathy for All Abilities
 
Speech Enabling Social Networks
Speech Enabling Social NetworksSpeech Enabling Social Networks
Speech Enabling Social Networks
 
e-Books and Accessibility Conference: Ugly Duckling or Adolescent Swan?
e-Books and Accessibility Conference: Ugly Duckling or Adolescent Swan?e-Books and Accessibility Conference: Ugly Duckling or Adolescent Swan?
e-Books and Accessibility Conference: Ugly Duckling or Adolescent Swan?
 
Accessibility for content designers
Accessibility for content designersAccessibility for content designers
Accessibility for content designers
 
Participatory Democracy
Participatory DemocracyParticipatory Democracy
Participatory Democracy
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Accessible moodle theme
Accessible moodle themeAccessible moodle theme
Accessible moodle theme
 
Accessibility vs Design
Accessibility vs DesignAccessibility vs Design
Accessibility vs Design
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Accessible Moodle - UCL Education conference 2018
Accessible Moodle - UCL Education conference 2018Accessible Moodle - UCL Education conference 2018
Accessible Moodle - UCL Education conference 2018
 
Ud in-curriculum-4 ahead-2018-solo
Ud in-curriculum-4 ahead-2018-soloUd in-curriculum-4 ahead-2018-solo
Ud in-curriculum-4 ahead-2018-solo
 
D2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout SessionD2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout Session
 
Accessible Information: Glasgow Kelvin College
Accessible Information: Glasgow Kelvin CollegeAccessible Information: Glasgow Kelvin College
Accessible Information: Glasgow Kelvin College
 
Inclusive Publishing with EPUB 3
Inclusive Publishing with EPUB  3 Inclusive Publishing with EPUB  3
Inclusive Publishing with EPUB 3
 
Accessible and Interactive eLearning - Not mutually exclusive.
Accessible and Interactive eLearning - Not mutually exclusive.Accessible and Interactive eLearning - Not mutually exclusive.
Accessible and Interactive eLearning - Not mutually exclusive.
 
Opening Our Doors Wider
Opening Our Doors WiderOpening Our Doors Wider
Opening Our Doors Wider
 
Encouraging Accessibility
Encouraging AccessibilityEncouraging Accessibility
Encouraging Accessibility
 
Inclusive Design in the Recruitment Process – and Wider Applications
Inclusive Design in the Recruitment Process – and Wider ApplicationsInclusive Design in the Recruitment Process – and Wider Applications
Inclusive Design in the Recruitment Process – and Wider Applications
 
Trickle-Down Accessibility - CSUN 2018
Trickle-Down Accessibility - CSUN 2018Trickle-Down Accessibility - CSUN 2018
Trickle-Down Accessibility - CSUN 2018
 

More from Kirsten Thompson

Your Social Media Strategy
Your Social Media Strategy Your Social Media Strategy
Your Social Media Strategy
Kirsten Thompson
 
Learning Technologists' Network Re-launch Nov 2019
Learning Technologists' Network Re-launch Nov 2019Learning Technologists' Network Re-launch Nov 2019
Learning Technologists' Network Re-launch Nov 2019
Kirsten Thompson
 
Inclusive Teaching @ Leeds
Inclusive Teaching @ LeedsInclusive Teaching @ Leeds
Inclusive Teaching @ Leeds
Kirsten Thompson
 
Collaborating with services outside the Library: Enhancing experience and bui...
Collaborating with services outside the Library: Enhancing experience and bui...Collaborating with services outside the Library: Enhancing experience and bui...
Collaborating with services outside the Library: Enhancing experience and bui...
Kirsten Thompson
 
Everyday Inclusion in Everyday Teaching (TELFest edition)
Everyday Inclusion in Everyday Teaching (TELFest edition)Everyday Inclusion in Everyday Teaching (TELFest edition)
Everyday Inclusion in Everyday Teaching (TELFest edition)
Kirsten Thompson
 
Using Social Media to Promote Your Research (Translate MedTech edition)
Using Social Media to Promote Your Research (Translate MedTech edition)Using Social Media to Promote Your Research (Translate MedTech edition)
Using Social Media to Promote Your Research (Translate MedTech edition)
Kirsten Thompson
 
Creating Digital Content
Creating Digital ContentCreating Digital Content
Creating Digital Content
Kirsten Thompson
 
Your Digital Identity - are you feeling lucky?
Your Digital Identity - are you feeling lucky?Your Digital Identity - are you feeling lucky?
Your Digital Identity - are you feeling lucky?
Kirsten Thompson
 
7 steps: social media strategy for Innovation Lab Schools' Ambassadors
7 steps: social media strategy for Innovation Lab Schools' Ambassadors7 steps: social media strategy for Innovation Lab Schools' Ambassadors
7 steps: social media strategy for Innovation Lab Schools' Ambassadors
Kirsten Thompson
 
The role of the Patient Research Ambassador
The role of the Patient Research AmbassadorThe role of the Patient Research Ambassador
The role of the Patient Research Ambassador
Kirsten Thompson
 
The challenges and benefits of using digital to engage people in research
The challenges and benefits of using digital to engage people in researchThe challenges and benefits of using digital to engage people in research
The challenges and benefits of using digital to engage people in research
Kirsten Thompson
 
Quick wins for designing and teaching inclusively - helping you meet the Base...
Quick wins for designing and teaching inclusively - helping you meet the Base...Quick wins for designing and teaching inclusively - helping you meet the Base...
Quick wins for designing and teaching inclusively - helping you meet the Base...
Kirsten Thompson
 
Public engagement while you sleep
Public engagement while you sleep Public engagement while you sleep
Public engagement while you sleep
Kirsten Thompson
 
Social media for researchers #OpenResLeeds2018
Social media for researchers #OpenResLeeds2018Social media for researchers #OpenResLeeds2018
Social media for researchers #OpenResLeeds2018
Kirsten Thompson
 
Introduction to Tests, Surveys and Pools
Introduction to Tests, Surveys and PoolsIntroduction to Tests, Surveys and Pools
Introduction to Tests, Surveys and Pools
Kirsten Thompson
 
Introduction to setting up the Discussion Board
Introduction to setting up the Discussion BoardIntroduction to setting up the Discussion Board
Introduction to setting up the Discussion Board
Kirsten Thompson
 
Introduction to Sending Email
Introduction to Sending EmailIntroduction to Sending Email
Introduction to Sending Email
Kirsten Thompson
 
Introduction to Communicating with Announcements
Introduction to Communicating with AnnouncementsIntroduction to Communicating with Announcements
Introduction to Communicating with Announcements
Kirsten Thompson
 
Introduction to Copying and Moving Content
Introduction to Copying and Moving ContentIntroduction to Copying and Moving Content
Introduction to Copying and Moving Content
Kirsten Thompson
 
Introduction to Embedding Content
Introduction to Embedding ContentIntroduction to Embedding Content
Introduction to Embedding Content
Kirsten Thompson
 

More from Kirsten Thompson (20)

Your Social Media Strategy
Your Social Media Strategy Your Social Media Strategy
Your Social Media Strategy
 
Learning Technologists' Network Re-launch Nov 2019
Learning Technologists' Network Re-launch Nov 2019Learning Technologists' Network Re-launch Nov 2019
Learning Technologists' Network Re-launch Nov 2019
 
Inclusive Teaching @ Leeds
Inclusive Teaching @ LeedsInclusive Teaching @ Leeds
Inclusive Teaching @ Leeds
 
Collaborating with services outside the Library: Enhancing experience and bui...
Collaborating with services outside the Library: Enhancing experience and bui...Collaborating with services outside the Library: Enhancing experience and bui...
Collaborating with services outside the Library: Enhancing experience and bui...
 
Everyday Inclusion in Everyday Teaching (TELFest edition)
Everyday Inclusion in Everyday Teaching (TELFest edition)Everyday Inclusion in Everyday Teaching (TELFest edition)
Everyday Inclusion in Everyday Teaching (TELFest edition)
 
Using Social Media to Promote Your Research (Translate MedTech edition)
Using Social Media to Promote Your Research (Translate MedTech edition)Using Social Media to Promote Your Research (Translate MedTech edition)
Using Social Media to Promote Your Research (Translate MedTech edition)
 
Creating Digital Content
Creating Digital ContentCreating Digital Content
Creating Digital Content
 
Your Digital Identity - are you feeling lucky?
Your Digital Identity - are you feeling lucky?Your Digital Identity - are you feeling lucky?
Your Digital Identity - are you feeling lucky?
 
7 steps: social media strategy for Innovation Lab Schools' Ambassadors
7 steps: social media strategy for Innovation Lab Schools' Ambassadors7 steps: social media strategy for Innovation Lab Schools' Ambassadors
7 steps: social media strategy for Innovation Lab Schools' Ambassadors
 
The role of the Patient Research Ambassador
The role of the Patient Research AmbassadorThe role of the Patient Research Ambassador
The role of the Patient Research Ambassador
 
The challenges and benefits of using digital to engage people in research
The challenges and benefits of using digital to engage people in researchThe challenges and benefits of using digital to engage people in research
The challenges and benefits of using digital to engage people in research
 
Quick wins for designing and teaching inclusively - helping you meet the Base...
Quick wins for designing and teaching inclusively - helping you meet the Base...Quick wins for designing and teaching inclusively - helping you meet the Base...
Quick wins for designing and teaching inclusively - helping you meet the Base...
 
Public engagement while you sleep
Public engagement while you sleep Public engagement while you sleep
Public engagement while you sleep
 
Social media for researchers #OpenResLeeds2018
Social media for researchers #OpenResLeeds2018Social media for researchers #OpenResLeeds2018
Social media for researchers #OpenResLeeds2018
 
Introduction to Tests, Surveys and Pools
Introduction to Tests, Surveys and PoolsIntroduction to Tests, Surveys and Pools
Introduction to Tests, Surveys and Pools
 
Introduction to setting up the Discussion Board
Introduction to setting up the Discussion BoardIntroduction to setting up the Discussion Board
Introduction to setting up the Discussion Board
 
Introduction to Sending Email
Introduction to Sending EmailIntroduction to Sending Email
Introduction to Sending Email
 
Introduction to Communicating with Announcements
Introduction to Communicating with AnnouncementsIntroduction to Communicating with Announcements
Introduction to Communicating with Announcements
 
Introduction to Copying and Moving Content
Introduction to Copying and Moving ContentIntroduction to Copying and Moving Content
Introduction to Copying and Moving Content
 
Introduction to Embedding Content
Introduction to Embedding ContentIntroduction to Embedding Content
Introduction to Embedding Content
 

Recently uploaded

Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
Zilliz
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
DianaGray10
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
Fwdays
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
Ivo Velitchkov
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
Ajin Abraham
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
Brandon Minnick, MBA
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
Javier Junquera
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
DanBrown980551
 
Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
christinelarrosa
 
The Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptxThe Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptx
operationspcvita
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
Miro Wengner
 
Session 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdfSession 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdf
UiPathCommunity
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
Jason Packer
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Chart Kalyan
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
c5vrf27qcz
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
saastr
 
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyFreshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
ScyllaDB
 

Recently uploaded (20)

Fueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte WebinarFueling AI with Great Data with Airbyte Webinar
Fueling AI with Great Data with Airbyte Webinar
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
 
"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota"Choosing proper type of scaling", Olena Syrota
"Choosing proper type of scaling", Olena Syrota
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
 
Choosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptxChoosing The Best AWS Service For Your Website + API.pptx
Choosing The Best AWS Service For Your Website + API.pptx
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
 
5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides5th LF Energy Power Grid Model Meet-up Slides
5th LF Energy Power Grid Model Meet-up Slides
 
Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
 
The Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptxThe Microsoft 365 Migration Tutorial For Beginner.pptx
The Microsoft 365 Migration Tutorial For Beginner.pptx
 
JavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green MasterplanJavaLand 2024: Application Development Green Masterplan
JavaLand 2024: Application Development Green Masterplan
 
Session 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdfSession 1 - Intro to Robotic Process Automation.pdf
Session 1 - Intro to Robotic Process Automation.pdf
 
Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024Columbus Data & Analytics Wednesdays - June 2024
Columbus Data & Analytics Wednesdays - June 2024
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
 
Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving | Nameplate Manufacturing Process - 2024
Northern Engraving | Nameplate Manufacturing Process - 2024
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
 
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyFreshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-Efficiency
 

Creating accessible documents for the web

  • 1. SDDU & Library workshop Creating accessible documents
  • 2. Overview • Context • Accessibility challenges • Creating accessible documents • Another way? • Questions
  • 4. Context Legal • Equality Act 2010 replaces and simplifies previous anti-discrimination laws • Increased protection for disabled learners • General Equality Duty to eliminate unlawful conduct, advance equality of opportunity and promote good relations between people who do/don’t share a protected characteristic
  • 5. Context Equality and Inclusion Framework 2014-19 “As a research-intensive international University we will attract and retain excellent people from across the world to enable the University and the people within it to fulfil their potential.” (vision) “To be a beacon of excellence in the sector, promoting a culture of inclusion, respect and equality of opportunity for all.” (mission)
  • 6.
  • 7. Context "Web accessibility means that people with disabilities can use the Web. More specifically, Web accessibility means that people with disabilities can perceive, understand, navigate, and interact with the Web, and that they can contribute to the Web...” (Web Access Initiative, online)
  • 9. Barriers to Accessibility • Deafness • Dexterity • Cognitive difficulties • Colour blindness • Low vision • Blindness
  • 10. Deafness and Hard-of-Hearing • Relevant to any type of audio material • Include a transcript or closed captioning and in some cases, a description of what is occurring • Eg. SDDU’s Changing Landscape adds a transcript and an audio-only file www.sdduonline.leeds.ac.uk/changinglandscape • Transcripts are also searchable
  • 11. Dexterity • Many people can’t use mice and/or keyboards • Affects everyone with a sore hand or poor coordination to serious maladies such as degenerative disease, birth defects and being a gamer www.bbc.co.uk/accessibility/guides/
  • 12. Dexterity • The best solution is not to mess with the solutions already in the technology! • Use a logical tab order, especially in forms • Ensure that hyperlinks/buttons are long/large enough (avoid the dreaded click here)
  • 13. Cognitive difficulties • Dyslexia • Attention issues • Difficulty comprehending certain formats • Also consider non-native speakers • Web-users! webaim.org/simulations/distractability-sim.html
  • 14. Cognitive difficulties • Solutions – Structural organization – Visual organization – Uncluttered pages, avoid distractions – Clear and simple writing • Good principals for all types of disabilities! webaim.org/articles/cognitive/design
  • 15. Colour blindness • Good use of colour can increase usability and accessibility, but can’t rely on it to provide information by itself • Eg. “the green line on the graph shows” • www.colourblindawareness.org/colour- blindness/ • www.color-blindness.com/coblis-color- blindness-simulator/
  • 16.
  • 17. Colour blindness • Solutions – Use words – Patterned colour – High-contrast
  • 18. Low vision Common problems - age - diabetes - glaucoma - macular degeneration
  • 19.
  • 20. • Note that graphics don’t scale well
  • 21. Low vision • Solutions – Allow the text to be enlarged – Use proper text, not graphics of text – Allow users to change fonts and colours – Eliminate clutter – Graphics • Crop out unimportant bits • Zoom in before making screenshot • Use alt text
  • 22. Blindness • Requires special “screen-reading” software • Software ironically also blind, relies on the structure behind the page www.bbc.co.uk/accessibility/best_practice/case_studies/robin.shtml
  • 23.
  • 24. Example: Web of Science quick start guide: page 1
  • 25. Example: Web of Science quick start guide: page 2
  • 26. 1 2 3 5 4 Example: Keyword search: page 1
  • 29. Repurposing VS. Optimised design "It's cheap but degrading to reuse content and design across diverging media forms like print Vs. online or desktop Vs. mobile.” (Jakob Nielsen, online)
  • 30. Accessible Word documents • Use Word styles to format and structure documents • San-serif fonts • Use more than one way to highlight important information • Think about use of colour • ALT text for images • Images with a good contrast • Plain English
  • 33. Another way? • No single solution • PDF + Word • Printable webpages • E-books • Multimedia
  • 34. Another way? • No single solution • PDF + Word • Printable webpages • E-books The “future is mobile” mobile is already here. How do we develop mobile-accessible content?
  • 35.
  • 36.
  • 37.

Editor's Notes

  1. ST – introduce speakers, mention why Library is looking at this – strategic action…
  2. ST – run through what will cover, format etc
  3. KT – University/wider context
  4. KT – University/wider context
  5. KT – University/wider context
  6. KT – University/wider context
  7. KT – University/wider context
  8. SB
  9. SB
  10. Background noise can be an issue
  11. More common than you might think - degenerative conditions - carpal tunnel syndrome - age
  12. More common than you might think - degenerative conditions - carpal tunnel syndrome - age
  13. http://webaim.org/articles/cognitive/design
  14. Principals come up again and again
  15. Kirsten – could you interject your colourblind slide here? http://www.colourblindawareness.org/colour-blindness/types-of-colour-blindness-experience-it/ SB – ask for examples – graphs and legends, maps, and buttons
  16. Other solutions
  17. - zoom into a webpage http://webaim.org/articles/visual/lowvision
  18. Note that text on graphics doesn’t scale
  19. http://webaim.org/articles/visual/lowvision - don’t mess with user agent!
  20. 4 min video Screen reader is a misnomer
  21. 4 min video
  22. Numbered list not numbered correctly (1-4, then 5). Image inserted s read out after first line of point 4
  23. Shows how reads text boxes (though not necessarily in a helpful order) Successfully reads alt text for image, but arrows are read as “graphic x, graphic y…”)
  24. Generally horrendous! Skips all over, reads “graphic x, graphic y…” for the arrows between boxes
  25. Doesn’t read table properly – also doesn’t highlight the different spellings and use of s/z
  26. KT
  27. KT – repurposing vs optimised design; quick wins
  28. KT quick wins
  29. SB – direct to example doc, Accessibility checker in Word, have a go at improving the doc/ following demo
  30. KT
  31. KT - Pros and cons of different document types, Print/web/mobile - alternatives to PDF, what is “the best”?
  32. KT - Pros and cons of different document types, Print/web/mobile - alternatives to PDF, what is “the best”?
  33. KT
  34. KT
  35. KT
  36. All