View Issue Details

IDProjectCategoryView StatusLast Update
0005808SOGowith SOGopublic2023-06-27 11:35
Reporterbe.lnrw Assigned To 
PrioritynormalSeverityminorReproducibilityalways
Status newResolutionopen 
Product Version5.8.2 
Summary0005808: Increase contrast ratios in controls in SOGo
Description

WCAG success criterion: "A contrast ratio of at least 3:1 to adjacent Colors applies to the visual presentation of:

User interface components: Visual information that can be used to identification of user interface components and states, except for inactive components or when the appearance of the component is determined by the user agent and is not changed by the author;

Graphical objects: Portions of graphics that are required to understand the content unless a particular presentation of graphics is indispensable for the content to be conveyed

The contrast ratio of the graphical control elements marked in red to the background is not sufficient with the respective measured values and does not meet the requirement of at least 3:1, which makes it difficult to recognize. In particular, this makes it more difficult for users, who will find it difficult to recognize them.

The contrast ratio of the graphical control highlighted in red to the background is insufficient at 1.7:1 and does not meet the specification of at least 3:1. This makes it particularly difficult for visually impaired users.

Proposed Solution:
Since yellow is a common color for favorite markers, a gray frame should be around the star so that at least the shape is recognizable. So that the contrast ratio between the states is still sufficient, however
the star must be completely filled with gray in the initial state. Here it is to note that the gray of the symbols can not be used, because otherwise the contrast ratio between the states is also too low.

Steps To Reproduce

Precondition: Download Colour Contrast Analyser: https://www.tpgi.com/color-contrast-checker/

  1. Open the tool “Colour Contrast Analyser“
  2. Pick Colour from the foreground of the selected symbol
  3. Pick Colour from the background of the selected symbol
Additional Information

The contrast ratio should be at least 3:1

Tagsaccessibility

Activities

Issue History

Date Modified Username Field Change
2023-06-27 11:35 be.lnrw New Issue
2023-06-27 11:35 be.lnrw Tag Attached: accessibility
2023-06-27 11:35 be.lnrw File Added: 8738f359-86ad-4db0-b2ff-7f29041daba9.png
2023-06-27 11:35 be.lnrw File Added: 79c197ab-7406-47c9-8232-0bd508e4bddb.png
2023-06-27 11:35 be.lnrw File Added: 45170f7b-afc4-4d0e-9d85-147b98901d42.png