# Feature DREAM-956 - Use Primer tooltips for the remaining hints outside the work package table

Project: Stream Design System
Status: in specification
URL: https://community.openproject.org/work_packages/DREAM-956

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 18.1.0 |
| Sprint |  |
| Backlog bucket |  |
| Votes |  |
| List | a11y report 2026 |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module | Frontend components and Primer design system, Accessibility |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan | Community (COM) |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Accessibility | Yes |

## People

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

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

### Context

<mention class="mention" data-id="DREAM-950" data-type="work_package" data-text="#DREAM-950">#DREAM-950</mention> (<https://github.com/opf/openproject/pull/26345>) replaces `title` on buttons and links in Angular templates with Primer tooltips through the `opTooltip` directive. A few controls outside the work package table were left out: one builds its controls in TypeScript and still uses `title`, and two hand-write their `<tool-tip>` on hosts the directive was not applied to. The work package table and its display fields are covered by <mention class="mention" data-id="DREAM-955" data-type="work_package" data-text="#DREAM-955">#DREAM-955</mention>.

### Goal

These controls show their hint as a Primer tooltip that keyboard users reach on focus, touch users can see, and screen readers announce as the control's name or description, the same as controls converted in <mention class="mention" data-id="DREAM-950" data-type="work_package" data-text="#DREAM-950">#DREAM-950</mention>.

### Acceptance criteria

  - Non-working days list (admin working days settings): the icon-only delete link is named by a label tooltip and its text is translated (today it is the hard-coded English `Delete`).
  - Attribute help text icons (work package forms and full view) use the directive instead of their hand-written `<tool-tip>`, and keep their current name.
  - The hidden-list warning icon on boards gets a tooltip that is reachable by keyboard.
  - No `title` attribute remains on these controls.

### Notes

  - Paths under `frontend/src/app`: `shared/components/op-non-working-days-list/op-non-working-days-list.component.ts`, `shared/components/attribute-help-texts/attribute-help-text.component.html`, `features/boards/board/board-partitioned-page/board-list-container.component.html`.
  - The help text host is a `div role="button" tabindex="0"` with its own `aria-labelledby`; it may become a native button.