| Both sides previous revisionPrevious revision | |
| uda-fewd:responsive_images:index [2021/06/04 17:53] – leo | uda-fewd:responsive_images:index [2021/06/04 17:59] (current) – old revision restored (2017/04/29 21:31) leo |
|---|
| ====== Introduction to Web Accessibility ====== | - Getting Up and Running |
| | - [[Course Introduction]] |
| | - [[Why Responsive Images?]] |
| * 0 Course information | - [[Intro to Project]] |
| * 0.1 Welcome to "Introduction to Web Accessibility" | - [[Setting up Your Environment]] |
| * [[W3Cx:itwa:0.1.1 Overview]] | - [[Setup for mobile]] |
| * [[W3Cx:itwa:0.1.2 About W3C]] | - [[Using dev tools on mobile]] |
| * [[W3Cx:itwa:0.1.3 About UNESCO IITE]] | - [[Mobile tools for iOS]] |
| * [[W3Cx:itwa:0.1.4 Entrance survey (optional)]] | - [[Lesson 1 Wrap Up]] |
| * 0.2 Course outline, grading, and certificate | - units, formats, environments |
| * [[W3Cx:itwa:0.2.1 Course outline]] | - [[Sizing Intro]] |
| * [[W3Cx:itwa:0.2.2 Grading policy]] | - [[All about Bits and Pixels]] |
| * [[W3Cx:itwa:0.2.3 Due dates]] | - [[Requests and Revenue]] |
| * [[W3Cx:itwa:0.2.4 Verified certificate]] | - [[Relative Sizing]] |
| * 0.3 Course discussion forums | - [[IMPORTANT! Udacity Front End Feedback Extension]] |
| * [[W3Cx:itwa:0.3.1 Course forums]] | - [[calc()]] |
| * [[W3Cx:itwa:0.3.2 Forum guidelines and best practices]] | - [[Landscape and Portrait]] |
| * [[W3Cx:itwa:0.3.3 Pleased to meet you!]] | - [[Less Well Known CSS Units]] |
| * 0.4 Time to practice | - [[Raster and Vector]] |
| * [[W3Cx:itwa:0.4.1 Overview]] | - [[Raster or Vector Banner?]] |
| * [[W3Cx:itwa:0.4.2 The Web is amazing]] | - [[Raster and Vector Identification]] |
| * [[W3Cx:itwa:0.4.3 Knowledge check]] | - [[File formats]] |
| * [[W3Cx:itwa:0.4.4 Let's get started...]] | - [[Spot the Differences]] |
| * Module 1: What is Web Accessibility | - [[Compression, Optimization and Automation]] |
| * 1.1 Introduction | - [[Image Optimization Environment]] |
| * [[W3Cx:itwa:1.1.1 Welcome to Module 1]] | - [[Spot the Differences 2]] |
| * [[W3Cx:itwa:1.1.2 What you will learn * Module 1]] | - [[Image Compression]] |
| * [[W3Cx:itwa:1.1.3 Module introduction by Anthony]] | - [[Project Part 1]] |
| * 1.2 Technology enabling people with disabilities | - [[End of Lesson 2]] |
| * [[W3Cx:itwa:1.2.1 Accessibility is about people]] | - Images with Markup |
| * [[W3Cx:itwa:1.2.2 Knowledge check]] | - [[Performance]] |
| * [[W3Cx:itwa:1.2.3 Demo: Introduction to screen readers]] | - [[Text Problems]] |
| * [[W3Cx:itwa:1.2.4 Accessibility of life and death information]] | - [[CSS Techniques]] |
| * [[W3Cx:itwa:1.2.5 Some other people who use screen readers]] | - [[CSS background images]] |
| * [[W3Cx:itwa:1.2.6 More people (who don't use screen readers)]] | - [[CSS background image techniques]] |
| * [[W3Cx:itwa:1.2.7 Knowledge check]] | - [[Symbol characters]] |
| * [[W3Cx:itwa:1.2.8 Activity * Use the web without a mouse]] | - [[Unicode Treble Clef]] |
| * [[W3Cx:itwa:1.2.9 Demo: Reading with and without wrapping]] | - [[Icon Fonts]] |
| * [[W3Cx:itwa:1.2.10 Activity: Browsing with increased spacing]] | - [[Inlining images with SVG and data URIs]] |
| * [[W3Cx:itwa:1.2.11 Web accessibility importance, right]] | - [[Strategy Quiz 1]] |
| * [[W3Cx:itwa:1.2.12 Optional Activity: Videos of assistive technology or adaptive strategies]] | - [[Strategy Quiz 2]] |
| * 1.3 Accessibility is for everyone | - [[Strategy Quiz 3]] |
| * [[W3Cx:itwa:1.3.1 Scope of Accessibility]] | - [[Strategy Quiz 4]] |
| * [[W3Cx:itwa:1.3.2 Web Accessibility is…]] | - [[Project Part 2]] |
| * [[W3Cx:itwa:1.3.3 Knowledge check]] | - [[Lesson 3 Outro]] |
| * [[W3Cx:itwa:1.3.4 Activity: Challenging assumptions and understanding differences]] | - Full Responsiveness |
| * [[W3Cx:itwa:1.3.5 Benefits to others]] | - [[Responding to Screen Capability & View]] |
| * [[W3Cx:itwa:1.3.6 WAI Perspectives Video]] | - [[srcset]] |
| * [[W3Cx:itwa:1.3.7 Demo: Benefits to all users and website owners]] | - [[Sizes Attribute]] |
| * [[W3Cx:itwa:1.3.8 Disability is mismatched design]] | - [[srcset Quiz]] |
| * [[W3Cx:itwa:1.3.9 Knowledge check]] | - [[srcset and sizes quizz]] |
| * [[W3Cx:itwa:1.3.10 Activity: Overview of web page content]] | - [[The Picture Element]] |
| * [[W3Cx:itwa:1.3.11 Accessibility is built in fundamentally]] | - [[The Full Monty]] |
| * 1.4 Conclusion (9 Questions) | - [[Accessibility]] |
| * [[W3Cx:itwa:1.4.1 Final thoughts]] | - [[Accessibility Promise]] |
| * [[W3Cx:itwa:1.4.2 Assessment * Module 1]] | - [[quizz Project Part 3]] |
| * Module 2: People and Digital Technology | - [[Course Conclusion]] |
| * 2.1 Introduction | |
| * [[W3Cx:itwa:2.1.1 Welcome to Module 2]] | |
| * [[W3Cx:itwa:2.1.2 What you will learn * Module 2]] | |
| * 2.2 Assistive technologies and adaptive strategies | |
| * [[W3Cx:itwa:2.2.1 Understanding technology]] | |
| * [[W3Cx:itwa:2.2.2 Knowledge checks]] | |
| * 2.3 Physical and visual | |
| * [[W3Cx:itwa:2.3.1 Physical disabilities]] | |
| * [[W3Cx:itwa:2.3.2 Switch controls]] | |
| * [[W3Cx:itwa:2.3.3 Speech input]] | |
| * [[W3Cx:itwa:2.3.4 Demo: Kim and speech input]] | |
| * [[W3Cx:itwa:2.3.5 Knowledge check]] | |
| * [[W3Cx:itwa:2.3.6 Activity * Browsing without a mouse]] | |
| * [[W3Cx:itwa:2.3.7 Blindness]] | |
| * [[W3Cx:itwa:2.3.8 Screen readers]] | |
| * [[W3Cx:itwa:2.3.9 Demo: Anthony and his desktop screen reader]] | |
| * [[W3Cx:itwa:2.3.10 Demo: Anthony and his mobile screen reader]] | |
| * [[W3Cx:itwa:2.3.11 Activity * Using iOS VoiceOver and Android TalkBack]] | |
| * [[W3Cx:itwa:2.3.12 Knowledge check]] | |
| * [[W3Cx:itwa:2.3.13 Low vision]] | |
| * [[W3Cx:itwa:2.3.14 Screen magnification]] | |
| * [[W3Cx:itwa:2.3.15 Demo: Juan and screen magnification]] | |
| * [[W3Cx:itwa:2.3.16 Knowledge check]] | |
| * 2.4 Hearing and speech | |
| * [[W3Cx:itwa:2.4.1 Hearing disabilities]] | |
| * [[W3Cx:itwa:2.4.2 Speech disabilities]] | |
| * [[W3Cx:itwa:2.4.3 Activity * Closed captions and audio description]] | |
| * [[W3Cx:itwa:2.4.4 Knowledge check]] | |
| * 2.5 Cognition and learning | |
| * [[W3Cx:itwa:2.5.1 Cognitive and learning disabilities]] | |
| * [[W3Cx:itwa:2.5.2 Commonly encountered challenges]] | |
| * [[W3Cx:itwa:2.5.3 Meet Franziska]] | |
| * [[W3Cx:itwa:2.5.4 Browser settings and customization]] | |
| * [[W3Cx:itwa:2.5.5 Activity * Customizing content in a browser]] | |
| * [[W3Cx:itwa:2.5.6 Knowledge check]] | |
| * [[W3Cx:itwa:2.5.7 Resources]] | |
| * 2.6 Where people meet digital technology | |
| * [[W3Cx:itwa:2.6.1 Essential components of accessibility]] | |
| * [[W3Cx:itwa:2.6.2 Technology]] | |
| * [[W3Cx:itwa:2.6.3 Standards and technical specifications]] | |
| * [[W3Cx:itwa:2.6.4 People]] | |
| * [[W3Cx:itwa:2.6.5 Knowledge check]] | |
| * [[W3Cx:itwa:2.6.6 Bringing it all together]] | |
| * [[W3Cx:itwa:2.6.7 Activity * Contact a person with a disability]] | |
| * 2.7 Conclusion (6 Questions) | |
| * [[W3Cx:itwa:2.7.1 Final thoughts]] | |
| * [[W3Cx:itwa:2.7.2 Assessment * Module 2]] | |
| * Module 3: Business Cases and Benefits | |
| * 3.1 Introduction | |
| * [[W3Cx:itwa:3.1.1 Welcome to Module 3]] | |
| * [[W3Cx:itwa:3.1.2 What you will learn * Module 3]] | |
| * [[W3Cx:itwa:3.1.3 Introduction to the video series]] | |
| * 3.2 Discovering who is impacted by digital accessibility | |
| * [[W3Cx:itwa:3.2.1 Accessibility is a necessity]] | |
| * [[W3Cx:itwa:3.2.2 Change to be competitive]] | |
| * [[W3Cx:itwa:3.2.3 Knowledge check]] | |
| * [[W3Cx:itwa:3.2.4 The electronic curb-cut]] | |
| * [[W3Cx:itwa:3.2.5 Accessibility and older people]] | |
| * [[W3Cx:itwa:3.2.6 Knowledge check]] | |
| * [[W3Cx:itwa:3.2.7 Accessibility and mobile users]] | |
| * [[W3Cx:itwa:3.2.8 Knowledge check]] | |
| * [[W3Cx:itwa:3.2.9 Reviewing the advantages]] | |
| * [[W3Cx:itwa:3.2.10 Activity * Build your business case]] | |
| * 3.3 Understanding the return on investment potential | |
| * [[W3Cx:itwa:3.3.1 Understanding the return]] | |
| * [[W3Cx:itwa:3.3.2 Convincing the management]] | |
| * [[W3Cx:itwa:3.3.3 Accessibility and brand reputation]] | |
| * [[W3Cx:itwa:3.3.4 Knowledge check]] | |
| * [[W3Cx:itwa:3.3.5 Accessibility and human-centered design]] | |
| * [[W3Cx:itwa:3.3.6 Accessibility and legislation]] | |
| * [[W3Cx:itwa:3.3.7 Activity * Laws and policies that apply to your business case]] | |
| * [[W3Cx:itwa:3.3.8 Knowledge check]] | |
| * [[W3Cx:itwa:3.3.9 Being a recognized leader]] | |
| * [[W3Cx:itwa:3.3.10 Activity * Adding to your business case]] | |
| * 3.4 Conclusion (9 Questions) | |
| * [[W3Cx:itwa:3.4.1 Final thoughts]] | |
| * [[W3Cx:itwa:3.4.2 Assessment * Module 3]] | |
| * Module 4: Principles, Standards, and Checks | |
| * 4.1 Introduction | |
| * [[W3Cx:itwa:4.1.1 Welcome to Module 4]] | |
| * [[W3Cx:itwa:4.1.2 What you will learn * Module 4]] | |
| * 4.2 W3C accessibility standards (6 Questions) | |
| * [[W3Cx:itwa:4.2.1 Overview]] | |
| * [[W3Cx:itwa:4.2.2 POUR principles]] | |
| * [[W3Cx:itwa:4.2.3 Activity * Accessibility guidelines]] | |
| * [[W3Cx:itwa:4.2.4 Harmonized standards]] | |
| * [[W3Cx:itwa:4.2.5 Assessment * Standards]] | |
| * [[W3Cx:itwa:4.2.6 Introduction to hands-on training]] | |
| * 4.3 Principle 1 * Perceivable (10 Questions) | |
| * [[W3Cx:itwa:4.3.1 Text alternatives]] | |
| * [[W3Cx:itwa:4.3.2 Checking for text alternatives]] | |
| * [[W3Cx:itwa:4.3.3 Knowledge check]] | |
| * [[W3Cx:itwa:4.3.4 Time-based media]] | |
| * [[W3Cx:itwa:4.3.5 Checking for media alternatives]] | |
| * [[W3Cx:itwa:4.3.6 Knowledge check]] | |
| * [[W3Cx:itwa:4.3.7 Adaptable content]] | |
| * [[W3Cx:itwa:4.3.8 Checking headings]] | |
| * [[W3Cx:itwa:4.3.9 Checking structure]] | |
| * [[W3Cx:itwa:4.3.10 Knowledge check]] | |
| * [[W3Cx:itwa:4.3.11 Distinguishable content]] | |
| * [[W3Cx:itwa:4.3.12 Checking contrast ratio]] | |
| * [[W3Cx:itwa:4.3.13 Checking text resize]] | |
| * [[W3Cx:itwa:4.3.14 Knowledge check]] | |
| * [[W3Cx:itwa:4.3.15 Discussion]] | |
| * [[W3Cx:itwa:4.3.16 Assessment * Perceivable]] | |
| * 4.4 Principle 2 * Operable (10 Questions) | |
| * [[W3Cx:itwa:4.4.1 Keyboard accessible]] | |
| * [[W3Cx:itwa:4.4.2 Checking keyboard accessible]] | |
| * [[W3Cx:itwa:4.4.3 Knowledge check]] | |
| * [[W3Cx:itwa:4.4.4 Enough time]] | |
| * [[W3Cx:itwa:4.4.5 Knowledge check]] | |
| * [[W3Cx:itwa:4.4.6 Avoid seizures and physical reactions]] | |
| * [[W3Cx:itwa:4.4.7 Checking for moving, flashing, or blinking content]] | |
| * [[W3Cx:itwa:4.4.8 Knowledge check]] | |
| * [[W3Cx:itwa:4.4.9 Navigable content]] | |
| * [[W3Cx:itwa:4.4.10 Checking page titles]] | |
| * [[W3Cx:itwa:4.4.11 Knowledge check]] | |
| * [[W3Cx:itwa:4.4.12 Input modalities]] | |
| * [[W3Cx:itwa:4.4.13 Knowledge check]] | |
| * [[W3Cx:itwa:4.4.14 Discussion]] | |
| * [[W3Cx:itwa:4.4.15 Assessment * Operable]] | |
| * 4.5 Principle 3 * Understandable (10 Questions) | |
| * [[W3Cx:itwa:4.5.1 Readable content]] | |
| * [[W3Cx:itwa:4.5.2 Knowledge check]] | |
| * [[W3Cx:itwa:4.5.3 Predictable content]] | |
| * [[W3Cx:itwa:4.5.4 Knowledge check]] | |
| * [[W3Cx:itwa:4.5.5 Input assistance]] | |
| * [[W3Cx:itwa:4.5.6 Checking forms]] | |
| * [[W3Cx:itwa:4.5.7 Knowledge check]] | |
| * [[W3Cx:itwa:4.5.8 Discussion]] | |
| * [[W3Cx:itwa:4.5.9 Assessment * Understandable]] | |
| * 4.6 Principle 4 * Robust (5 Questions) | |
| * [[W3Cx:itwa:4.6.1 Compatible content]] | |
| * [[W3Cx:itwa:4.6.2 Accessible Rich Internet Applications (WAI-ARIA)]] | |
| * [[W3Cx:itwa:4.6.3 Knowledge check]] | |
| * [[W3Cx:itwa:4.6.4 How to meet WCAG (Quick Reference)]] | |
| * [[W3Cx:itwa:4.6.5 Discussion]] | |
| * [[W3Cx:itwa:4.6.6 Assessment * Robust]] | |
| * 4.7 Conclusion | |
| * [[W3Cx:itwa:4.7.1 Final thoughts]] | |
| * Module 5: Getting Started with Accessibility in your Organization | |
| * 5.1 Introduction | |
| * [[W3Cx:itwa:5.1.1 Welcome to this module]] | |
| * [[W3Cx:itwa:5.1.2 What you will learn * Module 5]] | |
| * 5.2 Discover and plan | |
| * [[W3Cx:itwa:5.2.1 Introduction to discover and plan]] | |
| * [[W3Cx:itwa:5.2.2 Explore your current environment]] | |
| * [[W3Cx:itwa:5.2.3 Reviewing authoring tools]] | |
| * [[W3Cx:itwa:5.2.4 Activity * Explore your environment]] | |
| * [[W3Cx:itwa:5.2.5 Set objectives and allocate resources]] | |
| * [[W3Cx:itwa:5.2.6 Gather support and raise awareness]] | |
| * [[W3Cx:itwa:5.2.7 Introducing accessibility policies]] | |
| * [[W3Cx:itwa:5.2.8 Create your accessibility policy]] | |
| * [[W3Cx:itwa:5.2.9 Create your accessibility statement]] | |
| * [[W3Cx:itwa:5.2.10 Activity * Accessibility statements]] | |
| * [[W3Cx:itwa:5.2.11 Create a monitoring framework]] | |
| * [[W3Cx:itwa:5.2.12 Knowledge check]] | |
| * 5.3 Implement and maintain | |
| * [[W3Cx:itwa:5.3.1 Introduction to implement and maintain]] | |
| * [[W3Cx:itwa:5.3.2 Accessibility and roles]] | |
| * [[W3Cx:itwa:5.3.3 Roles and responsibilities]] | |
| * [[W3Cx:itwa:5.3.4 Activity * Roles]] | |
| * [[W3Cx:itwa:5.3.5 Build and maintain skills]] | |
| * [[W3Cx:itwa:5.3.6 Activity * Potential training]] | |
| * [[W3Cx:itwa:5.3.7 Create accessibly]] | |
| * [[W3Cx:itwa:5.3.8 Involve users]] | |
| * [[W3Cx:itwa:5.3.9 Involving users]] | |
| * [[W3Cx:itwa:5.3.10 Monitor changes]] | |
| * [[W3Cx:itwa:5.3.11 Importance of monitoring changes]] | |
| * [[W3Cx:itwa:5.3.12 Activity * Monitor changes]] | |
| * [[W3Cx:itwa:5.3.13 Continue engagement]] | |
| * [[W3Cx:itwa:5.3.14 Knowledge check]] | |
| * 5.4 Conclusion (14 Questions) | |
| * [[W3Cx:itwa:5.4.1 Final thoughts]] | |
| * [[W3Cx:itwa:5.4.2 Assessment * Module 5]] | |
| * 6 Course Conclusion and Next Steps | |
| * 6.1 Before you go... | |
| * [[W3Cx:itwa:6.1.1 Summary and next steps]] | |
| * [[W3Cx:itwa:6.1.2 Course evaluation survey]] | |
| * [[W3Cx:itwa:6.1.3 Acknowledgements]] | |
| * [[W3Cx:itwa:6.1.4 Thank you!]] | |
