105
Accessibility for content designers Alistair Duggin Head of Accessibility Government Digital Service @dugboticus

Accessibility for content designers

Embed Size (px)

Citation preview

Page 1: Accessibility for content designers

Accessibility for content designers

Alistair DugginHead of AccessibilityGovernment Digital Service@dugboticus

Page 2: Accessibility for content designers

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

What is accessibility?

Page 4: Accessibility for content designers

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

Accessibility = empowerment

Accessibility means that people with disabilities can use things independently

Page 6: Accessibility for content designers

Accessibility is about people Accessibility means designing for the range of abilities your audience has

Page 7: Accessibility for content designers

Accessibility means people can use the assistive technologies they rely on

Page 8: Accessibility for content designers

Accessibility is achieved through• content• design• code

Page 9: Accessibility for content designers

Accessibility means ensuring that people can successfully use a service - regardless of impairment or assistive technology

Page 10: Accessibility for content designers

Accessibility has 4 characteristics• Perceivable• Operable• Understandable• Robust

Page 11: Accessibility for content designers
Page 12: Accessibility for content designers
Page 13: Accessibility for content designers
Page 14: Accessibility for content designers
Page 15: Accessibility for content designers
Page 16: Accessibility for content designers

GDS

Page 17: Accessibility for content designers
Page 18: Accessibility for content designers

Accessibility includes providing alternative formats

Page 19: Accessibility for content designers

Accessibility = no barriers

Assisted digital = help to use

Page 20: Accessibility for content designers

Why accessibility matters

Page 21: Accessibility for content designers
Page 22: Accessibility for content designers

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

1 in 5 people have a disability

Page 24: Accessibility for content designers

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

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

Cognitive impairments

6.4 million in the UK have dyslexia

700,000 are on the autistic spectrum

Page 27: Accessibility for content designers

“1 in 6 adults struggle to read”

The Reading Agency

Page 28: Accessibility for content designers

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

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

1 in 2 people will be disabled at some point in their lifetime

Page 31: Accessibility for content designers

Everyone experiences impairments

https://www.microsoft.com/en-us/design/practice

Page 32: Accessibility for content designers

Designing for disability benefits everyone

Page 33: Accessibility for content designers

If people are excluded from digital services they will have to use older more expensive channels

Page 34: Accessibility for content designers

Equality Act 2010We have a legal obligation to provide equal access to people with disabilities

Page 35: Accessibility for content designers

Accessibility is requirement to pass a service assessment

Page 36: Accessibility for content designers

Accessible content design

Page 37: Accessibility for content designers

Can everyone perceive my content?

Page 38: Accessibility for content designers

Ensure text has good legibility and readability • size• contrast• line height• line length

Page 39: Accessibility for content designers

Ensure information is not communicated by colour alone

Page 40: Accessibility for content designers

Ensure instructions do not rely on shape, colour or location

Page 41: Accessibility for content designers

Provide appropriate text alternative for images

Page 42: Accessibility for content designers

Provide transcript and captions for video with sound

Page 43: Accessibility for content designers

Provide an audio description for information communicated visually in video

Page 44: Accessibility for content designers

Can everyone operate my content?

Page 45: Accessibility for content designers

Ensure link text helps a user know where they will be taken

Page 46: Accessibility for content designers

Ensure headings are useful and hierarchical

Page 47: Accessibility for content designers
Page 48: Accessibility for content designers

Ensure page titles are unique and descriptive

Page 49: Accessibility for content designers

Ensure all content and functionality is available to a keyboard

Page 50: Accessibility for content designers

Can everyone understand my content?

Page 51: Accessibility for content designers

Use plain English and keep content short, clear and simple

Page 52: Accessibility for content designers

Avoid jargon, metaphors, colloquialisms and slang

Page 53: Accessibility for content designers

Use contractions carefully

Page 54: Accessibility for content designers

Expand the first use of an abbreviation

Page 55: Accessibility for content designers

Ensure the language of your content provided

Page 56: Accessibility for content designers

Use headings and lists to break content into manageable chunks

Page 57: Accessibility for content designers

Ensure your content is in a logical order in the code

Page 58: Accessibility for content designers

Provide clear form labels and hints

Page 59: Accessibility for content designers

Provide helpful error messages

Page 60: Accessibility for content designers

Ensure tables are simple and use the correct HTML

Page 61: Accessibility for content designers

Provide a summary for complex information such as tables and charts

Page 62: Accessibility for content designers

Consider using images and videos to support meaning

Page 63: Accessibility for content designers

Avoid PDFs whenever possible

Page 64: Accessibility for content designers

Is my content robust?

Page 65: Accessibility for content designers

Is the code good?HTML - most appropriate elements CSS - no barriers Javascript - no barriers

Page 66: Accessibility for content designers

Has your service been tested with a range of assistive technologies?

Page 67: Accessibility for content designers

Who is everyone?

Page 68: Accessibility for content designers

GDS

Page 69: Accessibility for content designers

Example of people with visual impairments

Page 70: Accessibility for content designers

I am colour blind and cannot perceive the difference between some colours

Page 71: Accessibility for content designers

I have low vision and need to increase the text size in my browser

Page 72: Accessibility for content designers

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

I am blind and use a screenreader

Page 74: Accessibility for content designers

I am deafblind and use a braille device

Page 75: Accessibility for content designers

Example of people with hearing impairments

Page 76: Accessibility for content designers

I am hard of hearing and struggle to hear most things

Page 77: Accessibility for content designers

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

Example of people with motor impairments

Page 79: Accessibility for content designers

I have a mild motor impairment so struggle to use a mouse with fine control

Page 80: Accessibility for content designers

I have a medium motor impairment so have to use a keyboard instead of a mouse

Page 81: Accessibility for content designers

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

Example of people with cognitive impairments

Page 83: Accessibility for content designers

I have dyslexia and struggle to process written text

Page 84: Accessibility for content designers

I am on the autistic spectrum and have a literal understanding of text

Page 85: Accessibility for content designers

I have attention deficit hyperactivity disorder (ADHD) and find it hard to concentrate

Page 86: Accessibility for content designers

I have a learning difficulty and need thing to be simple and easy to understand

Page 87: Accessibility for content designers

I have a poor memory and I get easily confused

Page 88: Accessibility for content designers

How do you know if it’s accessible?

Page 89: Accessibility for content designers

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
Page 91: Accessibility for content designers

The WebAim Checklist is a great introduction to WCAG 2.0

http://webaim.org/standards/wcag/checklist

Page 92: Accessibility for content designers

Include a range of people with disabilities in your user research, throughout the project

Page 93: Accessibility for content designers

Lessons from the Passport Renewal Service

Page 94: Accessibility for content designers
Page 95: Accessibility for content designers
Page 96: Accessibility for content designers
Page 97: Accessibility for content designers
Page 98: Accessibility for content designers

The earlier you start considering accessibility the easier it is

Page 99: Accessibility for content designers

Join the Accessibility Community

Page 100: Accessibility for content designers

The accessibility community is a place to observe discussions, ask questions, share experiences and establish best practice

Page 101: Accessibility for content designers

The newly re-launched accessibility blog is also great way to find out more about accessibility

Page 102: Accessibility for content designers

Help GDS understand your needs?

Page 103: Accessibility for content designers

What challenges do you face?

Page 104: Accessibility for content designers

What support and resources would be useful?

Page 105: Accessibility for content designers

Thanks!

Alistair DugginHead of AccessibilityGovernment Digital Service@dugboticus