Re: [libreoffice-design] Contrast issues

Hi Christoph,

On 25/01/2016 22:40, Christoph Noack wrote:
> Hi Christophe,
>
> cool - thanks for the first check! And, before I continue: HDM? Then it
> should easily be possible to meet some day :-)

That would be nice.
I think we met at the first LibreOffice conference in Paris in 2010.
If you are going to FOSDEM this weekend, I will be making a presentation
about accessibility in the design devroom on Saturday.
Otherwise, we can meet up in Stuttgart.

> Am Montag, den 25.01.2016, 16:18 +0100 schrieb Christophe Strobbe:
> > On 23/01/2016 23:45, Heiko Tietze wrote:
> > > On Saturday, 23 January 2016 23:02:34 CET Christoph Noack wrote:
> > > > What are your initial thoughts, pros, cons, or ideas? I would
> > > > really
> > > > appreciate your feedback - and your questions. And, if needed,
> > > > I'll set
> > > > up a dedicated whiteboard for that topic ...?Thanks!
> [...]
> > There are contrast issues in some of the logos at
> > <https://wiki.documentfoundation.org/images/2/25/LibreOffice_LogoImpr
> > ovements2016_Ideation.png>.
> > (The criterion is use for contrast comes from Success Criterion 1.4.3
> > in
> > the W3C's Web Content Accessibility Guidelines (WCAG) 2.0:
> > <https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contras
> > t-contrast>. 
> > I used the Colour Contrast Analyser from
> > <https://www.paciellogroup.com/resources/contrastanalyser/> to check 
> > the
> > contrast.)
> Thanks! In the past I've used The Gimp for checking against e.g. color
> blindness issues (e.g. for the Writer's notes colors) - I didn't check
> color contrast yet. So I did a quick search but wasn't able to find a
> suitable tool for Linux (Gnome) - just a few websites implementing the
> algorithm. Do you have any hint what tool might just work for my
> environment?

That's the problem with contrast checkers (see my short list at
<http://cstrobbe.github.io/AccessibilityResources/WebAccessibilityTools.html#contrastcheck>):
many of them assume that you have the colour codes available, which is
OK if you are working on a design but not ideal for third parties who do
accessibility evaluations.
On Linux, there used to be a GIMP plugin: "Color Vision Deficiency"
<http://registry.gimp.org/node/24885>, but I don't know if it is
compatible with current versions of GIMP.


> > For example, in the logos above the first horizontal line:
> > * in the logo with the green background, the contrast varies on where
> > you check (due to the gradient):
> > ** close to the "L": #FFFFFF on #36B923: contrast ratio of 2.59 to 1
> > ** close to the other end of the name: #FFFFFF on #18A203: contrast
> > ratio of 3.38 to 1
> > * in the logo with the grey background, the contrast is OK: #FFFFFF
> > on
> > #666666: contrast ratio of 5.74 to 1
> Again, thanks for the hints. I will consider that for the next
> iteration.
>
> > The green letters on a white background also have insufficient
> > contrast.
> Do you refer to the colored version of the LibreOffice logo (dark gray
> / green)?

The coloured logos at the top with "Libre" in green and "Office" in grey
have insufficient contrast in the green part (even in the darkest part
of the gradient) but sufficient contrast in the grey part. So it's
obviously not an issue that you can just "eyeball"; without a tool, it's
hard to see what fails and what passes.

The pink colour that is used in some of the logo variants (for strings
like "platform" and "other information & events") has the colour code
#FF00FF and this also provides insufficient contrast against the white
background. The colour would be fine for bold 18 pt text, but not for
the current size and weight.

Let me know if you want me to test more samples.

Best regards,

Christophe


> Cheers,
> Christoph


-- 
Christophe Strobbe
Akademischer Mitarbeiter
Responsive Media Experience Research Group (REMEX)
Hochschule der Medien
Nobelstraße 10
70569 Stuttgart
Tel. +49 711 8923 2749

“It is possible to make a living making free software for freedom 
instead of closed-source proprietary malware for cops.” 
Jacob Appelbaum, 
<http://dissenter.firedoglake.com/2012/12/28/jacob-appelbaum-on-resisting-the-surveillance-state/>



-- 
To unsubscribe e-mail to: design+unsubscribe@global.libreoffice.org
Problems? http://www.libreoffice.org/get-help/mailing-lists/how-to-unsubscribe/
Posting guidelines + more: http://wiki.documentfoundation.org/Netiquette
List archive: http://listarchives.libreoffice.org/global/design/
All messages sent to this list will be publicly archived and cannot be deleted