Re: Graphics contrast

Hi Alistair,

+1. Thank you!

Some example graphic icons:

https://www.graphicstock.com/stock-image/gray-small-icons

https://www.graphicstock.com/stock-image/shopping-minimal-flat-icon-vector-set-52657

https://www.graphicstock.com/stock-image/3d-web-mail-icons-set-106744

https://www.graphicstock.com/stock-image/icon-set-169252

https://www.graphicstock.com/stock-image/blue-web-icons-set

https://www.graphicstock.com/stock-image/glossy-islamic-icons-set

https://www.graphicstock.com/stock-image/islamic-website-icons-set-168411

Social Media Icons on:
http://growthlab.cid.harvard.edu/#boxes-box-1436801597

http://iconsetc.com/icon-set/social-media/?style=flat-circle-white-on-silver

http://www.iconsdb.com/silver-icons/firefox-icon.html

http://www.iconsdb.com/silver-icons/google-drive-icon.html

https://www.colourbox.com/vector/home-flat-white-color-icon-vector-15287421

https://www.colourbox.com/vector/search-flat-white-color-icon-vector-15287439

https://thumb1.shutterstock.com/display_pic_with_logo/615538/350963873/stock-vector-collaboration-vector-icon-style-is-flat-rounded-square-button-white-and-silver-colors-white-350963873.jpg

Kindest Regards,
Laura

On 11/3/16, Wayne Dick <wayneedick@gmail.com> wrote:
> Thanks Alistair,
>
> That looks right.
>
> Wayne
>
> On Thu, Nov 3, 2016 at 10:34 AM, Glenda Sims <glenda.sims@deque.com> wrote:
>> Great idea, Alastair.  +1
>>
>> G
>>
>> P.S.  And as a fall back position, we could add an option to provide an
>> easily findable "good contrast version" of an info graphic...as an
>> alternative.  My thought is...it would give designers a way to have more
>> flexibility (if needed)...while still have a fallback infographic with
>> good
>> contrast...and hopefully, most designers would find that they prefer to
>> make
>> only one version of the graphic because it is less work.
>>
>>
>>
>> glenda sims    |   team a11y lead   |    deque.com    |    512.963.3773
>>
>> web for everyone. web on everything. -  w3 goals
>>
>> On Thu, Nov 3, 2016 at 11:56 AM, Alastair Campbell
>> <acampbell@nomensa.com>
>> wrote:
>>>
>>> Hi Everyone,
>>>
>>>
>>>
>>> Immediately after the call I started putting Glenda’s update to the SC
>>> text in, and whilst doing that the similarity with the current 1.4.3
>>> sprang
>>> to mind.
>>>
>>>
>>>
>>> How about aligning more closely with 1.4.3?
>>>
>>>
>>>
>>> ----------------
>>>
>>> The visual presentation of important information in graphical elements
>>> has
>>> a contrast ratio of at least 4.5:1 against the immediate surrounding
>>> background, except for the following:
>>>
>>>
>>>
>>> Thicker lines: where the minimum width of the line is at least 3px the
>>> graphic has a contrast ratio of at least 3:1;
>>> Incidental: Graphical elements that are not required for the
>>> understanding
>>> of the graphic, that are pure decoration, that have the information
>>> duplicated elsewhere on the same page have no contrast requirement;
>>> Logotypes: Graphics that are part of a logo or brand name have no
>>> minimum
>>> contrast requirement.
>>>
>>> ----------------
>>>
>>>
>>>
>>> I went with “graphical elements” to open up the further description to
>>> sub-graphics, e.g. a line in an info-graphic is a graphical element, and
>>> if
>>> it is important then it should have contrast against its surroundings.
>>>
>>>
>>>
>>> As I said, if anyone has particularly good/bad examples of graphics
>>> please
>>> send them to me and I’ll try testing this against them.
>>>
>>>
>>>
>>> -Alastair
>>>
>>>
>>>
>>> --
>>>
>>>
>>>
>>> Alastair Campbell
>>>
>>>
>>>
>>> www.nomensa.com
>>>
>>> tel: +44 (0)117 929 7333 / 07970 879 653
>>>
>>> follow us: @we_are_nomensa or me: @alastc
>>>
>>>
>>>
>>> Nomensa Ltd. King William House, 13 Queen Square, Bristol BS1 4NT
>>>
>>> Company number: 4214477 | UK VAT registration: GB 771727411
>>
>>
>
>


-- 
Laura L. Carlson

Received on Thursday, 3 November 2016 18:45:55 UTC