# Feature DREAM-311 - [Accessibility] Provide alternative text for images

Project: Stream Design System
Status: closed
URL: https://community.openproject.org/work_packages/DREAM-311

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 17.0.0 |
| Sprint |  |
| Backlog bucket |  |
| Votes | 1 |
| List | a11y report 2025 |
| 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 | Accessibility |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

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

## People

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

## Estimates and progress

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

## Description

### Problem

  - Currently, most of our images do not have an alternative text which makes it hard for screen reader users to detect

### Acceptance criteria

  - Provide alternative texts for images, see <https://www.w3.org/WAI/tutorials/images/functional/>

  - Currently identified places:
    
      - Home screen -\> What's new teaser
        
          - can be `alt=""` as it is purely decorative and camn be skipped by the screen reader
    
      - User avatars
        
          - If the avatar has an action behind it (e.g in the top menu), the alt text needs to convey that information
        
          - If it is purely decorative, it can be `alt=""`
        
          - If it transports information and there is no name rendered (e.g. for the assignee in a board), the alt text needs to  convey that information
    
      - Overview -\> Graphs
        
          - see <https://www.w3.org/WAI/tutorials/images/informative/>
            
            Add a summary for the Graph, because it is a canvas and the data won't be read by the assistive tools.
    
      - Gantt chart
        
          - see <https://www.w3.org/WAI/tutorials/images/informative/>
            
            Hide the Gantt chart from the assistive tools