SlideShare a Scribd company logo
1 of 43
Monica Seeber
e-Accessibility
What am I talking about?
1. Web Accessibility National Transition Strategy
2. Introducing WCAG 2.0
3. WCAG 2.0 Level AA requirements
4. Applying WCAG 2.0 to digital copy
5. Resources
e-Accessibility:
More than just a buzz word
Design
for all
legislation
disability
methodology hardware
usability
e-
accessibility
Access for all
Visual Hearing Physical Cognitive
Remember!
Cognitive disability is not just mental impairment.
It also includes:
 low English (second or primary) language literacy
 executive function disorders
 attention disorders
 seizure disorders
1. Web Accessibility National
Transition Strategy
 Agencies must update all government websites (as specified within scope under
the NTS) to WCAG 2.0 conformance
• Level A (Single A) by 31 December 2012
• Level AA (Double A) by 31 December 2014
• To claim conformance websites must meet all five WCAG 2.0 conformance
requirements.
 Agencies are encouraged to seek WCAG 2.0 Level AA conformance from the
outset, but must still meet the minimum requirements of the NTS (including Level
A conformance by December 2012).
Australian Government Web Guide - Accessibility
Relax and let me explain…
Some very clever
people wrote
guidelines for
improving access to
digital information.
The Federal
Government
decided it is
mandatory for all
departments to
implement these
guidelines.
All government
departments –
Federal, State and
Territory – must
implement these
guidelines by 31
December 2014.
The guidelines allow for three levels of conformity:
1. Single A
2. Double A
3. Triple A
“Single A” is the minimum standard. “Triple A” is the gold standard.
“Double A” is the happy-medium.
“Double A” is not a battery size.
2. Introducing WCAG 2.0
World Wide Web Consortium
Web
architecture
Semantic
Web
XML
technology
Web design and
applications
Web Content Accessibility Guidelines
Web of
services
Web of
devices
Browsers and
authoring
tools
WCAG 2.0 structure
4 Principles
12 Guidelines
61 Success Criteria
Principles
1. Perceivable
2. Operable
3. Understandable
4. Robust
Guidelines
Perceivable
1.1 Provide text
alternatives for
non-text content
1.2 Provide
alternatives for
time-based media
1.3 Create content
that can be
presented in
different ways
1.4 Make it easier
for users to see
and hear content
Operable
2.1 Make all
functionality
available from a
keyboard
2.2 Provide users
enough time to
read and use
content
2.3 Do not design
content in a way
that is known to
cause seizures
2.4 Provide ways
to help users
navigate and find
content
Understandable
3.1 Make text
content readable
and
understandable
3.2 Make Web
pages appear and
operate in
predictable ways
3.3 Help users
avoid and correct
mistakes
Robust
4.1 Maximize
compatibility with
current and
future software
and hardware
Success criteria
Single A Double A Triple A
Perceivable 8 5 8
Operable 9 3 8
Understandable 5 5 7
Robust 1 - -
TOTAL 23 Single A + 13 Double A + 23
Principles of accessibility
Number of Success Criteria
Level of compliance
Double A compliance has a
total of 36 Success Criteria
•1. Perceivable: Information and user interface components
must be presentable to users in ways they can perceive.Principle
•1.1 Text Alternatives: Provide text alternatives for any non-text
content so that it can be changed into other forms people need,
such as large print, braille, speech, symbols or simpler language.
Guideline
•1.1.1 Non-text Content: All non-text content that is presented
to the user has a text alternative that serves the equivalent
purpose, except for the situations listed below. (Level A)
Success
Criteria
3. WCAG 2.0 Level AA
requirements
Perceivable
 The first principle.
Text Alternatives
Perceivable 1.1 Text Alternatives 1.1.1
Non-text content can be:
• charts
• diagrams
• pictures
• animations
• maps
• interactive design
Text alternatives can be:
• text description
• data table
• text transcript
This is related to 1.2 Time-based Media
Writing Text Alternatives
Is the content functional?
Yes Provide a text alternative
No
“Hide” the content in the
background
Further information:
Understanding SC 1.1.1
Image ALT Tag Tips
Complex Images
Alternative text must be equivalent and meaningful.
Time-based Media
Perceivable
1.2 Provide
alternatives for
time-based media
1.2.1
1.2.2
1.2.3
1.2.4 AA
1.2.5 AA
Time-based media can be:
• audio-only
• video-only
• live audio content
• synchronised media
• animations
Alternatives can be:
• text transcript
• audio description
• captions
• text description
This is related to 1.1 Text Alternatives
Writing Media Alternatives
Is the content repetitive?
Yes
Provide a brief ALT description
and refer back to the main text
No Provide a media alternative
Further Information:
Understanding SC 1.2.1
Understanding SC 1.2.2
Understanding SC 1.2.3
Understanding SC 1.2.4
Understanding SC 1.2.5
Video Captions and Audio Transcripts
Media alternatives must be accurate and detailed.
Adaptable
Perceivable
1.3 Create content
that can be
presented in
different ways
1.3.1 ✪
1.3.2 ✪
1.3.3 ✪
✪ Some of these criteria can only be met through design.
We can tell the graphic designer/web developer about them, but we
can’t do it ourselves.
Adaptable content can be:
• forms
• tables
• schedules
• text reading order
Alternatives can be:
• text directions
• text description
• captions
 programmatic cues
Writing Adaptable
Alternatives
Further Information:
Understanding SC 1.3.1
Creating Accessible Tables
Form Design
Text Reading Order
Adaptable alternatives must be equivalent and detailed.
This is related to 2.4 Navigable
Distinguishable
Perceivable
1.4 Make it easier
for users to see and
hear content
including separating
foreground from
background
1.4.1 ✪
1.4.2 ✪
1.4.3 AA ✪
1.4.4 AA ✪
1.4.5 AA ✪
✪ These criteria can only be met through design.
We can tell the graphic designer/web developer about them, but we
can’t do it ourselves.
Operable
 The second principle.
Keyboard Accessible
Operable
2.1 Make all
functionality
available from a
keyboard
2.1.1 ✪
2.1.2 ✪
✪ These criteria can only be met through design.
We can tell the graphic designer/web developer about them, but we
can’t do it ourselves.
Enough Time
Operable
2.2 Provide users
enough time to read
and use content
2.2.1 ✪
2.2.2 ✪
✪ These criteria can only be met through design.
We can tell the graphic designer/web developer about them, but we
can’t do it ourselves.
Seizures
Operable
2.3 Do not design
content in a way
that is known to
cause seizures
2.3.1 ✪
✪ These criteria can only be met through design.
We can tell the graphic designer/web developer about them, but we
can’t do it ourselves.
Navigable
Operable
2.4 Provide ways to
help users navigate,
find content, and
determine where
they are
2.4.1 ✪
2.4.2
2.4.3 ✪
2.4.4 ✪
2.4.5 AA ✪
2.4.6 AA ✪
2.4.7 AA ✪
✪ Some of these criteria can only be met through design.
We can tell the graphic designer/web developer about them, but we
can’t do it ourselves.
Writing Navigation Content
Navigation content must be informative and concise.
Navigation content can be:
• page titles
• links
• headings and labels
Examples:
Understanding SC 2.4.2
Understanding SC 2.4.4
Understanding SC 2.4.6
Page or Document Title
Headings and Subheadings
Link Text
Table Headers and Captions
Understandable
 The third principle.
Readable
Understandable
3.1 Make text
content readable
and understandable
3.1.1 ✪
3.1.2 AA ✪
✪ These criteria can only be met through design.
We can tell the graphic designer/web developer about them, but we
can’t do it ourselves.
Here’s a shocker:
Plain English is not a success criteria.
You should use it anyway because it’s Best
Practice and all-round good manners.
Predictable
Understandable
3.2 Make Web pages
appear and operate
in predictable ways
3.2.1 ✪
3.2.2 ✪
3.2.3 AA ✪
3.2.4 AA ✪
✪ These criteria can only be met through design.
We can tell the graphic designer/web developer about them, but we
can’t do it ourselves.
Input Assistance
Understandable
3.3 Help users avoid
and correct mistakes
3.3.1 ✪
3.3.2 ✪
3.3.3 AA ✪
3.3.4 AA ✪
✪ Some of these criteria can only be met through design.
We can tell the graphic designer/web developer about them, but we
can’t do it ourselves.
Writing Input Assistance
Input Assistance content must be specific and helpful.
Input Assistance content can be:
• error identification
• labels or instructions
• suggestions
Examples:
Understanding SC 3.3.1
Understanding SC 3.3.2
Understanding SC 3.3.3
10 Tips on Writing Hero-worthy Error Messages
Usable and Accessible Form Validation and Error
Recovery
Robust
 The fourth (and final!) principle.
Compatible
Robust
4.1 Maximize
compatibility with
current and future
user agents,
including assistive
technologies.
4.1.1 ✪
4.2.2 ✪
✪ These criteria can only be met through design.
We can tell the graphic designer/web developer about them, but we
can’t do it ourselves.
4. Applying WCAG 2.0 to
digital copy
Word
Excel
PowerPoi
nt
Forms
PDF
For all office documents
1. Provide alternative text for images
2. Identify the column headers of tables
3. Avoid complex tables
4. Avoid text boxes
5. Avoid excessive use of blank characters, lines
and cells
Word
6. Use true heading styles
7. Use true numbered and bulleted lists
8. Use true columns
9. Place images in line with text
10.Include table of content for long documents
(auto is preferable)
Excel
6. Give each worksheet a descriptive title
7. Provide brief instructions in the first cell of
each worksheet
8. Describe the contents of charts in text and
present the same data in a table
9. Choose colours with a contrast ratio of at
least 4.5:1 and use additional visual cues
PowerPoint
6. Give each slide a title
7. Use built-in slide layouts
8. Provide captions and text transcript for
multimedia content
9. Avoid excessive use of slide transitions and
text animations
Forms
6. Provide labels for fields via Help Text
7. Identify required fields
8. Describe expected format and values
9. Place section breaks before and after the
form and only enforce protection on the
section containing the form
PDF
 PDF documents are considered “web content” and must
comply with WCAG 2.0 which includes 23 techniques
specific to PDFs.
 PDF is not considered an accessible format by the
Australian Human Rights Commission
□ An alternative format optimised for accessibility is required
World Wide Web Access: Disability Discrimination Act
Advisory Notes ver 4.0 (2010) – section 2.4.2
See also: PDF files
5. Resources
WCAG 2.0
WCAG 2.0 Contents
michaelgaigg.com
AccessAbility
Web Accessibility In Mind
Digital
copy
Vision Australia
ADOD Project
Tools
Web Accessibility Evaluation Tool
TCC Writing for the Web training
Fangs Screen Reader Emulator
ChromeShades
WAT for IE
Legislation
Australian Human Rights Commission
Web Accessibility National Transition Strategy

More Related Content

Similar to E-accessibility and WCAG2.0 presentation

Accessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and TesterAccessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and TesterJatin Kochhar
 
Accessibility Update: Section 508 and WCAG in a Library 2.0 World
Accessibility Update: Section 508 and WCAG in a Library 2.0 WorldAccessibility Update: Section 508 and WCAG in a Library 2.0 World
Accessibility Update: Section 508 and WCAG in a Library 2.0 WorldNina McHale
 
A Web Design Framework for Improved Accessibility for People with Disabilitie...
A Web Design Framework for Improved Accessibility for People with Disabilitie...A Web Design Framework for Improved Accessibility for People with Disabilitie...
A Web Design Framework for Improved Accessibility for People with Disabilitie...Yeliz Yesilada
 
Accessibility and Social Media
Accessibility and Social MediaAccessibility and Social Media
Accessibility and Social Media3Play Media
 
Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility ComplianceKeana Lynch
 
Why Strategy Matters – How to Interpret and Challenge Stakeholder Needs.pdf
Why Strategy Matters – How to Interpret and Challenge Stakeholder Needs.pdfWhy Strategy Matters – How to Interpret and Challenge Stakeholder Needs.pdf
Why Strategy Matters – How to Interpret and Challenge Stakeholder Needs.pdfCyber-Duck
 
ddw NCC education assingment l4dc
 ddw NCC education assingment l4dc ddw NCC education assingment l4dc
ddw NCC education assingment l4dcDavid Parker
 
Accessible video and presentations with Zoom and PowerPoint
Accessible video and presentations with Zoom and PowerPointAccessible video and presentations with Zoom and PowerPoint
Accessible video and presentations with Zoom and PowerPointPaul Treadwell
 
Is Drupal Right for Universities?
Is Drupal Right for Universities?Is Drupal Right for Universities?
Is Drupal Right for Universities?Mediacurrent
 
online blogging system
online blogging systemonline blogging system
online blogging system001vaibhav
 
Building products people actually can use – why all developers need to unders...
Building products people actually can use – why all developers need to unders...Building products people actually can use – why all developers need to unders...
Building products people actually can use – why all developers need to unders...Cyber-Duck
 
Project Planning – Developing the Project Plan and Determining Cri.docx
Project Planning – Developing the Project Plan and Determining Cri.docxProject Planning – Developing the Project Plan and Determining Cri.docx
Project Planning – Developing the Project Plan and Determining Cri.docxwkyra78
 
Scribe Academy™ presents - Web Accessibility for Town and Parish Councils by...
Scribe Academy™  presents - Web Accessibility for Town and Parish Councils by...Scribe Academy™  presents - Web Accessibility for Town and Parish Councils by...
Scribe Academy™ presents - Web Accessibility for Town and Parish Councils by...Scribe
 
UX-Driven & Inclusive Data Visualizations
UX-Driven & Inclusive Data VisualizationsUX-Driven & Inclusive Data Visualizations
UX-Driven & Inclusive Data VisualizationsMichelle Michael
 
Presentation1.update.pptx
Presentation1.update.pptxPresentation1.update.pptx
Presentation1.update.pptxsefefehunegnaw1
 
Introduction to accessibility
Introduction to accessibilityIntroduction to accessibility
Introduction to accessibilityJoseph McLarty
 

Similar to E-accessibility and WCAG2.0 presentation (20)

Accessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and TesterAccessibility for Content Developer, Designer, Code Developer and Tester
Accessibility for Content Developer, Designer, Code Developer and Tester
 
Accessibility Update: Section 508 and WCAG in a Library 2.0 World
Accessibility Update: Section 508 and WCAG in a Library 2.0 WorldAccessibility Update: Section 508 and WCAG in a Library 2.0 World
Accessibility Update: Section 508 and WCAG in a Library 2.0 World
 
A Web Design Framework for Improved Accessibility for People with Disabilitie...
A Web Design Framework for Improved Accessibility for People with Disabilitie...A Web Design Framework for Improved Accessibility for People with Disabilitie...
A Web Design Framework for Improved Accessibility for People with Disabilitie...
 
Accessibility and Social Media
Accessibility and Social MediaAccessibility and Social Media
Accessibility and Social Media
 
Módulo 3
Módulo 3Módulo 3
Módulo 3
 
Managing Accessibility Compliance
Managing Accessibility ComplianceManaging Accessibility Compliance
Managing Accessibility Compliance
 
Why Strategy Matters – How to Interpret and Challenge Stakeholder Needs.pdf
Why Strategy Matters – How to Interpret and Challenge Stakeholder Needs.pdfWhy Strategy Matters – How to Interpret and Challenge Stakeholder Needs.pdf
Why Strategy Matters – How to Interpret and Challenge Stakeholder Needs.pdf
 
WCAG for Beginners
WCAG for BeginnersWCAG for Beginners
WCAG for Beginners
 
ddw NCC education assingment l4dc
 ddw NCC education assingment l4dc ddw NCC education assingment l4dc
ddw NCC education assingment l4dc
 
Accessible video and presentations with Zoom and PowerPoint
Accessible video and presentations with Zoom and PowerPointAccessible video and presentations with Zoom and PowerPoint
Accessible video and presentations with Zoom and PowerPoint
 
Is Drupal Right for Universities?
Is Drupal Right for Universities?Is Drupal Right for Universities?
Is Drupal Right for Universities?
 
Dreaweaver cs5
Dreaweaver cs5Dreaweaver cs5
Dreaweaver cs5
 
online blogging system
online blogging systemonline blogging system
online blogging system
 
Building products people actually can use – why all developers need to unders...
Building products people actually can use – why all developers need to unders...Building products people actually can use – why all developers need to unders...
Building products people actually can use – why all developers need to unders...
 
Project Planning – Developing the Project Plan and Determining Cri.docx
Project Planning – Developing the Project Plan and Determining Cri.docxProject Planning – Developing the Project Plan and Determining Cri.docx
Project Planning – Developing the Project Plan and Determining Cri.docx
 
Scribe Academy™ presents - Web Accessibility for Town and Parish Councils by...
Scribe Academy™  presents - Web Accessibility for Town and Parish Councils by...Scribe Academy™  presents - Web Accessibility for Town and Parish Councils by...
Scribe Academy™ presents - Web Accessibility for Town and Parish Councils by...
 
UX-Driven & Inclusive Data Visualizations
UX-Driven & Inclusive Data VisualizationsUX-Driven & Inclusive Data Visualizations
UX-Driven & Inclusive Data Visualizations
 
Presentation1.update.pptx
Presentation1.update.pptxPresentation1.update.pptx
Presentation1.update.pptx
 
Introduction to accessibility
Introduction to accessibilityIntroduction to accessibility
Introduction to accessibility
 
LO2 - Lesson 14 - Technical
LO2 - Lesson 14 - TechnicalLO2 - Lesson 14 - Technical
LO2 - Lesson 14 - Technical
 

Recently uploaded

Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...
Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...
Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...SofiyaSharma5
 
VIP Kolkata Call Girl Kestopur 👉 8250192130 Available With Room
VIP Kolkata Call Girl Kestopur 👉 8250192130  Available With RoomVIP Kolkata Call Girl Kestopur 👉 8250192130  Available With Room
VIP Kolkata Call Girl Kestopur 👉 8250192130 Available With Roomdivyansh0kumar0
 
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With RoomVIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Roomgirls4nights
 
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌  8250192130 🚀 Vip Call Girls KolkataLow Rate Call Girls Kolkata Avani 🤌  8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkataanamikaraghav4
 
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...tanu pandey
 
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...Diya Sharma
 
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts serviceChennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts servicevipmodelshub1
 
Russian Call girls in Dubai +971563133746 Dubai Call girls
Russian  Call girls in Dubai +971563133746 Dubai  Call girlsRussian  Call girls in Dubai +971563133746 Dubai  Call girls
Russian Call girls in Dubai +971563133746 Dubai Call girlsstephieert
 
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine ServiceHot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Servicesexy call girls service in goa
 
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779Delhi Call girls
 
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$kojalkojal131
 
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Challengers I Told Ya ShirtChallengers I Told Ya Shirt
Challengers I Told Ya ShirtChallengers I Told Ya ShirtChallengers I Told Ya ShirtChallengers I Told Ya Shirt
Challengers I Told Ya ShirtChallengers I Told Ya Shirtrahman018755
 
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.soniya singh
 

Recently uploaded (20)

Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...
Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...
Low Rate Young Call Girls in Sector 63 Mamura Noida ✔️☆9289244007✔️☆ Female E...
 
VIP Kolkata Call Girl Kestopur 👉 8250192130 Available With Room
VIP Kolkata Call Girl Kestopur 👉 8250192130  Available With RoomVIP Kolkata Call Girl Kestopur 👉 8250192130  Available With Room
VIP Kolkata Call Girl Kestopur 👉 8250192130 Available With Room
 
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With RoomVIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
VIP Kolkata Call Girls Salt Lake 8250192130 Available With Room
 
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌  8250192130 🚀 Vip Call Girls KolkataLow Rate Call Girls Kolkata Avani 🤌  8250192130 🚀 Vip Call Girls Kolkata
Low Rate Call Girls Kolkata Avani 🤌 8250192130 🚀 Vip Call Girls Kolkata
 
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
 
Rohini Sector 22 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 22 Call Girls Delhi 9999965857 @Sabina Saikh No AdvanceRohini Sector 22 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 22 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
 
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Defence Colony Delhi 💯Call Us 🔝8264348440🔝
 
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
 
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts serviceChennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts service
Chennai Call Girls Alwarpet Phone 🍆 8250192130 👅 celebrity escorts service
 
Russian Call girls in Dubai +971563133746 Dubai Call girls
Russian  Call girls in Dubai +971563133746 Dubai  Call girlsRussian  Call girls in Dubai +971563133746 Dubai  Call girls
Russian Call girls in Dubai +971563133746 Dubai Call girls
 
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
 
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine ServiceHot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
 
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Saket Delhi 💯Call Us 🔝8264348440🔝
 
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
Best VIP Call Girls Noida Sector 75 Call Me: 8448380779
 
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
Call Girls Dubai Prolapsed O525547819 Call Girls In Dubai Princes$
 
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Sukhdev Vihar Delhi 💯Call Us 🔝8264348440🔝
 
Rohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No AdvanceRohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 6 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
 
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
Call Girls In Pratap Nagar Delhi 💯Call Us 🔝8264348440🔝
 
Challengers I Told Ya ShirtChallengers I Told Ya Shirt
Challengers I Told Ya ShirtChallengers I Told Ya ShirtChallengers I Told Ya ShirtChallengers I Told Ya Shirt
Challengers I Told Ya ShirtChallengers I Told Ya Shirt
 
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Shahpur Jat Escort Service Delhi N.C.R.
 

E-accessibility and WCAG2.0 presentation

  • 2. What am I talking about? 1. Web Accessibility National Transition Strategy 2. Introducing WCAG 2.0 3. WCAG 2.0 Level AA requirements 4. Applying WCAG 2.0 to digital copy 5. Resources
  • 3. e-Accessibility: More than just a buzz word Design for all legislation disability methodology hardware usability e- accessibility
  • 4. Access for all Visual Hearing Physical Cognitive
  • 5. Remember! Cognitive disability is not just mental impairment. It also includes:  low English (second or primary) language literacy  executive function disorders  attention disorders  seizure disorders
  • 6. 1. Web Accessibility National Transition Strategy  Agencies must update all government websites (as specified within scope under the NTS) to WCAG 2.0 conformance • Level A (Single A) by 31 December 2012 • Level AA (Double A) by 31 December 2014 • To claim conformance websites must meet all five WCAG 2.0 conformance requirements.  Agencies are encouraged to seek WCAG 2.0 Level AA conformance from the outset, but must still meet the minimum requirements of the NTS (including Level A conformance by December 2012). Australian Government Web Guide - Accessibility
  • 7. Relax and let me explain… Some very clever people wrote guidelines for improving access to digital information. The Federal Government decided it is mandatory for all departments to implement these guidelines. All government departments – Federal, State and Territory – must implement these guidelines by 31 December 2014. The guidelines allow for three levels of conformity: 1. Single A 2. Double A 3. Triple A “Single A” is the minimum standard. “Triple A” is the gold standard. “Double A” is the happy-medium. “Double A” is not a battery size.
  • 8. 2. Introducing WCAG 2.0 World Wide Web Consortium Web architecture Semantic Web XML technology Web design and applications Web Content Accessibility Guidelines Web of services Web of devices Browsers and authoring tools
  • 9. WCAG 2.0 structure 4 Principles 12 Guidelines 61 Success Criteria
  • 10. Principles 1. Perceivable 2. Operable 3. Understandable 4. Robust
  • 11. Guidelines Perceivable 1.1 Provide text alternatives for non-text content 1.2 Provide alternatives for time-based media 1.3 Create content that can be presented in different ways 1.4 Make it easier for users to see and hear content Operable 2.1 Make all functionality available from a keyboard 2.2 Provide users enough time to read and use content 2.3 Do not design content in a way that is known to cause seizures 2.4 Provide ways to help users navigate and find content Understandable 3.1 Make text content readable and understandable 3.2 Make Web pages appear and operate in predictable ways 3.3 Help users avoid and correct mistakes Robust 4.1 Maximize compatibility with current and future software and hardware
  • 12. Success criteria Single A Double A Triple A Perceivable 8 5 8 Operable 9 3 8 Understandable 5 5 7 Robust 1 - - TOTAL 23 Single A + 13 Double A + 23 Principles of accessibility Number of Success Criteria Level of compliance Double A compliance has a total of 36 Success Criteria
  • 13. •1. Perceivable: Information and user interface components must be presentable to users in ways they can perceive.Principle •1.1 Text Alternatives: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language. Guideline •1.1.1 Non-text Content: All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below. (Level A) Success Criteria 3. WCAG 2.0 Level AA requirements
  • 15. Text Alternatives Perceivable 1.1 Text Alternatives 1.1.1 Non-text content can be: • charts • diagrams • pictures • animations • maps • interactive design Text alternatives can be: • text description • data table • text transcript This is related to 1.2 Time-based Media
  • 16. Writing Text Alternatives Is the content functional? Yes Provide a text alternative No “Hide” the content in the background Further information: Understanding SC 1.1.1 Image ALT Tag Tips Complex Images Alternative text must be equivalent and meaningful.
  • 17. Time-based Media Perceivable 1.2 Provide alternatives for time-based media 1.2.1 1.2.2 1.2.3 1.2.4 AA 1.2.5 AA Time-based media can be: • audio-only • video-only • live audio content • synchronised media • animations Alternatives can be: • text transcript • audio description • captions • text description This is related to 1.1 Text Alternatives
  • 18. Writing Media Alternatives Is the content repetitive? Yes Provide a brief ALT description and refer back to the main text No Provide a media alternative Further Information: Understanding SC 1.2.1 Understanding SC 1.2.2 Understanding SC 1.2.3 Understanding SC 1.2.4 Understanding SC 1.2.5 Video Captions and Audio Transcripts Media alternatives must be accurate and detailed.
  • 19. Adaptable Perceivable 1.3 Create content that can be presented in different ways 1.3.1 ✪ 1.3.2 ✪ 1.3.3 ✪ ✪ Some of these criteria can only be met through design. We can tell the graphic designer/web developer about them, but we can’t do it ourselves. Adaptable content can be: • forms • tables • schedules • text reading order Alternatives can be: • text directions • text description • captions  programmatic cues
  • 20. Writing Adaptable Alternatives Further Information: Understanding SC 1.3.1 Creating Accessible Tables Form Design Text Reading Order Adaptable alternatives must be equivalent and detailed. This is related to 2.4 Navigable
  • 21. Distinguishable Perceivable 1.4 Make it easier for users to see and hear content including separating foreground from background 1.4.1 ✪ 1.4.2 ✪ 1.4.3 AA ✪ 1.4.4 AA ✪ 1.4.5 AA ✪ ✪ These criteria can only be met through design. We can tell the graphic designer/web developer about them, but we can’t do it ourselves.
  • 23. Keyboard Accessible Operable 2.1 Make all functionality available from a keyboard 2.1.1 ✪ 2.1.2 ✪ ✪ These criteria can only be met through design. We can tell the graphic designer/web developer about them, but we can’t do it ourselves.
  • 24. Enough Time Operable 2.2 Provide users enough time to read and use content 2.2.1 ✪ 2.2.2 ✪ ✪ These criteria can only be met through design. We can tell the graphic designer/web developer about them, but we can’t do it ourselves.
  • 25. Seizures Operable 2.3 Do not design content in a way that is known to cause seizures 2.3.1 ✪ ✪ These criteria can only be met through design. We can tell the graphic designer/web developer about them, but we can’t do it ourselves.
  • 26. Navigable Operable 2.4 Provide ways to help users navigate, find content, and determine where they are 2.4.1 ✪ 2.4.2 2.4.3 ✪ 2.4.4 ✪ 2.4.5 AA ✪ 2.4.6 AA ✪ 2.4.7 AA ✪ ✪ Some of these criteria can only be met through design. We can tell the graphic designer/web developer about them, but we can’t do it ourselves.
  • 27. Writing Navigation Content Navigation content must be informative and concise. Navigation content can be: • page titles • links • headings and labels Examples: Understanding SC 2.4.2 Understanding SC 2.4.4 Understanding SC 2.4.6 Page or Document Title Headings and Subheadings Link Text Table Headers and Captions
  • 29. Readable Understandable 3.1 Make text content readable and understandable 3.1.1 ✪ 3.1.2 AA ✪ ✪ These criteria can only be met through design. We can tell the graphic designer/web developer about them, but we can’t do it ourselves.
  • 30. Here’s a shocker: Plain English is not a success criteria. You should use it anyway because it’s Best Practice and all-round good manners.
  • 31. Predictable Understandable 3.2 Make Web pages appear and operate in predictable ways 3.2.1 ✪ 3.2.2 ✪ 3.2.3 AA ✪ 3.2.4 AA ✪ ✪ These criteria can only be met through design. We can tell the graphic designer/web developer about them, but we can’t do it ourselves.
  • 32. Input Assistance Understandable 3.3 Help users avoid and correct mistakes 3.3.1 ✪ 3.3.2 ✪ 3.3.3 AA ✪ 3.3.4 AA ✪ ✪ Some of these criteria can only be met through design. We can tell the graphic designer/web developer about them, but we can’t do it ourselves.
  • 33. Writing Input Assistance Input Assistance content must be specific and helpful. Input Assistance content can be: • error identification • labels or instructions • suggestions Examples: Understanding SC 3.3.1 Understanding SC 3.3.2 Understanding SC 3.3.3 10 Tips on Writing Hero-worthy Error Messages Usable and Accessible Form Validation and Error Recovery
  • 34. Robust  The fourth (and final!) principle.
  • 35. Compatible Robust 4.1 Maximize compatibility with current and future user agents, including assistive technologies. 4.1.1 ✪ 4.2.2 ✪ ✪ These criteria can only be met through design. We can tell the graphic designer/web developer about them, but we can’t do it ourselves.
  • 36. 4. Applying WCAG 2.0 to digital copy Word Excel PowerPoi nt Forms PDF
  • 37. For all office documents 1. Provide alternative text for images 2. Identify the column headers of tables 3. Avoid complex tables 4. Avoid text boxes 5. Avoid excessive use of blank characters, lines and cells
  • 38. Word 6. Use true heading styles 7. Use true numbered and bulleted lists 8. Use true columns 9. Place images in line with text 10.Include table of content for long documents (auto is preferable)
  • 39. Excel 6. Give each worksheet a descriptive title 7. Provide brief instructions in the first cell of each worksheet 8. Describe the contents of charts in text and present the same data in a table 9. Choose colours with a contrast ratio of at least 4.5:1 and use additional visual cues
  • 40. PowerPoint 6. Give each slide a title 7. Use built-in slide layouts 8. Provide captions and text transcript for multimedia content 9. Avoid excessive use of slide transitions and text animations
  • 41. Forms 6. Provide labels for fields via Help Text 7. Identify required fields 8. Describe expected format and values 9. Place section breaks before and after the form and only enforce protection on the section containing the form
  • 42. PDF  PDF documents are considered “web content” and must comply with WCAG 2.0 which includes 23 techniques specific to PDFs.  PDF is not considered an accessible format by the Australian Human Rights Commission □ An alternative format optimised for accessibility is required World Wide Web Access: Disability Discrimination Act Advisory Notes ver 4.0 (2010) – section 2.4.2 See also: PDF files
  • 43. 5. Resources WCAG 2.0 WCAG 2.0 Contents michaelgaigg.com AccessAbility Web Accessibility In Mind Digital copy Vision Australia ADOD Project Tools Web Accessibility Evaluation Tool TCC Writing for the Web training Fangs Screen Reader Emulator ChromeShades WAT for IE Legislation Australian Human Rights Commission Web Accessibility National Transition Strategy

Editor's Notes

  1. Cognitive also include ESL and low-literacy users
  2. http://www.w3.org/TR/WCAG20/#conformance-reqs
  3. Decorative content demo: http://thecopycollective.com/ Functional content demo: http://www.origami-instructions.com/origami-baggi-box.html Complex images: http://www.abc.net.au/unleashed/3901378.html Audio transcript demo: http://www.abc.net.au/radionational/programs/healthreport/vitamin-b12-supplementation-and-ageing/5031170#transcript ----- Meeting Notes (6/11/13 16:40) ----- Go to "understanding" link and explain information there.
  4. Repetitive content demo: http://www.origami-instructions.com/swallow-paper-airplane.html Unique content demo: http://thecopycollective.com/ Transcript with video description: http://uiaccess.com/transcripts/wheeling_in_second_life.html Video with captions and audio description: http://www.youtube.com/watch?v=zCqN_cCLnnk http://accessibility.psu.edu/whattofix
  5. 1.3.1 = Info and Relationships: Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text. (Level A) ✪ is an example and should include a text description that describes the relationship with the text below the flow chart http://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html This is related to 2.4 Navigable
  6. Users can move around the site using keyboard commands.
  7. Time-out restrictions on forms etc should allow for slow users
  8. Flashes per second
  9. Dynamic page title: http://thecopycollective.com/index.html Static page title: http://www.hearing.com.au/home No page title: http://www.crocodilehunter.com.au/australia_zoo/snapshots/sui/suipictures.html Good links: http://australia.gov.au/services Less good links: http://www.hearing.com.au/faq Video of screen reader and headings: http://youtu.be/AmUPhEVWu_E http://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html http://accessibility.psu.edu/whattofix
  10. http://accessibility.psu.edu/math
  11. http://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html http://accessibility.psu.edu/whattofix
  12. VA has worked with MS and IBN to map the WCAG 2.0 requirements on to office documents.
  13. Go to Word demo
  14. Go to Excel demo
  15. Go to PowerPoint demo
  16. Go to forms demo
  17. Accessible PDF requires Adobe Acrobat