SlideShare a Scribd company logo
1 of 16
Creating Digital Content
Kirsten Thompson
OD&PL, University of Leeds | Twitter: @iamKirstenT
Overview
1. The case for change
2. What this means for OD&PL
3. Quick wins
The case for change
1. Equality Act 2010 duty to be anticipatory to the
needs of disabled students (1 in 5 in the UK have a
disability, Gov UK)
2. Increasing international students
3. Commitment to widening participation for
underrepresented groups
4. Eliminate disadvantage resulting from linguistic,
educational or cultural background, learning need
or learning preference
5. Inclusive approaches encourage flexibility, variety
and active learning. EVERYONE benefits.
The case for change cont.
The case for change cont.
New digital accessibility regulations
(23/09/18)
• Build on existing obligations
under the Equality Act 2010
• Includes websites, apps and VLEs
(and content published within)
• Meet WCAG 2.1 AA standards:
Perceivable, Operable,
Understandable and Robust
• Phased implementation starting
23/09/19
What this means for OD&PL
The new regulations impact:
• Web, platform and app developers
• Graphic designers
• All digital content creators
We need to develop guidelines for graphic
creation and update OD&PL templates
New workflow for digital requests (so we make
informed decisions about the tech we need)
What this means for OD&PL cont.
Create digital content that works for more people.
Consider:
• Dexterity
• Deafness
• Cognitive challenges
• Colour blindness
• Low vision
• Blindness
What this means for OD&PL cont.
Priorities for us:
September 23rd 2019 compliance deadline 1
• New/recent (created since last Sept but including
People Dev website launched last August) web spaces,
Minerva spaces and use of O365 applications
• All documents and brochures
• Multimedia: photos, graphics and video
• Email
• Understand accessibility of third-party digital content
and tools you use
September 23rd 2020 compliance deadline 2:
• historic content
Quick wins
• Choose a ‘born accessible strategy’
• Use MS Office file formats for documents with
OneDrive
• Professionally designed PDF brochures need an
alternative format (PDF brochures also need to be
designed more inclusively)
• Use built-in accessibility checkers in MS Office
(more thorough on desktop, compared to O365)
• Graphics & media content: design for small screens
• ALT (alternative) text needs to either fully describe
the image or be marked as ‘descriptive if the
content is just decorative
Quick wins cont.
• Word and email: minimum 12pt sans serif
(including email signatures)
• PowerPoint and presentations: minimum of
24pt sans serif (ideally bigger). Screen size
and room size influence how big fonts should
be for presentations
• Colour contrast: need to test, we can’t SEE if
colour contrast meets the standards
• Videos need captioning and narration/script
(keep readable on a small screen)
From existing web guide…
• Text alignment: left aligned text with a 'ragged' right-
hand margin is the most legible.
• Use styles to format headings, bullet points etc.
• Design: accessible design is clean, simple and
uncluttered with good visual navigation.
• Italics: avoid using italics (they can be difficult to read).
Instead use quotation marks if needed.
• Underlining: avoid unnecessary underlining (they can
be difficult to read).
• Capital letters: avoid over-use (they can be difficult to
read and appear as though we are SHOUTING!)
• Write content for reading on-screen and use Plain
English for ALL audiences.
From existing web guide…
• Links: always set links to open in the SAME window (on
webpages – unless e.g. you need ‘how-to guidance’
open whilst completing a form) and make clear what
the hyperlinked text will open e.g. a webpage, PDF,
email address etc and never use vague language such as
'open this' or 'click here' etc. (We aren’t supposed to
click links when we don’t know what we’re opening
anyway…)
• Link spacing: ensure sufficient space appears between
hyperlinked text. This helps people with low vision and
manual/hand dexterity challenges as well as people
accessing digital content on mobile devices in general.
DESIGN
INCLUSIVELY
TEACH
INCLUSIVELY
ASSESS
INCLUSIVELY
CREATE INCLUSIVE
L&T ENVIRONMENTS
DEVELOP
INCLUSIVE
PRACTICES
BACKGROUND FOR
PARAGRAPH TEXT
Inclusive Teaching Guides: new colour scheme
Colours chosen based upon contrast ratio:
• All pass AAA standard for normal and large text
Colour contrast checkers
• We need to meet AA standard
but should aim for AAA.
• Colour Contrast Checker (no
download, Web Aim website)
• I also use this free tool (download
required for Mac and Windows):
Colour Contrast Analyser (Paciello
Group website)
MS Office Accessibility Training
• Microsoft Accessibility Trainin (MS Office
website)
Remember….
1. Accessibility checkers do not pick up everything
but they are a great starting point.
2. We still need to consider other aspects of
inclusion when creating digital content (we will
cover in another workshop)
3. Creating accessible content isn’t as difficult as it
might first appear – it gets easier and becomes
routine. 
Thank you
Learn more at:
inclusiveteaching.leeds.ac.uk
OD&PL workshops to follow…
Kirsten Thompson
OD&PL, University of Leeds | Twitter: @iamKirstenT

More Related Content

Similar to Creating Digital Content

Etec 632 web design
Etec 632 web designEtec 632 web design
Etec 632 web design
ahalemano
 
Opportunity execution project
Opportunity execution projectOpportunity execution project
Opportunity execution project
Alicialsm
 
Welocalize-Ready-for-Global-Marketing-Guide-to-Web-Localization
Welocalize-Ready-for-Global-Marketing-Guide-to-Web-LocalizationWelocalize-Ready-for-Global-Marketing-Guide-to-Web-Localization
Welocalize-Ready-for-Global-Marketing-Guide-to-Web-Localization
Lynne McKie
 

Similar to Creating Digital Content (20)

iCitizen Webinar Series: Go Global
iCitizen Webinar Series: Go GlobaliCitizen Webinar Series: Go Global
iCitizen Webinar Series: Go Global
 
How to Put the PM in Accessibility
How to Put the PM in AccessibilityHow to Put the PM in Accessibility
How to Put the PM in Accessibility
 
Inclusive Practices in Project Management: Leveraging Digital Frameworks for ...
Inclusive Practices in Project Management: Leveraging Digital Frameworks for ...Inclusive Practices in Project Management: Leveraging Digital Frameworks for ...
Inclusive Practices in Project Management: Leveraging Digital Frameworks for ...
 
Supporting employment with accessible communications
Supporting employment with accessible communicationsSupporting employment with accessible communications
Supporting employment with accessible communications
 
Collaborative Learning - PERÚ Connect & BlueBottleBiz
Collaborative Learning - PERÚ Connect & BlueBottleBizCollaborative Learning - PERÚ Connect & BlueBottleBiz
Collaborative Learning - PERÚ Connect & BlueBottleBiz
 
Etec 632 web design
Etec 632 web designEtec 632 web design
Etec 632 web design
 
Impact of-accessibility-on-technical-writing
Impact of-accessibility-on-technical-writingImpact of-accessibility-on-technical-writing
Impact of-accessibility-on-technical-writing
 
Visibility & DEOR
Visibility & DEORVisibility & DEOR
Visibility & DEOR
 
Digital Accessibility - The Quick Wins
Digital Accessibility - The Quick WinsDigital Accessibility - The Quick Wins
Digital Accessibility - The Quick Wins
 
Architecting Your Global Digital Experience House - Nicole Uhlig and Derek Pa...
Architecting Your Global Digital Experience House - Nicole Uhlig and Derek Pa...Architecting Your Global Digital Experience House - Nicole Uhlig and Derek Pa...
Architecting Your Global Digital Experience House - Nicole Uhlig and Derek Pa...
 
Opportunity execution project
Opportunity execution projectOpportunity execution project
Opportunity execution project
 
Creating accessible library materials at Dundee College
Creating accessible library materials at Dundee CollegeCreating accessible library materials at Dundee College
Creating accessible library materials at Dundee College
 
LD4LT Roadmap session 19_02_2015
LD4LT Roadmap session 19_02_2015LD4LT Roadmap session 19_02_2015
LD4LT Roadmap session 19_02_2015
 
Engl317 syllabus hybrid_waters
Engl317 syllabus hybrid_watersEngl317 syllabus hybrid_waters
Engl317 syllabus hybrid_waters
 
Engl317 syllabus hybrid_instructors
Engl317 syllabus hybrid_instructorsEngl317 syllabus hybrid_instructors
Engl317 syllabus hybrid_instructors
 
Communicating and collaborating with Adobe Connect
Communicating and collaborating with Adobe ConnectCommunicating and collaborating with Adobe Connect
Communicating and collaborating with Adobe Connect
 
Welocalize-Ready-for-Global-Marketing-Guide-to-Web-Localization
Welocalize-Ready-for-Global-Marketing-Guide-to-Web-LocalizationWelocalize-Ready-for-Global-Marketing-Guide-to-Web-Localization
Welocalize-Ready-for-Global-Marketing-Guide-to-Web-Localization
 
Welocalize ready-for-global-marketing-guide-to-web-localization
Welocalize ready-for-global-marketing-guide-to-web-localizationWelocalize ready-for-global-marketing-guide-to-web-localization
Welocalize ready-for-global-marketing-guide-to-web-localization
 
Engl 317 syllabus05
Engl 317 syllabus05Engl 317 syllabus05
Engl 317 syllabus05
 
Engl 317 syllabus
Engl 317 syllabusEngl 317 syllabus
Engl 317 syllabus
 

More from 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
 
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)
 
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
 
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
 
Introduction to Adding Content
Introduction to Adding ContentIntroduction to Adding Content
Introduction to Adding Content
 
Introduction to Adding Content Folders
Introduction to Adding Content FoldersIntroduction to Adding Content Folders
Introduction to Adding Content Folders
 
Introduction to the Module Menu
Introduction to the Module MenuIntroduction to the Module Menu
Introduction to the Module Menu
 

Recently uploaded

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Recently uploaded (20)

HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
How to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptxHow to setup Pycharm environment for Odoo 17.pptx
How to setup Pycharm environment for Odoo 17.pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 

Creating Digital Content

  • 1. Creating Digital Content Kirsten Thompson OD&PL, University of Leeds | Twitter: @iamKirstenT
  • 2. Overview 1. The case for change 2. What this means for OD&PL 3. Quick wins
  • 3. The case for change 1. Equality Act 2010 duty to be anticipatory to the needs of disabled students (1 in 5 in the UK have a disability, Gov UK) 2. Increasing international students 3. Commitment to widening participation for underrepresented groups 4. Eliminate disadvantage resulting from linguistic, educational or cultural background, learning need or learning preference 5. Inclusive approaches encourage flexibility, variety and active learning. EVERYONE benefits.
  • 4. The case for change cont.
  • 5. The case for change cont. New digital accessibility regulations (23/09/18) • Build on existing obligations under the Equality Act 2010 • Includes websites, apps and VLEs (and content published within) • Meet WCAG 2.1 AA standards: Perceivable, Operable, Understandable and Robust • Phased implementation starting 23/09/19
  • 6. What this means for OD&PL The new regulations impact: • Web, platform and app developers • Graphic designers • All digital content creators We need to develop guidelines for graphic creation and update OD&PL templates New workflow for digital requests (so we make informed decisions about the tech we need)
  • 7. What this means for OD&PL cont. Create digital content that works for more people. Consider: • Dexterity • Deafness • Cognitive challenges • Colour blindness • Low vision • Blindness
  • 8. What this means for OD&PL cont. Priorities for us: September 23rd 2019 compliance deadline 1 • New/recent (created since last Sept but including People Dev website launched last August) web spaces, Minerva spaces and use of O365 applications • All documents and brochures • Multimedia: photos, graphics and video • Email • Understand accessibility of third-party digital content and tools you use September 23rd 2020 compliance deadline 2: • historic content
  • 9. Quick wins • Choose a ‘born accessible strategy’ • Use MS Office file formats for documents with OneDrive • Professionally designed PDF brochures need an alternative format (PDF brochures also need to be designed more inclusively) • Use built-in accessibility checkers in MS Office (more thorough on desktop, compared to O365) • Graphics & media content: design for small screens • ALT (alternative) text needs to either fully describe the image or be marked as ‘descriptive if the content is just decorative
  • 10. Quick wins cont. • Word and email: minimum 12pt sans serif (including email signatures) • PowerPoint and presentations: minimum of 24pt sans serif (ideally bigger). Screen size and room size influence how big fonts should be for presentations • Colour contrast: need to test, we can’t SEE if colour contrast meets the standards • Videos need captioning and narration/script (keep readable on a small screen)
  • 11. From existing web guide… • Text alignment: left aligned text with a 'ragged' right- hand margin is the most legible. • Use styles to format headings, bullet points etc. • Design: accessible design is clean, simple and uncluttered with good visual navigation. • Italics: avoid using italics (they can be difficult to read). Instead use quotation marks if needed. • Underlining: avoid unnecessary underlining (they can be difficult to read). • Capital letters: avoid over-use (they can be difficult to read and appear as though we are SHOUTING!) • Write content for reading on-screen and use Plain English for ALL audiences.
  • 12. From existing web guide… • Links: always set links to open in the SAME window (on webpages – unless e.g. you need ‘how-to guidance’ open whilst completing a form) and make clear what the hyperlinked text will open e.g. a webpage, PDF, email address etc and never use vague language such as 'open this' or 'click here' etc. (We aren’t supposed to click links when we don’t know what we’re opening anyway…) • Link spacing: ensure sufficient space appears between hyperlinked text. This helps people with low vision and manual/hand dexterity challenges as well as people accessing digital content on mobile devices in general.
  • 13. DESIGN INCLUSIVELY TEACH INCLUSIVELY ASSESS INCLUSIVELY CREATE INCLUSIVE L&T ENVIRONMENTS DEVELOP INCLUSIVE PRACTICES BACKGROUND FOR PARAGRAPH TEXT Inclusive Teaching Guides: new colour scheme Colours chosen based upon contrast ratio: • All pass AAA standard for normal and large text
  • 14. Colour contrast checkers • We need to meet AA standard but should aim for AAA. • Colour Contrast Checker (no download, Web Aim website) • I also use this free tool (download required for Mac and Windows): Colour Contrast Analyser (Paciello Group website)
  • 15. MS Office Accessibility Training • Microsoft Accessibility Trainin (MS Office website) Remember…. 1. Accessibility checkers do not pick up everything but they are a great starting point. 2. We still need to consider other aspects of inclusion when creating digital content (we will cover in another workshop) 3. Creating accessible content isn’t as difficult as it might first appear – it gets easier and becomes routine. 
  • 16. Thank you Learn more at: inclusiveteaching.leeds.ac.uk OD&PL workshops to follow… Kirsten Thompson OD&PL, University of Leeds | Twitter: @iamKirstenT