Web Accessibility--How to overcome the Digital Divide

Table of Slides

• 1 Introduction to Accessible Web Design (AWD)
  • Aim of Introduction
  • 1.1 Concept and definition of AWD
    • Different meanings for "Accessibility"
    • Technological concept of "Accessibility"
    • What is AWD?
  • 1.2 Disabilities
    • Disabilities--Topics
    • Disability Categories
    • Models of disability
  • 1.3 People with disabilities, ICT and AT
    • Working with ICT and AT--Overview
    • Accessibility features of ICT--1
    • Accessibility features of ICT--2
    • Assistive technology
  • 1.4 Specific needs of people with disabilities
    • Specific needs--Overview
    • 1.4.1 Blindnes
      • Blind users--Access to reading/writing
      • Blind users--AT for ICT
      • Blind users--Needs in Web
    • 1.4.2 Low vision
      • Partially sighted users
      • Eye diseasies
      • Eye diseasies--Macular degeneration
      • Eye diseasies--Diabetic retinopathy
      • Eye diseasies--Glaucoma
      • Eye diseasies--Cataract
      • Eye diseasies--Colour blindness 1
      • Eye diseasies--Colour blindness 2
      • Eye diseasies--Colour blindness 3
      • Eye diseasies--Colour blindness 4
      • Eye diseasies--Colour blindness 5
      • People with low vision--AT
      • People with low vision--Needs in Web
    • 1.4.3 Loss of hearing
      • Deaf people--Communication methods
      • Deaf people--Needs in Web
    • 1.4.4 Hard of hearing
      • People with hearing deficiencies
      • People with hearing deficiencies--Needs in Web
    • 1.4.5 Cognitive impairment
      • Cognitive impairment--Overview
      • Cognitive impairment--Concept
      • Cognitive impairment--Disabilities
      • Cognitive impairment--Prerequsites in Web
      • Cognitive impairment--Needs in Web 1
      • Cognitive impairment--Needs in Web 2
    • 1.4.6 Motor diseasies
      • Motor disabilities--Types
      • Motor disabilities--AT 1
      • Motor disabilities--AT 2
      • Motor disabilities--AT 3
      • Motor disabilities--AT 4
      • Motor disabilities--AT 5
      • Motor disabilities--AT 6
      • Motor disabilities--AT 7
  • 1.5 Guidelines and legislations
    • Guidelines and legislations--Overview
    • 1.5.1 Legislative and other reasons for supporting accessibility
      • Social reasons for AWD
      • Economic benefits of AWD 1
      • Economic benefits of AWD 2
      • Legislative regulations 1
      • Legislative regulations 2
    • 1.5.2 Guidelines for web accessibility
      • Accessibility Guidelines--Scope
      • W3C/WAI Standards
      • WCAG 2.0--Structure
      • WCAG 2.0--Principles
      • WCAG 2.0--Guidelines and success criteria
      • WCAG 2.0--Levels of conformance
      • ATAG 2.0--Structure
      • ATAG 2.0--Principles
      • ATAG 2.0--Guideline and SC Examples
      • UAAG 2.0--Structure
      • UAAG 2.0--Principles
      • UAAG 2.0--Guideline and CS examples
      • WAI-ARIA 1.0--Structure
• 2 Techniques for AWD
  • Techniques--Overview
  • Support tools
  • List of support tools
  • Main sources
  • 2.1 Main Concepts
    • Concepts--Overview
    • Concepts--Alternative equivalents
    • Programmatically determined relationships
    • Improved visual & audio features
  • 2.2 Alternative equivalents
    • Alternative equivalents--Types
    • Alternative equivalents--Required for HTML elements
    • Alternative equivalents--Markup
    • 2.2.1 Alternative texts for images
      • Image--General rules
      • Image--Types
      • Image as logo--Example
      • Graphical representation of text--Problems
      • Graphical representation of text--Example
      • Image as photographs--General recommendations
      • Image as photograph--Example
      • Image as painting--General recommendations
      • Decorative images
      • Decorative images--Example
      • Images as placeholders/spacers
      • Graphical links
      • Graphical links--Example
      • Image maps
      • Image maps--Example
      • Image maps--Source code
      • Images as information carriers
      • Images as information carriers--Example
      • Images as information carriers--Long description
    • 2.2.2 Remaining alternative equivalents
      • Objects that require text alternatives
      • Non-textual alternatives
      • Caption/Subtitle--Text Example
  • 2.3 Related content parts
    • Semantics of the relationships
    • 2.3.1 Accessible forms
      • Accessible forms--Overview
      • Labeling of form fields
      • Labeling of form fields--HTML template
      • Labeling of form fields--Example without labels
      • Labeling of form fields--Example with labels
      • Labeling and grouping of radio buttons--Example
  • 2.4 Improved content
    • Improved content--Overview
    • 2.4.1 Document/Window structure
      • Document structure
      • Page structure--Overview
      • Page structure accessibility
      • CSS source code for hiding content
      • Page blocks--HTML source code
    • 2.4.2 Fonts and colours
      • Fonts and colours--Overview
      • Colour as information carrier 1
      • Colour as information carrier 2
      • Colour as information carrier--Example
    • 2.4.3 WAI-ARIA
      • WAI-ARIA--Source
      • WAI-ARIA--Overview
      • WAI-ARIA--Basic concept 1
      • WAI-ARIA--Basic concept 2
      • WAI-ARIA--Roles
      • WAI-ARIA--Role taxonomy 1
      • WAI-ARIA--Role taxonomy 2
      • WAI-ARIA--Role taxonomy 3
      • WAI-ARIA--Role taxonomy 4
      • WAI-ARIA--Role taxonomy 5
      • WAI-ARIA--Role taxonomy 6
      • WAI-ARIA--States and Properties
      • WAI-ARIA--States and Properties taxonomy
      • WAI-ARIA--Checklist
• 3 Accessibility evaluation
  • Evaluation method step-by-step
  • Core Evaluation process
  • 3.1 Evaluation methodology
    • Methodology--Lverview and sources
    • UWEM
  • 3.2 Evaluation tools
    • Tools--Overview
    • Markup validation tools
    • CSS validation tools
    • Combined HTML+CSS validation tools
    • Accessibility evaluation tools--Online
    • Accessibility evaluation tools--Desktop
    • Accessibility evaluation tools--Online and desktop
    • Toolbars
    • Colour testing tools
    • Colourblind Simulation tools
    • Image testing tools
    • Assistive technologies as evaluation tools
  • 3.3 Manual checks
    • List of recommended manual checks

Keyboard Shortcuts

6

First Slide

7

Previous Slide

8

Table of Slides

9

Next Slide

0

Last Slide