Uploaded image for project: 'SonarQube'
  1. SonarQube
  2. SONAR-10058

Colorblind-friendly coverage indicators in the code margin

    Details

      Description

      Problem

      Our "Red vs Green" code coverage indicator in the margin of the code viewer is hardly distinguishable for colorblind people. Especially when the two areas of color touch each other.

      To give a better example, here is how people without visual impairments see it:

      And here is how a person with Deuteranomaly sees it

      Solution

      Increase contrasts by changing the colors to
      Red: #a4030f
      Green: #b4dd78
      The orange block should be red as well #a4030f

      This should turn the interface like this:

      People without visual impairments:

      People with Deuteranomaly:

        Attachments

        1. screenshot-1.png
          3 kB
          Michel Albet
        2. Screen Shot 2018-12-21 at 15.11.53.png
          134 kB
          Laura Wacrenier
        3. Screen Shot 2018-12-21 at 15.12.00.png
          140 kB
          Laura Wacrenier
        4. Screen Shot 2018-12-21 at 15.20.21.png
          116 kB
          Laura Wacrenier
        5. Screen Shot 2018-12-21 at 15.20.35.png
          143 kB
          Laura Wacrenier

          Activity

            People

            • Assignee:
              wouter.admiraal Wouter Admiraal
              Reporter:
              laura.wacrenier Laura Wacrenier
            • Votes:
              5 Vote for this issue
              Watchers:
              6 Start watching this issue

              Dates

              • Due:
                Created:
                Updated:
                Resolved: