Introduction
The objective of this module is to give participants the keys to write and/or implement a specification for a digital project that combines eco-design and accessibility.
Contents
Lesson 1
-
Introduction to web accessibility
- Notion 1 - What does accessibility mean in the digital sphere?
- Notion 2 - Why do accessibility and the web go hand in hand?
- Notion 3 - Who benefits from accessibility?
- Notion 4 - What is universal design?
- Notion 5 - How does a user with disabilities/impairments experience an inaccessible website?
- Notion 6 - Barriers for ensuring web accessibility
- Notion 7 - Review of the main concepts
Lesson 2
-
Why web accessibility matters?
- Notion 8 - Web design and accessibility: how did it start and evolve?
- Notion 9 - The importance of accessibility in the eyes of the law
- Notion 10 - The social and ethical importance of web accessibility
- Notion 11 - Why web accessibility makes good business sense?
- Notion 12 - Case study: company that reaped the benefits of web accessibility.
- Notion 13 - Case studies: cautionary tales of companies that did not design for web accessibility.
- Notion 14 - Review of the main concepts
Lesson 3
-
Web accessibility for visually impaired users
- Notion 15 - What are visual impairments and who do they impact on the web?
- Notion 16 - Accessibility issues visually impaired users can experience
- Notion 17 - Design principles for ensuring content is accessible for visually impaired users
- Notion 18 - Some important considerations about using and designing for assistive tools for visually impaired users
- Notion 19 - Example of design that is inaccessible for visually impaired users
- Notion 20 - What makes these website accessible for visually impaired users?
- Notion 21 - Review of the main concepts
Lesson 4
-
Web accessibility for hearing impaired users
- Notion 22 - What are hearing impairments and who do they impact on the web?
- Notion 23 - Accessibility issues hearing impaired users can experience
- Notion 24 - Tools you can use to ensure your content is accessible for hearing impaired users
- Notion 25 - Design tips for ensuring content is accessible for hearing impaired users
- Notion 26 - Examples of design that is inaccessible for hearing impaired users
- Notion 27 - What makes these websites accessible for hearing impaired users?
- Notion 28 - Wrap up: What does hearing impairment mean?
Lesson 5
-
Web accessibility for users with SLD
- Notion 29 - What are Specific Learning Disorders and who do they impact on the web?
- Notion 30 - Accessibility issues that users with SLDs can experience online
- Notion 31 - How to make web content accessible for users with SLDs: in theory
- Notion 32 - How to make web content accessible for users with SLDs: in practice 1/2
- Notion 33 - How to make web content accessible for users with SLDs: in practice 2/2
- Notion 34 - Can you spot what makes these web pages accessible (or not) for users with SLDS?
- Notion 35 - Review of the main concepts
Lesson 6
-
Web accessibility for users with physical impairments
- Notion 36 - What is a physical disability and who are they on the web?
- Notion 37 - Accessibility issues that may be encountered by physically disabled users
- Notion 38 - Examples of design that is inaccessible for users with physical impairments
- Notion 39 - How to make content accessible to users with physical disabilities
- Notion 40 - How to create accesible content ?
- Notion 41 - How to create inclusive audio or visual content
- Notion 42 - Review of the main concepts
Lesson 7
-
Web accessibility for users with other impairments
- Notion 43 - What are the other types of disabilities and who are they on the web?
- Notion 44 - Other barriers to web accessibility.
- Notion 45 - Universal design
- Notion 46 - Tips for accessible content 1/2
- Notion 47 - Tips for accessible content 1/2
- Notion 48 - How to distinguish a site adapted for people with a disability
- Notion 49 - Review of the main concepts
- Notion 50 - Overview
Lesson 8
-
Web accessibility principles and standards
- Notion 51 - It all starts with WCAG (The Web Content Accessibility Guidelines)
- Notion 52 - The 1st WCAG principle: Perceivable
- Notion 53 - The 2nd WCAG principle: Operable
- Notion 54 - The 3rd WCAG principle: Understandable
- Notion 55 - The 4th WCAG principle: Robust
- Notion 56 - Understanding the three levels of web accessibility conformance (A, AA, AAA)
- Notion 57 - Can you assess how well a webpage complies with WCAG conformance levels?
- Notion 58 - Using web accessibility principles and standards for social media
- Notion 59 - Review of the main concepts
Lesson 9
-
Getting started: planning and initiating accessible web design
- Notion 60 - Take stock of what you know and what you need to know
- Notion 61 - Make sure everyone on your team is on the same page
- Notion 62 - Include accessibility into your budget
- Notion 63 - Make note of the technical requirements needed for accessible design
- Notion 64 - Test and evaluate your ideas with experts and tools
- Notion 65 - Test and evaluate your ideas with your target audience
- Notion 66 - Review of the main concepts
Lesson 10
-
The design process: how to make room for web accessibility?
- Notion 67 - Consider the layout
- Notion 68 - How you can use design to optimise your content
- Notion 69 - Make initial mock-ups
- Notion 70 - Usability is key!
- Notion 71 - Structure HTML properly
- Notion 72 - Your use of language matters
- Notion 73 - How to work with visual content
- Notion 74 - The importance of keyboard-only navigation
- Notion 75 - Pro-tips on design that are universally useful
- Notion 76 - Types of content to avoid at all costs
- Notion 77 - Check for conformance to accessibility standards and best practices
- Notion 78 - Review of the main concepts
Lesson 11
-
Post-design steps: how to implement and monitor your accessible design?
Lesson 12
-
Web accessibility tools to help in the design process
- Notion 84 - What is assistive technology and how can it help users with disabilities ?
- Notion 85 - Assistive technology for reading and hearing issues
- Notion 86 - Example of how assistive technology for reading issues is used : The Screen Reader Use Case
- Notion 87 - Assistive technology to help control the computer, navigate or type
- Notion 88 - Examples of how assistive technology for navigating and controlling computers are used
- Notion 89 - Review of the main concepts : evaluation
Lesson 13
-
How to evaluate the accessibility of your web content?
- Notion 90 - Evaluating your digital project's accessibility with the use of automated testing tools
- Notion 91 - Tools for evaluating colour choices and contrast
- Notion 92 - Tools for evaluating your digital project’s readability
- Notion 93 - Tools for inspecting your digital project's code
- Notion 94 - Tools for testing for any other accessibility violations
- Notion 95 - Tools for evaluating overall compliance with WCAG standards
- Notion 96 - Test the accessibility of web pages yourself with automated tools