accessibility for content designers
TRANSCRIPT
![Page 1: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/1.jpg)
Accessibility for content designers
Alistair DugginHead of AccessibilityGovernment Digital Service@dugboticus
![Page 2: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/2.jpg)
What is accessibility?Why accessibility mattersAccessible content designHow do you know if it’s accessible?Lessons from a serviceHow can GDS help?
![Page 3: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/3.jpg)
What is accessibility?
![Page 4: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/4.jpg)
Accessibility = no barriersThe inclusive practice of removing barriers that prevent interaction with, or access to websites and services, by people with disabilities.
![Page 5: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/5.jpg)
Accessibility = empowerment
Accessibility means that people with disabilities can use things independently
![Page 6: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/6.jpg)
Accessibility is about people Accessibility means designing for the range of abilities your audience has
![Page 7: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/7.jpg)
Accessibility means people can use the assistive technologies they rely on
![Page 8: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/8.jpg)
Accessibility is achieved through• content• design• code
![Page 9: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/9.jpg)
Accessibility means ensuring that people can successfully use a service - regardless of impairment or assistive technology
![Page 10: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/10.jpg)
Accessibility has 4 characteristics• Perceivable• Operable• Understandable• Robust
![Page 11: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/11.jpg)
![Page 12: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/12.jpg)
![Page 13: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/13.jpg)
![Page 14: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/14.jpg)
![Page 15: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/15.jpg)
![Page 16: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/16.jpg)
GDS
![Page 17: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/17.jpg)
![Page 18: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/18.jpg)
Accessibility includes providing alternative formats
![Page 19: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/19.jpg)
Accessibility = no barriers
Assisted digital = help to use
![Page 20: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/20.jpg)
Why accessibility matters
![Page 21: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/21.jpg)
![Page 22: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/22.jpg)
This is for everyoneWe build our digital service for all our citizens. Everyone needs to be able to use them - regardless of ability and technology used to access them.
![Page 23: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/23.jpg)
1 in 5 people have a disability
![Page 24: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/24.jpg)
Visual impairments
2 million people in the UK have significant sight loss
360,000 people are blind or partially sighted
![Page 25: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/25.jpg)
Auditory impairments
12 million people in the UK with some kind of hearing loss
900,000 people are severely or profoundly deaf
![Page 26: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/26.jpg)
Cognitive impairments
6.4 million in the UK have dyslexia
700,000 are on the autistic spectrum
![Page 27: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/27.jpg)
“1 in 6 adults struggle to read”
The Reading Agency
![Page 28: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/28.jpg)
Mobility impairments
1.2 million people use a wheel chair
577,000 people receive benefits as a result of having problems with mobility
![Page 29: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/29.jpg)
Ageing population
12 million people of state pension age
The number of people aged 60 or over is projected to rise by over 50 percent in the next 25 years
![Page 30: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/30.jpg)
1 in 2 people will be disabled at some point in their lifetime
![Page 31: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/31.jpg)
Everyone experiences impairments
https://www.microsoft.com/en-us/design/practice
![Page 32: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/32.jpg)
Designing for disability benefits everyone
![Page 33: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/33.jpg)
If people are excluded from digital services they will have to use older more expensive channels
![Page 34: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/34.jpg)
Equality Act 2010We have a legal obligation to provide equal access to people with disabilities
![Page 35: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/35.jpg)
Accessibility is requirement to pass a service assessment
![Page 36: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/36.jpg)
Accessible content design
![Page 37: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/37.jpg)
Can everyone perceive my content?
![Page 38: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/38.jpg)
Ensure text has good legibility and readability • size• contrast• line height• line length
![Page 39: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/39.jpg)
Ensure information is not communicated by colour alone
![Page 40: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/40.jpg)
Ensure instructions do not rely on shape, colour or location
![Page 41: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/41.jpg)
Provide appropriate text alternative for images
![Page 42: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/42.jpg)
Provide transcript and captions for video with sound
![Page 43: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/43.jpg)
Provide an audio description for information communicated visually in video
![Page 44: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/44.jpg)
Can everyone operate my content?
![Page 45: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/45.jpg)
Ensure link text helps a user know where they will be taken
![Page 46: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/46.jpg)
Ensure headings are useful and hierarchical
![Page 47: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/47.jpg)
![Page 48: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/48.jpg)
Ensure page titles are unique and descriptive
![Page 49: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/49.jpg)
Ensure all content and functionality is available to a keyboard
![Page 50: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/50.jpg)
Can everyone understand my content?
![Page 51: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/51.jpg)
Use plain English and keep content short, clear and simple
![Page 52: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/52.jpg)
Avoid jargon, metaphors, colloquialisms and slang
![Page 53: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/53.jpg)
Use contractions carefully
![Page 54: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/54.jpg)
Expand the first use of an abbreviation
![Page 55: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/55.jpg)
Ensure the language of your content provided
![Page 56: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/56.jpg)
Use headings and lists to break content into manageable chunks
![Page 57: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/57.jpg)
Ensure your content is in a logical order in the code
![Page 58: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/58.jpg)
Provide clear form labels and hints
![Page 59: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/59.jpg)
Provide helpful error messages
![Page 60: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/60.jpg)
Ensure tables are simple and use the correct HTML
![Page 61: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/61.jpg)
Provide a summary for complex information such as tables and charts
![Page 62: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/62.jpg)
Consider using images and videos to support meaning
![Page 63: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/63.jpg)
Avoid PDFs whenever possible
![Page 64: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/64.jpg)
Is my content robust?
![Page 65: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/65.jpg)
Is the code good?HTML - most appropriate elements CSS - no barriers Javascript - no barriers
![Page 66: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/66.jpg)
Has your service been tested with a range of assistive technologies?
![Page 67: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/67.jpg)
Who is everyone?
![Page 68: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/68.jpg)
GDS
![Page 69: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/69.jpg)
Example of people with visual impairments
![Page 70: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/70.jpg)
I am colour blind and cannot perceive the difference between some colours
![Page 71: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/71.jpg)
I have low vision and need to increase the text size in my browser
![Page 72: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/72.jpg)
I have low vision and need to use a screen magnifier to make things bigger and cannot read text that has poor contrast
![Page 73: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/73.jpg)
I am blind and use a screenreader
![Page 74: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/74.jpg)
I am deafblind and use a braille device
![Page 75: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/75.jpg)
Example of people with hearing impairments
![Page 76: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/76.jpg)
I am hard of hearing and struggle to hear most things
![Page 77: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/77.jpg)
I am Deaf; British Sign Language is my first language and I find English hard to read and write
GDS
![Page 78: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/78.jpg)
Example of people with motor impairments
![Page 79: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/79.jpg)
I have a mild motor impairment so struggle to use a mouse with fine control
![Page 80: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/80.jpg)
I have a medium motor impairment so have to use a keyboard instead of a mouse
![Page 81: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/81.jpg)
I have a severe motor impairment and am unable to use a mouse or keyboard so use speech recognition software
![Page 82: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/82.jpg)
Example of people with cognitive impairments
![Page 83: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/83.jpg)
I have dyslexia and struggle to process written text
![Page 84: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/84.jpg)
I am on the autistic spectrum and have a literal understanding of text
![Page 85: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/85.jpg)
I have attention deficit hyperactivity disorder (ADHD) and find it hard to concentrate
![Page 86: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/86.jpg)
I have a learning difficulty and need thing to be simple and easy to understand
![Page 87: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/87.jpg)
I have a poor memory and I get easily confused
![Page 88: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/88.jpg)
How do you know if it’s accessible?
![Page 89: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/89.jpg)
Getting an accessibility specialist to evaluate your service against WCAG 2.0 is an effective way to identify accessibility barriers
![Page 90: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/90.jpg)
![Page 91: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/91.jpg)
The WebAim Checklist is a great introduction to WCAG 2.0
http://webaim.org/standards/wcag/checklist
![Page 92: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/92.jpg)
Include a range of people with disabilities in your user research, throughout the project
![Page 93: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/93.jpg)
Lessons from the Passport Renewal Service
![Page 94: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/94.jpg)
![Page 95: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/95.jpg)
![Page 96: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/96.jpg)
![Page 97: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/97.jpg)
![Page 98: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/98.jpg)
The earlier you start considering accessibility the easier it is
![Page 99: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/99.jpg)
Join the Accessibility Community
![Page 100: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/100.jpg)
The accessibility community is a place to observe discussions, ask questions, share experiences and establish best practice
![Page 101: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/101.jpg)
The newly re-launched accessibility blog is also great way to find out more about accessibility
![Page 102: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/102.jpg)
Help GDS understand your needs?
![Page 103: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/103.jpg)
What challenges do you face?
![Page 104: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/104.jpg)
What support and resources would be useful?
![Page 105: Accessibility for content designers](https://reader036.vdocuments.mx/reader036/viewer/2022062503/58f9b5511a28ab6b738b4607/html5/thumbnails/105.jpg)
Thanks!
Alistair DugginHead of AccessibilityGovernment Digital Service@dugboticus