Summary

The links for navigation menubar and navigation treeview in the README.md take you to the the APG homepage, not their specific menus.

Solution

Correct the links so that they point to the correct locations.

Same situation as NickDJM/accessible-menu#188.

Will add it in the same place as wherever is decided for accessible-menu.

Lighthouse reports new error:

Some ARIA parent roles must contain specific child roles to perform their intended accessibility functions.

What are the steps to reproduce this issue?

1. Go to https://mandrasch.github.io/accessible-menu-bootstrap-examples/bs5-examples/
2. Run Lighthouse
3. See error

The version of CodeQL that this is using to run tests it deprecated and no longer receiving updates. Need to upgrade to v2.

https://github.blog/changelog/2023-01-18-code-scanning-codeql-action-v1-is-now-deprecated/

Not a huge vulnerability issue, but could result in problems.

Related Issues

There have been a few breaking changes made in 4.x of accessible-menu. Need to make sure this works with the latest version.

Solution

• Check/update error handling
• Swap to vite?

The main project is implementing a new menu type. This project will need to be updated to handle it once it's finalized.

NickDJM/accessible-menu#164

The path to the workflow badges in the README.md need to be updated.

See badges/shields#8671

Thanks very much for providing this as open source! 👍

Summary

I tried to setup the example Two-level menu with toggle in a Codepen, but I get

TypeError: Cannot read properties of null (reading 'addEventListener')
    at _baseMenu.js:881:25

Error results from .dom.link:

 _handleFocus() {
    this.elements.menuItems.forEach((menuItem, index) => {
      menuItem.dom.link.addEventListener("focus", () => {

I already changed this line from docs

const menu = new AccessibleMenu.Bootstrap5DisclosureMenu({

to

const menu = new AccessibleMenuBootstrap5.Bootstrap5DisclosureMenu({

initialize it correctly.

I load the bootstrap css and the following js in codepen:

https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.min.js
https://cdn.jsdelivr.net/npm/[email protected]/dist/accessible-menu-bs5.min.js

Live: Codepen Live
Editor: Codepen Editor

Is there something I missed? I'm not familiar with dom.link of elements?

Thanks in advance!