# Bug OP-18659 - AXe Accessibility error: invalid list structure

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

## Open points

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Module | Frontend components and Primer design system, Modules and project features / Navigation / Header navigation |
| Target versions | 17.0.2 |
| Observed in versions | 17.0.0 |
| Sprint | 17.0.2 |
| Backlog bucket |  |
| Bug found in version (deprecated) | 17.0.x |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Requires doc change | No |
| Accessibility | Yes |
| Pull preview |  |
| List |  |
| Labels |  |

## People

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

## Planning

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

## Costs

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

## Description

### 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) browser extension.
    
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 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_