1 Introduction
Web accessibility refers to the inclusive practice of making websites usable by people of all abilities and disabilities. When sites are correctly designed, developed and edited, all users can have equal access to information and functionality. But web accessibility also benefits people without disabilities. Web accessibility encourages the design of web sites that are flexible to meet different user needs, preferences, and situations. This is an introductory course for students without previous knowledge on web accessibility, but students must have previous knowledge on HTML and CSS.
This course organizes and presents course material to enable students to learn by themselves.
This course is composed of the following lessons:
- Introduction: Introduction to the content and structure of the course
- Disability: Definition of disability and e-accessibility
- Disability - Exercises: Exercises and questions about disability
- Why are websites developed with poor accessibility?: Reasons of developers don't paying attention to web accessibility
- Assistive Technologies: Definition of assistive technology
- Assistive Technologies - Examples: Examples of assistive technologies
- Assistive Technologies - Exercises: Exercises and questions about assistive technologies
- Accessible Version: To offer an alternative only-text version is not a good practice
- Accessible Version - Exercises: Exercises and questions about offering an accesible version
- WCAG: Web Content Accessibility Guidelines
- HTML Validation: Validation of HTML code to check that it is correct and has no errors
- Web Accessibility Evaluation Tools: Comparisson of web accessibility evaluation tools
- Web Accessibility Evaluation Tools - Exercises: Exercises and questions about web accessibility evaluation tools
- Most Problematic Items: Results of WebAIM's Screen Reader User Survey #4
- CAPTCHA: Completely Automated Public Turing test to tell Computers and Humans Apart
- CAPTCHAs - Exercises: Exercises and questions about captchas
- Adobe Flash: Adoble Flash doesn't provide a good accessibility support and it's better to avoid it
- Links: Problems related to links
- Links - Exercises: Exercises and questions about links
- Images and Graphs: Problems related to images and graphs
- Images and Graphs - Exercises: Exercises and questions about images, graphs, and alternative text
- Headings: Problems related to headings
- Headings - Exercises: Exercises and questions about headings
- Colours: Problems related to colours
- Colours - Exercises: Exercises and questions about colours
- Forms: Problems related to links
- Forms - Exercises: Exercises and questions about forms
- Forms - Solution: Solution to the excercise about forms
- Text: Problems related to text
- Tables: Problems related to tables
- Tables Exercises: Exercises and questions about tables
- Review Exercise: Review Exercise
- Tools: Tools, such as validators, frameworks, boilerplates, etc.