Content
View differences
Updated by Alexander Coles 5 months ago
### Steps to reproduce
1. Login as a user to OpenProject.
2. Visit any page
3. Scan the page with the [AXe DevTools](https://chromewebstore.google.com/detail/lhdoppojpmngadmnindnejefpokejbdd?utm_source=item-share-cb) AXe DevTools browser extension.
4. Alternatively (for devs), inspect the `.op-app-menu` element. extension.
### What is the buggy behavior?
* AXe DevTools reports invalid list structure.
* `<ul>` contains `<button`, `<tool-tip>` and other illegal elements.
### What is the expected behavior?
1. AXe DevTools should not report invalid use a list structure.
2. In this case, we are not using a list. We should use another container element - or even better, `<nav>` to provide navigation semantics.
### Screenshots and other files
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/918239/content"> <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/918240/content">
### Environment information
**OpenProject installation type**
* Hosted cloud edition
**OpenProject version**
**Core build**
[b229c5750d34670d391bc8e12c176f2faf29d7e4](https://github.com/opf/openproject/commits/b229c5750d34670d391bc8e12c176f2faf29d7e4)
**Product version**
[2f57a70dd455e8ac9de62708487287ff0e3e69a1](https://github.com/opf/saas-openproject/commits/2f57a70dd455e8ac9de62708487287ff0e3e69a1)
**Core version**
OpenProject 17.1.0
**Browser**
* [x] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [ ] Windows
* [x] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)
**Language**
_en\_GB_
1. Login as a user to OpenProject.
2. Visit any page
3. Scan the page with the [AXe DevTools](https://chromewebstore.google.com/detail/lhdoppojpmngadmnindnejefpokejbdd?utm_source=item-share-cb)
4. Alternatively (for devs), inspect the `.op-app-menu` element.
### What is the buggy behavior?
* AXe DevTools reports invalid list structure.
* `<ul>` contains `<button`, `<tool-tip>` and other illegal elements.
### What is the expected behavior?
1. AXe DevTools should not report invalid
2. In this case, we are not using a list. We should use another container element - or even better, `<nav>` to provide navigation semantics.
### Screenshots and other files
<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/918239/content"> <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/918240/content">
### Environment information
**OpenProject installation type**
* Hosted cloud edition
**OpenProject version**
**Core build**
[b229c5750d34670d391bc8e12c176f2faf29d7e4](https://github.com/opf/openproject/commits/b229c5750d34670d391bc8e12c176f2faf29d7e4)
**Product version**
[2f57a70dd455e8ac9de62708487287ff0e3e69a1](https://github.com/opf/saas-openproject/commits/2f57a70dd455e8ac9de62708487287ff0e3e69a1)
**Core version**
OpenProject 17.1.0
**Browser**
* [x] Chrome
* [ ] Firefox
* [ ] Safari
* [ ] Mobile Safari
* [ ] Other (please specify)
**Operating System**
* [ ] Windows
* [x] Mac OS X
* [ ] Mobile iOS
* [ ] Mobile Android
* [ ] Linux (please specify distro)
* [ ] Chrome OS
* [ ] Other (please specify)
**Language**
_en\_GB_