Content
View differences
Updated by Behrokh Satarnejad 6 months ago
### 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/](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/](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/](https://www.w3.org/WAI/tutorials/images/informative/)
Hide the Gantt chart from the assistive tools
* 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/](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/](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/](https://www.w3.org/WAI/tutorials/images/informative/)
Hide the Gantt chart from the assistive tools