SlideShare une entreprise Scribd logo
1  sur  23
1
James Jackson
Usability/Accessibility Research and Consulting
Michigan State University
Towards Universally Accessible
Typography: A Review of
Research on Dyslexia
2usability.msu.edu
Why Typography?
3usability.msu.edu
How Type is Set Affects Readability
4usability.msu.edu
Why Typography and Dyslexia?
• Anecdotal evidence
– Many people with dyslexia find ways to use technology to
manipulate type, e.g. reading on a tablet
– Many people with dyslexia find some fonts more readable
than others
• British Dyslexia Association Style Guide
– Basis for common accommodations especially in primary
school
• Significant amount of new research
5usability.msu.edu
Dyslexia and Visual Processing
6usability.msu.edu
Myths
(i.e. this isn’t what most dyslexic users see)
7usability.msu.edu
Reality
8usability.msu.edu
Dyslexia and Lateral Masking
• Lateral masking makes it more difficult to distinguish
individuals letters when they are close together
• In general people experience more lateral masking in
peripheral vision than in central vision
– But individuals with dyslexia experience it less in
peripheral vision than individuals without dyslexia
• Lateral masking may affect how particular aspects of
typography affect the readability of text for individuals
with dyslexia
9usability.msu.edu
Universal Design
• Largely because of technological limitations, the basic
rules of typography have been determined by meeting
only the minimal needs of the average reader
• Improving typography for individuals with dyslexia can
improve it for everyone
– Because readability affects everyone, and the visual
distortions that do affect dyslexia affect everybody
10usability.msu.edu
Letter Spacing
11usability.msu.edu
Letter Spacing
12usability.msu.edu
Letter Spacing
• Zorzi, et al. (2012)
– Increased letter spacing improved readability for young
students with dyslexia
• Perea, Panadero, Moret-Tatay, & Gómez (2012)
– Slightly increased letter spacing improved word
identification for all readers, but especially for young
readers and read readers with dyslexia
• Schneps, Thomson, Sonnert, Pomplun, Chen, & Heffner-
Wong (2013)
– Increased letter spacing allowed struggling readers to
catch up with dyslexic readers who had spent considerable
time and energy developing their literacy skills
13usability.msu.edu
Line Length
14usability.msu.edu
Line Length
15usability.msu.edu
Line Length
16usability.msu.edu
Line Length
17usability.msu.edu
Line Length
• Extremely short line length makes it easier to return to
the left margin when starting a new line, improving
readability (Schneps Et. Al., 2013)
• This effect may be true for non-dyslexic readers as well
18usability.msu.edu
Design Challenges and
Recommendations
19usability.msu.edu
Challenges
• Most studies are with children
• Dyslexia and literacy skills are both developmental
– Developing readers may need different type than
compensated dyslexics
• It’s hard to study ranges and how different typographic
features interrelate
20usability.msu.edu
Recommendations – Reading Apps/Devices
• Make sure users have some control of how text is
presented
– Particularly Font Size and Line Length
– Appropriate ways to provide control over letter spacing
should be explored
• Always give users a choice between Serif and Sans-serif
fonts
• Always provide an option for lower color contrast
(ideally off-black on light grey)
• Use left-aligned (right ragged) text for sections intended
for extended reading
21usability.msu.edu
Recommendations – Web Content
• Websites are reading environments
– They just don’t have the same flexibility that an E-Reader
or bookmark app have, but they have more flexibility than
a book or magazine
• Learn more about typography
– Read Robin Williams’ “The Non-Designers Type Book”
• Play around with different elements and see what you
find more readable
– Try increasing letter-spacing and font size
– Try decreasing line length
22usability.msu.edu
Recommendations – Web Content Continued
• Structure your content (i.e. with headings) and use
plain language
– This helps individuals with dyslexia scan and use higher
level literacy strategies
• Make your sites compatible with syndication/reading
apps
– Use RSS even for content you would not normally think of
as syndicated (i.e. pages)
– Use good markup
– Avoid paginating whole pieces of content (like a single blog
entry or page)
23usability.msu.edu
Thank you
Contact information:
James Jackson
517-884-1420
Jamesedj@msu.edu
usability.msu.edu

Contenu connexe

Similaire à Towards Universally Accessible Typography: A Review of Research on Dyslexia

Applying Universal Design to Improve Reference & Instruction Services
Applying Universal Design to Improve Reference & Instruction ServicesApplying Universal Design to Improve Reference & Instruction Services
Applying Universal Design to Improve Reference & Instruction ServicesElizabeth Dolinger
 
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...UXPA International
 
Scripting Enabled - Jonathan Hassell on Dyslexia
Scripting Enabled - Jonathan Hassell on DyslexiaScripting Enabled - Jonathan Hassell on Dyslexia
Scripting Enabled - Jonathan Hassell on DyslexiaChristian Heilmann
 
Action research proposal
Action research proposalAction research proposal
Action research proposalAmar Ariff
 
Accessible Moodle - UCL Education conference 2018
Accessible Moodle - UCL Education conference 2018Accessible Moodle - UCL Education conference 2018
Accessible Moodle - UCL Education conference 2018Jessica Gramp
 
Technology and Literacies: Case studies from EU projects
Technology and Literacies: Case studies from EU projectsTechnology and Literacies: Case studies from EU projects
Technology and Literacies: Case studies from EU projectsCharalambos Vrasidas, Ph.D.
 
Insights into Cognitive Web Accessibility
Insights into Cognitive Web AccessibilityInsights into Cognitive Web Accessibility
Insights into Cognitive Web AccessibilityJared Smith
 
Usabililty In Online Courses
Usabililty In Online CoursesUsabililty In Online Courses
Usabililty In Online Coursesajanney
 
Universal design
Universal design Universal design
Universal design shaylenos
 
Aac October 2008
Aac   October 2008Aac   October 2008
Aac October 2008Jantioco1
 
Multiple intelligences- Inteligencias Múltiples
Multiple intelligences- Inteligencias MúltiplesMultiple intelligences- Inteligencias Múltiples
Multiple intelligences- Inteligencias MúltiplesItslearning México
 
Developing Materials for Online and Blended Education
Developing Materials for Online and Blended EducationDeveloping Materials for Online and Blended Education
Developing Materials for Online and Blended EducationTerry Patterson
 
Fluency
FluencyFluency
FluencyLisa
 
D2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout SessionD2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout SessionBarry Dahl
 
Instructional Site Project Report
Instructional Site Project ReportInstructional Site Project Report
Instructional Site Project ReportMae Guerra
 
Close reading 1.20.15
Close reading 1.20.15Close reading 1.20.15
Close reading 1.20.15groningerk
 
Vocabulary and adolescent literacy for resa
Vocabulary and adolescent literacy for resaVocabulary and adolescent literacy for resa
Vocabulary and adolescent literacy for resaDonna Murray
 

Similaire à Towards Universally Accessible Typography: A Review of Research on Dyslexia (20)

Applying Universal Design to Improve Reference & Instruction Services
Applying Universal Design to Improve Reference & Instruction ServicesApplying Universal Design to Improve Reference & Instruction Services
Applying Universal Design to Improve Reference & Instruction Services
 
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
How to Make the Web Easier for Users with Limited Literacy Skills - Sandy Hil...
 
Scripting Enabled - Jonathan Hassell on Dyslexia
Scripting Enabled - Jonathan Hassell on DyslexiaScripting Enabled - Jonathan Hassell on Dyslexia
Scripting Enabled - Jonathan Hassell on Dyslexia
 
Action research proposal
Action research proposalAction research proposal
Action research proposal
 
Academic libraries and neurodiversity - Emma Finney.pptx
Academic libraries and neurodiversity - Emma Finney.pptxAcademic libraries and neurodiversity - Emma Finney.pptx
Academic libraries and neurodiversity - Emma Finney.pptx
 
Accessible Moodle - UCL Education conference 2018
Accessible Moodle - UCL Education conference 2018Accessible Moodle - UCL Education conference 2018
Accessible Moodle - UCL Education conference 2018
 
Technology and Literacies: Case studies from EU projects
Technology and Literacies: Case studies from EU projectsTechnology and Literacies: Case studies from EU projects
Technology and Literacies: Case studies from EU projects
 
Insights into Cognitive Web Accessibility
Insights into Cognitive Web AccessibilityInsights into Cognitive Web Accessibility
Insights into Cognitive Web Accessibility
 
Usabililty In Online Courses
Usabililty In Online CoursesUsabililty In Online Courses
Usabililty In Online Courses
 
Universal design
Universal design Universal design
Universal design
 
Aac October 2008
Aac   October 2008Aac   October 2008
Aac October 2008
 
Sr. Mary Literacy Practices
Sr. Mary Literacy PracticesSr. Mary Literacy Practices
Sr. Mary Literacy Practices
 
Multiple intelligences- Inteligencias Múltiples
Multiple intelligences- Inteligencias MúltiplesMultiple intelligences- Inteligencias Múltiples
Multiple intelligences- Inteligencias Múltiples
 
Developing Materials for Online and Blended Education
Developing Materials for Online and Blended EducationDeveloping Materials for Online and Blended Education
Developing Materials for Online and Blended Education
 
Fluency
FluencyFluency
Fluency
 
D2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout SessionD2L Connection: Alberta - Readspeaker Breakout Session
D2L Connection: Alberta - Readspeaker Breakout Session
 
Instructional Site Project Report
Instructional Site Project ReportInstructional Site Project Report
Instructional Site Project Report
 
Final work
Final workFinal work
Final work
 
Close reading 1.20.15
Close reading 1.20.15Close reading 1.20.15
Close reading 1.20.15
 
Vocabulary and adolescent literacy for resa
Vocabulary and adolescent literacy for resaVocabulary and adolescent literacy for resa
Vocabulary and adolescent literacy for resa
 

Dernier

306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 

Dernier (20)

306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 

Towards Universally Accessible Typography: A Review of Research on Dyslexia

Notes de l'éditeur

  1. I want to start by asking “why talk about typography and dyslexia?”
  2. The simple answer is that how typography, or how text is presented on a page or screen, has a big impact on how easy it is to read.The two paragraphs above contain the same text, are in the same font, and take up the same area on the screen, but how other aspects of typography are manipulated changes how readable the text is.
  3. Beyond that, there is also a really significant amount of anecdotal evidence that suggest typography has a lot of impact on how accessible text is to individuals with dyslexia, and many people with dyslexia find ways to manipulate type to make it more accessible.The British Dyslexia Association has also created a style guide (http://www.bdadyslexia.org.uk/about-dyslexia/further-information/dyslexia-style-guide.html) based on common things that people with dyslexia report about typography, which is a good starting point for investigating what aspects of typography could help.Finally there is a really significant amount of research particularly within the last three years that demonstrates that adjusting specific components of typography can improve readability for people with dyslexia.
  4. But before I go into that research, I would like to talk about some myths about how individuals with dyslexia perceive and experience text.
  5. This is an image that I pulled down from a site that is one of the top five google hits for the search phrase “Dyslexia and web design.”The article that this website uses as evidence for this blur effect looks academic but is self published, and while it talks about a blurring effect, it doesn’t include an image like this and it doesn’t cite or provide any evidence for this supposed effect.I don’t want to totally dismiss this because I can’t personally speak for the experience of every person with dyslexia, and difficulty focusing on text is probably an exacerbating effect for some individuals with dyslexia specifically dyslexics who also have vision problems. But for me, finding something like this on a website about good design for dyslexia is frustrating because, as someone with dyslexia myself, this isn’t what I see when I look at text, and there is no scientific evidence that this supposed effect is caused by dyslexia.
  6. Dyslexia isn’t fundamentally about visual distortions, its primarily about how people process letters cognitively.As someone with dyslexia myself, when I look at this image, I see the same letter that everyone else does. That is, I see an oval connected to an ascending line on its right. What's difficult for me is recalling the sound that this letter makes and the name associated with it, and also remembering the order of letters in words, both when I read and when I write.But this doesn’t mean that visual distortions don’t play a role in the readability of text for individuals with dyslexia.
  7. Lateral masking (sometimes called crowding) is a visual distortion that everyone, including people with and without dyslexia experience, but there are documented differences in how people with dyslexia experience it, which may affect the readability of text for them.In general people experience more lateral masking in their peripheral vision than in their central (foveal) vision, but individuals with dyslexia experience it less strongly in peripheral vision than others, and may experience it more strongly in central vision (Lorusso, Facoetti, Pesenti, Cattaneo, Molteni, & Geiger, 2004; Geiger, Lettvin, & Zegarra-Moran, 1992; Perry, Dember, Warm, & Sacks, 1989; Geiger, & Lettvin, 1987). One possible explanation for lateral masking is that it’s a kind of blinder that makes it easier for people to focus on their central vision, and that because people with dyslexia experience it less in the periphery it makes it more difficult for them to distinguish letters in their central vision (though individuals with dyslexia may also experience more lateral masking in their central vision than the average reader).Differences in how people with dyslexia experience lateral masking has been connected with strengths that people with dyslexia have in task that require processing images as a whole (Schneps, Rose, and Fisher 2007).ReferencesGeiger, G., & Lettvin, J. Y. (1987). Peripheral vision in persons with dyslexia. New England Journal of Medicine, 316(20), 1238-1243.Geiger, G., Lettvin, J. Y., & Zegarra-Moran, O. (1992). Task-determined strategies of visual process. Cognitive Brain Research, 1(1), 39-52.Lorusso, M. L., Facoetti, A., Pesenti, S., Cattaneo, C., Molteni, M., & Geiger, G. (2004). Wider recognition in peripheral vision common to different subtypes of dyslexia. Vision Research, 44(20), 2413-2424.Schneps, M. H., Rose, L. T., & Fischer, K. W. (2007). Visual learning and the brain: Implications for dyslexia. Mind, Brain, and Education, 1(3), 128-139.
  8. The issue of lateral masking, which all users experience in one way or another, demonstrates that typography and readability for individuals with dyslexia is a universal design issue: improving readability for dyslexic readers has a lot of potential to improve it for the average reader as well.
  9. When done well, letter spacing can increase the legibility of text (how easy it is to discern individual letters).Asa result letter spacing is one of the typographic elements that has the most promise for improving readability for individuals with dyslexia for two reasons: 1) individuals with dyslexia are more likely to rely on identifying each letter when decoding a word, and 2) by increasing the spacing between letters you are directly affecting lateral masking.
  10. In three separate studies, increasing letter spacing has been demonstrated to improve readability for people with dyslexia, especially the dyslexic readers with the least developed literacy skills.ReferencesPerea, M., Panadero, V., Moret-Tatay, C., & Gómez, P. (2012). The effects of inter-letter spacing in visual-word recognition: Evidence with young normal readers and developmental dyslexics. Learning and Instruction, 22(6), 420-430.Zorzi, M., Barbiero, C., Facoetti, A., Lonciari, I., Carrozzi, M., Montico, M., Bravar, L., George, F., Pech-Georgel, C., & Ziegler, J. C. (2012). Extra-large letter spacing improves reading in dyslexia. Proceedings of the National Academy of Sciences, 109(28), 11455-11459.Schneps, M. H., Thomson, J. M., Sonnert, G., Pomplun, M., Chen, C., & Heffner-Wong, A. (2013). Shorter lines facilitate reading in those who struggle. PloS one, 8(8).
  11. Line length has been demonstrated to have an affect on readability, and there are many rules of thumb about appropriate line length relative to font size and line height, but a recent study has demonstrated that these rules of thumb should be modified for people with dyslexia.
  12. One of the most thorough and sophisticated studies on dyslexia and typography investigated how mobile technology affected the readability of text for individuals with dyslexia (Schneps, et. al. 2013) which found that line length has a significant effect on readability.This study was lead by Matthew Schneps, a dyslexic astronomer who noticed that reading on his smart phone was easier for him than other mediums and setup the study to investigate and validate this phenomenon. One of the key findings from this study was that extremely short line length (2–3 words per line) greatly improved readability.I’ve included a picture of my own phone (a Galaxy S3) using an app called “pocket” to display the text of a blog article with extremely short line length, because this is a phenomenon that I have experienced as well. ReferencesSchneps, M. H., Thomson, J. M., Sonnert, G., Pomplun, M., Chen, C., & Heffner-Wong, A. (2013). Shorter lines facilitate reading in those who struggle. PloS one, 8(8).
  13. This study used sophisticated eye tracking techniques (in the above image taken from the study paper, the blue lines represent the path this particular participant’s eyes took as they read this passage). These techniques allowed the researchers to examine the reading patterns of its participants. Through this, they discovered that while short line length increased the number of times participants had to go back to the left margin, it also dramatically decreased the number of errors caused by doing this, improving readability.Again, this is a phenomenon I can personally attest to. As a child, one of the most difficult things about reading was getting to the beginning of the next line when I was done with the first. This often took extreme concentration, and introduced a high number of errors in my reading processes, both of which usually meant that getting to the next line took so much focus and time that by the time I did it right I had forgotten what I had read in the previous line. This made it very difficult to understand text, especially when sentences broke across the line (which they do in nearly every case).Shcneps et. al. also speculate that these extremely short line lengths could benefit normal readers as well.
  14. ReferencesSchneps, M. H., Thomson, J. M., Sonnert, G., Pomplun, M., Chen, C., & Heffner-Wong, A. (2013). Shorter lines facilitate reading in those who struggle. PloS one, 8(8).