Web Accessibility Training Course WCAG 2.1 & 2.2 Compliance
- Descrição
- Currículo
- FAQ
- Revisões
-
Welcome to the beginners & intermediate level accessible website design course where you will learn both the techniques of accessible website design and an entire ‘framework for thinking about the subject’. This course will equip you with the skills to understand, identify and fix issues any accessibility issues you come across.
-
After you have completed the course you will have the skills you need to build and maintain accessible websites – websites that will pass the WCAG 2.1 & WCAG 2.2 guidelines up to AA level. WCAG 2.1 & WCAG 2.2 Level AA is the level most governments and organisations use as part of their legislation. You will gain a deep understanding of what accessible website design means.
-
My name is Jim Byrne – and I will be your guide throughout the course. I am an award-winning accessibility specialist & website designer – with over 25 years of experience. I set up one of the UK’s first website accessibility consultancies in 1996 – called, The Making Connections Unit (MCU). The impetus for setting up the unit was my experience of working with disabled people within a project called The Wellbeing Initiative. It was there that I saw firsthand the barriers and discrimination that disabled people have to put up with every day. After setting up the MCU – I then set up my own accessible website design business in 2003.
-
I have worked with national & local government, the private sector, corporate clients, Further Education, and the not-for-profit sector. My experience includes publishing books, guides, training courses, and giving feedback on a draft of the WCAG 2 guidelines – which I did as Director of the Guild of Accessible Website Designers.
-
You will hear disabled people explaining and demonstrating how they browse websites.
-
There are lots of course bonuses to download, including my 111-page website accessibility e-book, the audio from the course (to listen to at a time of your choosing), all the slides, and much more.
-
You will learn about the medical and social models of disability and what they mean for your approach to designing accessible websites.
-
You will learn how people with different impairments access the web, i.e. deaf & hearing impairment, blind & visually impaired, physical impairments, and people with learning difficulties. You will learn the tools and techniques they use and what that means in terms of ensuring websites are accessible.
-
You will learn techniques for making non-text content accessible. i.e. images, videos, how to ensure your links are accessible, how to ensure your tables are accessible. how to ensure your forms are accessible.
-
You will get access to real examples of screen reader use, and an example of captions being added to a video.
-
You will learn how HTML documents are structured and how that structure is fundamental to ensuring websites are accessible.
-
You will learn about the history and development of the WCAG 2.1 guidelines. You will learn what the levels mean (A, AA, AAA compliance) and the concepts that the latest version of the guidelines are based on. I translate the concepts into easy to understand language.
-
You will learn the basics of ARIA is and how you can use it to make dynamic content accessible.
-
The course is aimed mainly at beginners to the subject of accessible website design – but all website developers – whatever their level of experience – will learn from this course.
-
If if you want to learn accessible website design I sincerely believe the course I have developed is the one for you. I’ve put a lot of work into making it the best I could make it. Have a look at some of my free videos and register today to get started. I look forward to seeing you on the course. 🙂
-
1Welcome and introduction to the courseVídeo Aula
-
2Accessible website design is about designing for real peopleTexto
-
3John Turley - Most Irritating Things! Excerpt from chat with screen reader userVídeo Aula
-
410 Quick Accessibility TipsTexto
-
5About Jim Byrne - Accessible Website Designer, Auditor and TrainerVídeo Aula
-
6Install WAVE accessibility extension in your browserTexto
-
7I hope you are Finding the Course UsefulVídeo Aula
-
8Install The Web Developer browser extension - for Chrome, Firefox or OperaTexto
-
9Bonus Content: Jim Byrne's Website Accessibility Guide (111 page guide)Texto
-
10What irritated John Turley most?Questionário
Which of the following did John Turley say he found irritating when browsing the web.
-
11Summary of Sections 1 and looking ahead to what's nextTexto
-
12Defining the phrase 'disabled people' and why it mattersVídeo Aula
-
13THE BIG IDEA - Ensure users can change website presentation to suit their needsVídeo Aula
-
14Understanding document structure and accessibilityVídeo Aula
-
15Theory into practice; examples of making your website flexibleTexto
-
16Medical Model Versus Social Model Of DisabilityQuestionário
Understanding the differences between the medical model and the social model of disability.
-
17Reflection exercise: defining disabled people feedbackTexto
-
18What does the social model of disability teach us about website design?Questionário
When we looked at different ways to define the phrase, disabled people, we did it for a purpose, i.e. to give us a 'framework for thinking' about accessible website design. So what did we learn?
-
19HTML QuizQuestionário
-
20Hand-code your own simple web pageTexto
-
21Summary of section two and what's aheadTexto
-
22Ruby Mooney demonstrates how she browses the web with a screnn magnifierVídeo Aula
-
23Learn how someone who is blind or visually impaired uses the webVídeo Aula
-
24Learn how someone who is deaf or has hearing lose uses the webVídeo Aula
-
25Learn how people with learning difficulties browse the webVídeo Aula
-
26Learn how people with physical impairments use the webVídeo Aula
-
27Ruby Mooney: the most irritating issues when browsing websitesVídeo Aula
-
28John Turley demonstrates how he browses the web with a screen reader on iPhoneVídeo Aula
-
29Ruby Mooney - Demo: Using JAWS to browse a websiteVídeo Aula
-
30Summary of section 3 and what's nextTexto
-
31Bonus: Suman Damera - NVDA User: the importance of headings & page structureVídeo Aula
Screen reader user Suman Damera talks about the importance of headings & page structure.
-
32Alternative text - a demonstration of why it's importantVídeo Aula
In this short video, I use my screen reader to demonstrate the importance of adding alternative text to images.
The following videos cover the topic of non-text content in greater detail, however, this gives you a sense of what it's like for a screen reader user, when they come across an image that has no alternative text.
-
33How to make non-text content accessible - part 1Vídeo Aula
-
34Part 2: Make non-text content accessibleVídeo Aula
-
35Add a responsive inline banner image to the top of your hand-coded web pageTexto
-
36Part 3: Make non-text content accessible: making video accessibleVídeo Aula
-
37Add captions to a videoTexto
-
38Bonus: Create & Edit Video Captions Using Youtube.comVídeo Aula
-
39Colour contrast: How to update the text colour when the contrast is lowVídeo Aula
In this short video, I show you a quick way to find and update low contrast text, i.e. text that fails when measured against the WCAG minimum contrast ratio.
-
40Colour and contrastVídeo Aula
-
41Accessible link text: A demonstration of the importance of accessible link textVídeo Aula
In this video, I use my screen reader to demonstrate the importance of writing link text - that makes sense when read out of context.
-
42How to make links accessibleVídeo Aula
-
43Add links to your hand-code web pageTexto
-
44How to ensure data tables are accessible.Vídeo Aula
-
45Add an accessible table to your hand-coded web pageTexto
-
46Making Forms Accessible: Part 1 - labelling and grouping fieldsVídeo Aula
-
47Making Forms Accessible: Part 2 - accessible error messagesTexto
-
48Add an accessible form to your hand-coded web pageTexto
-
49Accessible Javascript: A beginners guideVídeo Aula
-
50How to add commonly used ARIA landmark roles to your web pageVídeo Aula
-
51ARIA - A Beginners Guide 1: Roles.Texto
-
52ARIA - A Beginners Guide 2 - Properties and StatesTexto
-
53Add ARIA landmarks to your hand-coded web pagesTexto
-
54ARIA form labels for beginnersTexto
In this short lecture I introduce the use of ARIA form labels.
-
55ARIA - Jargon BusterTexto
-
56Bonus Content: How to create accessible PDF's slideshowTexto
-
57Assignment: Use WAVE to check your hand-coded websiteTexto
-
58Accessibiity techniques QuizQuestionário
Do my accessibility techniques quiz.
-
59Summary of section 4 and what's nextTexto
-
60Part 1: WCAG: An introduction to the Web Content Accessibility GuidelinesVídeo Aula
-
61Part 2: WCAG: An introduction to the Web Content Accessibility GuidelinesVídeo Aula
-
62WCAG 2.2 - A Summary of the new Success Criteria - Part 1Vídeo Aula
-
63WCAG 2.2 - A Summary of the new Success Criteria - Part 2Texto
