OERs for Accessible Web (Further Course)

This page lists all the Open Educational Resources (OERs) that were created for the further course Accessible Web, which was created by the the Technische Universität Dresden (TUD) and the Johannes Kepler Universität Linz (JKU). All content from the course is available as OERs in a folder on Google Drive.

These OERs are made available under the Creative Commons Attribution 4.0 International licence (CC-BY 4.0). Simply put, this licence allows you to share, adapt and redistribute the content of the OERs, provided that you correctly attribute the original creators of these resources (Dublin Institute of Technologies). If you are not familiar with this licence, please read it before reusing these OERs.

Introduction and Goals of the Course

OER folder on Google Drive.

• Introduction and Goals of the Course (Microsoft Word document, copyright Claudia Loitsch (TUD) & Ursula Weber (DVBS)).
• Digital Inclusion and Web Accessibility (Microsoft Word document, copyright Jutta Croll, Stiftung Digitale Chancen).
• Motivation to Make a Web Page More Accessible (Detlef Girke) (Microsoft Word document, copyright ).
• Motivation to Make a Web Page More Accessible (Sonja Weckenmann) (Microsoft Word document, copyright Sonja Weckenmann, Anja Fibich (TUD)).
• Challenges to Implement Accessibility (Microsoft Word document, copyright Sven Morgner, BPS GmbH).
• Testing Web Accessibility (Microsoft Word document, copyright Gerhard Weber (TUD), Claudia Loitsch (TUD)).
• Benchmarking and Monitoring Web Accessibility (Microsoft Word document, copyright Mikael Snaprud, Tingtun AS).

Accessible HTML5 Template

OER folder on Google Drive.

• Introduction and Goals of the Week (Microsoft Word document, copyright Claudia Loitsch (TUD)).
• Basic and Semantic HTML Structure (Microsoft Word document, copyright Claudia Loitsch (TUD)), HTML file(copyright Claudia Loitsch (TUD).
• Organize Content with Sections, Articles and Headings (Microsoft Word document, copyright Claudia Loitsch (TUD)),HTML file (copyright Claudia Loitsch (TUD).
• Accessible Navigation (Microsoft Word document, copyright Claudia Loitsch (TUD)), HTML file (copyright Claudia Loitsch (TUD).
• Exercise – Structuring Content (Microsoft Word document, copyright Claudia Loitsch (TUD)), HTML file (copyright Claudia Loitsch (TUD).
• Make your Web Page Pretty (Microsoft Word document, copyright Claudia Loitsch (TUD)), HTML file & CSS file(copyright Claudia Loitsch (TUD).
• Basic Accessible CSS Styles (Microsoft Word document, copyright Claudia Loitsch (TUD)), HTML file & CSS file(copyright Claudia Loitsch (TUD).
• Accessible Multi-column Layout (Microsoft Word document, copyright Claudia Loitsch (TUD)), HTML file & CSS file(copyright Claudia Loitsch (TUD).
• Exercise Style a Web Page (Microsoft Word document, copyright Claudia Loitsch (TUD)), HTML file (copyright Claudia Loitsch (TUD).

Accessible Forms

OER folder on Google Drive.

• Introduction and Goals of the Week (Microsoft Word document, copyright Peter Heumader, JKU).
• Getting started and structuring your form (Microsoft Word document, copyright Peter Heumader, JKU); HTML file(copyright Peter Heumader, JKU); images: form.png, image.png, Mockup1.png, Mockup2.png, New Mockup 1 (Alternate 292n).png, New Mockup 1.png, New Mockup 11.png, Screenshot.PNG .
• Input Types (Microsoft Word document, copyright Peter Heumader, JKU)), HTML file (copyright Peter Heumader, JKU), images: searchfield.PNG, Textfield.PNG.
• Other form elements (Microsoft Word document, copyright Peter Heumader, JKU), HTML file (copyright Peter Heumader, JKU).
• Assignment: Create Your Form (Microsoft Word document, copyright Peter Heumader, JKU), HTML file (copyright Peter Heumader, JKU).
• The Accessible Widget Problem (Microsoft Word document, copyright Peter Heumader, JKU); source code (HTML,CSS, JavaScript); compressed file; images used in the document: widget-problem1.png, widget-problem2.png,widget-problem3.png.
• Structuring your form (Microsoft Word document, copyright Peter Heumader, JKU); HTML file (copyright Peter Heumader, JKU); images used in the document: structure1.png, structure2.png.
• Form validation (Microsoft Word document, copyright Peter Heumader, JKU); HTML file: form.html, HTML file:form_validation.html; images used in the document: form_validation1.png, form_validation2.png,form_validation4.png, form_validation4.png; other source code: images used in the document: CSS, images,JavaScript (copyright Peter Heumader, JKU).
• Finish your form (Microsoft Word document, copyright Peter Heumader, JKU).
• Reflection & Discussion (Microsoft Word document, copyright Peter Heumader, JKU).

Accessible Rich Internet Applications

OER folder on Google Drive.

• Introduction and Goals of the Week (Microsoft Word document, copyright Peter Heumader, JKU).
• What is WAI ARIA (Microsoft Word document, copyright Peter Heumader, JKU).
• ARIA Roles (Microsoft Word document, copyright Peter Heumader, JKU); compressed file (aria-roles-example.zip);HTML file: ARIA-Roles.html; image: button.png; other source code: JavaScript code.
• ARIA role assignment (Microsoft Word document, copyright Peter Heumader, JKU); source code for assignment (HTML, CSS, JavaScript and images); source code for solution (HTML, CSS, JavaScript and images); compresssed file: assignment; compresssed file: solution (copyright Peter Heumader, JKU).
• ARIA Landmarks (Microsoft Word document, copyright Peter Heumader, JKU); HTML file (copyright Peter Heumader, JKU).
• ARIA Assignment (Microsoft Word document, copyright Peter Heumader, JKU); Advertisement.fl; compressed file:assignment.zip; compressed file: sample solution.zip; source code for assignment (HTML, CSS and images); source code for sample solution (HTML, CSS and images) (copyright Peter Heumader, JKU).
• ARIA States and Properties (Microsoft Word document, copyright Peter Heumader, JKU).
• Dynamic Updates (Microsoft Word document, copyright Peter Heumader, JKU); dynamic updates demo: before (HTMLfile), after (HTML file); compressed file (dynamic updates demo) (copyright Peter Heumader, JKU).
• Assignment: ARIA Menu (Microsoft Word document, copyright Peter Heumader, JKU); source code for assignment (HTML, CSS and JavaScript), source code for solution (HTML, CSS and JavaScript); compressed file: assignment,compressed file: solution (copyright Peter Heumader, JKU).
• Reflection & Discussion (Microsoft Word document, copyright Peter Heumader, JKU) (copyright Peter Heumader, JKU).