WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Info graphic description

for

Number of posts in this thread: 4 (In chronological order)

From: Angela French
Date: Fri, May 11 2018 9:19AM
Subject: Info graphic description
No previous message | Next message →

Hello,
We have a rather complex infographic<https://www.sbctc.edu/colleges-staff/it-support/ctclink/governance-framework-flowchart.aspx> on a new web page that needs to be described for those who can't see it. (Heck, it needs to be described even for those who can see it! ). My question is this: should the description attempt to describe the graphic itself with the information in it, or just be a narrative of the information behind the graphic as if the graphic did not even exist? I lean towards the latter, but am wondering how others handle these sorts of graphics.

Thank you


Angela French
ctcLink Digital Asset Manager
Washington State Board for Community and Technical Colleges
= EMAIL ADDRESS REMOVED = <mailto: = EMAIL ADDRESS REMOVED = > * o: 360-704-4316 * f: 360-704-4414
sbctc.edu<https://www.sbctc.edu/> * Twitter: @SBCTCWashington<https://twitter.com/SBCTCWashington> * Facebook: @WASBCTC<https://www.facebook.com/wasbctc/>

From: Lamond, Keith
Date: Fri, May 11 2018 9:26AM
Subject: Re: Info graphic description
← Previous message | Next message →

My approach would be slightly in between. I would start the description with, "An infographic of the CTcLink Governance Framework that provides the following information..." From there I would provide the narrative of the info graphic without providing any details of the visual layout of the graphic.


From: glen walker
Date: Sat, May 12 2018 2:48PM
Subject: Re: Info graphic description
← Previous message | Next message →

Is an infographic required so that it can be easily shared as an image?

If not, then had you looked into *not* creating an infographic? When I
look at it, I see several sets of bullet points, headings, and other text
that could easily be created with native html and a little styling. As it
is, I find it hard to know where to start in the image and everything seems
to point to everything. The infographic may already be done and in
production but if it's hard to understand visually, it'll be hard to
describe. If the infographic were thought of as straight html/css, it
might have been easier to convert to a graphic.

In any event, you can still conceptualize the graphic as html. You can
have a completely visually hidden html version of the graphic that allows
traversal by lists, headings, etc.

From: Mallory
Date: Tue, May 15 2018 11:37AM
Subject: Re: Info graphic description
← Previous message | No next message

I was thinking the same thing as Glen. You could have images for the arrows etc with alt text like "[section-name points to [other section name]" to get the flow stuff in.

As simple a summary as possible, and visible (because you're right, people who *can* see need it too) would help a lot, whether the viewer has a cognitive disability or not.

Usually infographics are meant to make a complex pile of words easier to understand visually. I'm not certain this one does that :P

cheers,
Mallory

On Sat, May 12, 2018, at 10:48 PM, glen walker wrote:
> Is an infographic required so that it can be easily shared as an image?
>
> If not, then had you looked into *not* creating an infographic? When I
> look at it, I see several sets of bullet points, headings, and other text
> that could easily be created with native html and a little styling. As it
> is, I find it hard to know where to start in the image and everything seems
> to point to everything. The infographic may already be done and in
> production but if it's hard to understand visually, it'll be hard to
> describe. If the infographic were thought of as straight html/css, it
> might have been easier to convert to a graphic.
>
> In any event, you can still conceptualize the graphic as html. You can
> have a completely visually hidden html version of the graphic that allows
> traversal by lists, headings, etc.
> > > >