RE: Infographics

Hi Glenda,

They look good to me, would we be able to get permission to re-publish them? (With attribution.)

Not a problem if not, it would just be good to put in a version that highlights why it passes, e.g. drawing boxes around things and deleting overlapping bits.

Thanks,

-Alastair

From: Glenda Sims [mailto:glenda.sims@deque.com]
Sent: 23 February 2018 18:15
To: Alastair Campbell <acampbell@nomensa.com>
Cc: Jim Allan <jimallan@tsbvi.edu>; public-low-vision-a11y-tf <public-low-vision-a11y-tf@w3.org>
Subject: Re: Infographics

Alastair,

These are the microassist chart/graph color contrast examples (again...but this time with useful links)

  1.  Viral Load Results - https://www.microassist.com/project/viral-load-changes-hiv/

  2.  CD4 and CD8 Cell Counts - https://www.microassist.com/project/cd4-and-cd8-cell-counts/
Hiram Kuykendall is the lead a11y expert at microassist (and a dear friend)...so...if we need any color changes..I could get him to bump up the contrast (where needed).

G

glenda sims  |   team a11y lead   |    deque.com<http://deque.com>    |    512.963.3773
*web for everyone. web on everything.* -  w3 goals

[Image removed by sender. IAAP International Association of Accessibility Professionals: Certified Professional in Accessibility Core Competencies (CPACC)]<http://www.accessibilityassociation.org/certification>



On Fri, Feb 23, 2018 at 3:18 AM, Alastair Campbell <acampbell@nomensa.com<mailto:acampbell@nomensa.com>> wrote:
HI Glenda,

Both of those links just take me to the ‘examples of our work’ page, I’m not sure which ones you mean?

And thanks to Jim for the wiki page, I’ll go through that in a mo’.

Also, I asked one of our designers to create a before/after example which we can fiddle with:
https://alastairc.ac/tests/assets/WCAG21-Infographic.png


Cheers,

-Alastair


From: Glenda Sims <glenda.sims@deque.com<mailto:glenda.sims@deque.com>>
Date: Thursday, 22 February 2018 at 20:57
To: Jim Allan <jimallan@tsbvi.edu<mailto:jimallan@tsbvi.edu>>
Cc: Alastair Campbell <acampbell@nomensa.com<mailto:acampbell@nomensa.com>>, LVTF - low-vision-a11y <public-low-vision-a11y-tf@w3.org<mailto:public-low-vision-a11y-tf@w3.org>>
Subject: Re: Infographics

+1 to what Jim reported.  If we use these as examples..we will need to fix some of the colors.  Doable..but not passing yet.

Another thing to consider...the dear folks at MicroAssist could be a source of examples.  I just found this one which I think would pass as is:
https://www.microassist.com/curriculum-development/examples-of-our-work/#nimblebox[nimble_portfolio_gal_pro]/0/

And this one...which is close..I don't think the red and blue are different enough...but we could solve that (or Alastair..maybe you think where the red line and blue line cross is not critical for color distinction?) https://www.microassist.com/curriculum-development/examples-of-our-work/#nimblebox[nimble_portfolio_gal_pro]/3/

G

glenda sims  |   team a11y lead   |    deque.com<http://deque.com>    |    512.963.3773<tel:(512)%20963-3773>
*web for everyone. web on everything.* -  w3 goals

[Image removed by sender. IAAP International Association of Accessibility Professionals: Certified Professional in Accessibility Core Competencies (CPACC)]


On Wed, Feb 21, 2018 at 4:41 PM, Jim Allan <jimallan@tsbvi.edu<mailto:jimallan@tsbvi.edu>> wrote:
see below

On Wed, Feb 21, 2018 at 5:59 AM, Alastair Campbell <acampbell@nomensa.com<mailto:acampbell@nomensa.com>> wrote:
Hi everyone,

I just found a ton of (mostly passing?) infographics here:
https://www.flickr.com/photos/gdsdigital/


The copyright license is to allow sharing & reuse with attribution, so it's a reasonable source for testing or publications so long as it's attributed.

It would be useful for a few people to look at a few and assess whether they think they would pass non-text-contrast, but also:
- relying on colour
- text (in graphics) contrast

Most infographics I've found fail one of the current WCAG 2.0 ones, adding non-text-contrast isn't that big a deal overall.

As a starter selection:
https://www.flickr.com/photos/gdsdigital/4729221809/in/datetaken/

​blue circle and yellow-green circle - fail
white circle and yellow-green circle - fail​

​text covers the meaning of the graphics that fail. tho there are text contrast failures. ​


https://www.flickr.com/photos/gdsdigital/4719771789/in/datetaken/

​pink and green​

​- fail
lite green and dark green - fail​
the text has the meaningful information.  but it fail text contrast

https://www.flickr.com/photos/gdsdigital/4645105776/in/datetaken/

​beige and white - fail​
light beige and dark beige - fail
there is enough meaninful text near the failing graphics that the graphics are redundant

is this what you want?



-Alastair



--
Jim Allan, Accessibility Coordinator
Texas School for the Blind and Visually Impaired
1100 W. 45th St., Austin, Texas 78756<https://maps.google.com/?q=1100+W.+45th+St.,+Austin,+Texas+78756&entry=gmail&source=g>
voice 512.206.9315<tel:(512)%20206-9315>    fax: 512.206.9452<tel:(512)%20206-9452> http://www.tsbvi.edu/

"We shape our tools and thereafter our tools shape us." McLuhan, 1964