Accessible Websites With Lotus Notes/Domino, presented at the BLUG day event, March 30th, 2010

Accessible Websites Martin Leyrer

Agenda
About me
What you are not going to hear
What is “Accessibility” (a11y)
Web Content A11y Guidelines (WCAG)
Best Practices
Tools
Wrap Up and Q&A

About Me
Martin Leyrer – just “Martin” is fine :)
From Vienna, Austria
Notes Dev. & Admin. since 1995 (R3.1)
Web Developer even longer
Work for a large IT service organization
One large Client

The “NOT” Slide
I am NOT a W3C spokesperson
I am NOT a WCAG editor
I am NOT certifying your site “accessible”
No definitive answers, only “best practices”
Focus on technical issues

What is “Accessibility”
Accessibility make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these.
Following these guidelines will also often make your Web content more usable to users in general.

Accessibility Is More!
It's not about the “Disability Discrimination Act 1995” (UK), the “Americans with Disabilities Act of 1990” or any other law.
It's not making Websites “uglier”
It's not that hard
It's about enabling people to communicate!

Web Content Accessibility Guidelines
Recommendations for making Web content more accessible
1.0 was vague, hard to test
Succeeded by 2.0
Lot of content but very detailed
Lots of tests and best practices
Adaptable
Motivates to implement more

Standards Compliance
Yes, it's still a topic
Using Xpages? Then you are fine.
“ Classic Web Apps.” have work to do
DominoCompleteDoctype=1
Do the HTML, CSS, JS yourself
Content-Types!
Test AND Fix!

Tables (1)
Still using them for Layout?
You can and should use tables ...
… for data!
Supply some metadata and you are fine

Tables (2) <table summary="Description"> <caption>Searchresultlist</caption> <colgroup> <col width="0px" class="nowrap"> <col width="40%"> <col width="60%"> </colgroup> <thead> <tr> <th><span id="numhead" class="hide">Nr</span></th> <th>Headline 1</th> <th>Headline 2</th> </tr> </thead> <tbody> ......

The Good, The Bad and ...
Javascript is not as “bad” as you may think
Don't rely on it
Xpages/Dojo -> Dijit Accessibility (a11y)

Ugly Code Have you read our <a href="javascript:window.open( 'terms.html', 'popup', 'height=500,width=400,toolbar=no' );">terms and conditions</a>?

Only Slightly Better Code ... Have you read our <a href="#" onclick="window.open( 'terms.html', 'popup', 'height=500,width=400,toolbar=no' ); return false;" >terms and conditions</a>?

Now This Code Is Fine ... Have you read our <a href="terms.html" onclick="window.open( 'terms.html', 'popup', 'height=500,width=400,toolbar=no' ); return false;" >terms and conditions</a>?

But This Code Would Be Better Have you read our <a href="terms.html" class="sidenote" >terms and conditions</a>?

Unobstrusive Javascript
Make your App. work without Javascript
“ Progressive Enhancement” afterwards
Don't write inline JS
Modify DOM after page has loaded
Unobtrusive JavaScript with jQuery

Page Structure
Have you checked the Tab-sequence?
tabindex="x"
Keyboard Shortcuts
Navigation-Shortcuts for Screenreaders <span class="show_screenreader_only"><a href="#nav" title="jump to Navigation">to Navigation</a></span>

“ Soft” Topics
Foreground/Background Contrast
Colours
Alt-Text for Images
“ Simple” Text

Links (1)
Firefox & Web Developer Toolbar
Internet Explorer Developer Toolbar
Lynx
NonVisual Desktop Access (NVDA)
Coblis — Color Blindness Simulator
Colour Contrast Analyser FF Extension
Contrast Analyser

Links (2)
IBM Human Ability and Accessibility Center Developer guidelines for Web checklist
W3C WCAG Homepage
WAI-ARIA - Accessible Rich Internet Applications Suite
Local Accessibility Groups

Wrap Up And Q&A
Accessibility is not hard
But it is also never finished.
WCAG is your friend
(Do use unobtrusive JavaScript)

Thank You!
Contact me:
Email: leyrer@gmail.com
Blog: http://martin.leyrer.priv.at
Twitter: @leyrer
Skype: martin.leyrer
Jabber: m3@cargal.org

http://www.techgig.com	183
http://martin.leyrer.priv.at	15
http://www.slideshare.net	6
http://www.techgig.timesjobs.com	2

Accessible Websites With Lotus Notes/Domino, presented at the BLUG day event, March 30th, 2010

by Martin Leyrer on Apr 11, 2010

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 206

Statistics

Accessible Websites With Lotus Notes/Domino, presented at the BLUG day event, March 30th, 2010 Presentation Transcript