[Athen] Complex images, alternative text, and WCAG 2.0 (AA)

[Mark Weiler]

Hi Iza,


Really appreciate the resources. Good tips and descriptions.  I've added them to a design presentation


The best examples of techniques living on a real page that I've seen are from Canada:

https://www150.statcan.gc.ca/n1/pub/85-002-x/2016001/article/14631-eng.htm


(see Chart 1, chart 2, etc.).


Can an Australia government page top it? (Friendly challenge of goalball :-)


Mark

(team Canada ;-)


Mark Weiler, WAS, MLIS, PhD
Web & User Experience Librarian | Psychology Librarian
Laurier Library
Office: Waterloo campus Library, room 104
519.884.0710 x4296
mweiler at wlu.ca<mailto:mweiler at wlu.ca>

 [cid:image001.png at 01CF7E4C.6BD81010]

________________________________
From: athen-list <athen-list-bounces at mailman12.u.washington.edu> on behalf of Iza Bartosiewicz <iza.bartosiewicz at rmit.edu.au>
Sent: Thursday, September 20, 2018 7:36 PM
To: athen-list at u.washington.edu
Subject: Re: [Athen] Complex images, alternative text, and WCAG 2.0 (AA)

Hi Mark,
I can recommend these articles by Dey Alexander, 4 Syllables:

Long descriptions for images - part 1<https://4syllables.com.au/articles/long-descriptions/>
In this article, we look at the role of long descriptions for images, why you need them, and how to implement them.

Long descriptions for images - part 2<http://4syllables.com.au/articles/long-descriptions-2/>
Long descriptions are text alternatives for complex or detailed images. In this article we look at how to write them by considering some examples that include charts and graphs, maps and plans, infographics, diagrams and technical drawings.

Writing text alternatives for maps<http://4syllables.com.au/articles/text-alternatives-maps/>
When you use images of maps on your website you need to provide text alternatives. Text alternatives help people access your content when they cannot see or use images. This article discusses how to write text alternatives for simple and more complex maps and provides some examples.

cheers
Iza

Iza Bartosiewicz | Web Coordinator
Internet Services, Library and Student Success

Building 94, 23 Cardigan Street
Carlton VIC 3053
Tel. +61 3 9925 3103
iza.bartosiewicz at rmit.edu.au<mailto:iza.bartosiewicz at rmit.edu.au>
www.rmit.edu.au/<http://www1.rmit.edu.au/library>
@Mr0wka18<http://twitter.com/Mr0wka18>
www.linkedin.com/in/izabartosiewicz<http://www.linkedin.com/in/izabartosiewicz>

RMIT University acknowledges the people of the Woi wurrung and Boon wurrung language groups of the eastern Kulin Nations on whose unceded lands we conduct the business of the University. RMIT University respectfully acknowledges their Ancestors and Elders, past and present.

RMIT also acknowledges the Traditional Custodians and their Ancestors of the lands and waters across Australia where we conduct our business.

Message: 4
Date: Mon, 10 Sep 2018 23:40:26 +0000
From: Mark Weiler <mweiler at wlu.ca<mailto:mweiler at wlu.ca>>
To: "athen-list at u.washington.edu<mailto:athen-list at u.washington.edu>" <athen-list at u.washington.edu<mailto:athen-list at u.washington.edu>>
Subject: [Athen] Complex images, alternative text, and WCAG 2.0 (AA)
Message-ID: <475757c3f26f40ffa1291ea72e51e3e8 at ITSMBX03.AD.WLU.CA<mailto:475757c3f26f40ffa1291ea72e51e3e8 at ITSMBX03.AD.WLU.CA>>
Content-Type: text/plain; charset="us-ascii"

Does anyone have some examples of techniques for including complex images (e.g., floor plans, diagram) into web pages in a manner that meets WCAG 2.0 (AA) success criteria? I'm familiar with the example techniques described for meeting success criteria 1.1.1 (situation B) in the How to Meet WCAG 2. (Quick Reference)<https://www.w3.org/WAI/WCAG21/quickref/#text-alternatives>. I'm familiar with the Diagram Center<http://diagramcenter.org/> but am hoping to have a few examples to study.

Best wishes,

Mark
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman12.u.washington.edu/pipermail/athen-list/attachments/20180910/1e5431b6/attachment-0001.html>

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mailman12.u.washington.edu/pipermail/athen-list/attachments/20180921/661c7cb2/attachment.html>