# Bug OP-11034 - Insufficient contrast ratio between activity font color and background

Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-11034

## Open points

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Module |  |
| Target versions | 12.3.0 |
| Observed in versions | 12.2.0 |
| Sprint | 12.3.0 |
| Backlog bucket |  |
| Bug found in version (deprecated) | 12.2.x |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Requires doc change | No |
| Accessibility | Yes |
| Pull preview |  |
| List | a11y report 2025 |
| Labels |  |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Planning

| Attribute | Value |
| --- | --- |
| Relevance |  |

## Costs

| Attribute | Value |
| --- | --- |
| Votes |  |
| Work |  |
| Labor costs |  |

## Description

### Steps to reproduce

1.  Open work package and check out contrast of font color for activity text (<mention class="mention" data-id="878787" data-type="work_package" data-text="#878787">#878787</mention>) and background color (#FFFFFF).

### What is the buggy behavior?

  - The contrast is insufficient (3.59 - should be at least 4.5 for large text (over 18 point or 14 point bold)).
      - Checked on <https://webaim.org/resources/contrastchecker/>
      - See our [accessibility checklist](https://www.openproject.org/docs/development/accessibility-checklist/#12-relations--context).

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38109/content">

<img class="op-uc-image op-uc-image_inline" style="width:724px;" src="/api/v3/attachments/38110/content">

### What is the expected behavior?

1.  The contrast is sufficient (see our [accessibility checklist](https://www.openproject.org/docs/development/accessibility-checklist/#12-relations--context))

### Environment information

**OpenProject installation type**

- [x] Hosted cloud edition
- [ ] Packaged installation
    - What distribution?
- [ ] Docker All-in-one container
- [ ] Docker-compose installation
- [ ] Other (please specify)

**OpenProject version**

OP 12.2.1

**Browser**

- [x] Chrome
- [x] Firefox
- [ ] Safari
- [ ] Mobile Safari
- [ ] Other (please specify)