Accessibility concerns with Quick Nav component

[GomezIvann]

I launched Lighthouse on the new site to test our accessibility and performance and I found some issues with the Quick Nav component.

After these results and checking the DOM of the component I saw that we are making some major accessibility mistakes. In the Quick Nav example:

The problems here are:

1. <li> tags must always be contained inside <ul> or <ol> as direct parent, so screen readers can identify the whole as a list and read it in a special way (this article explains it in detail).
2. The same on the other way around, <ul> or <ol> must only contain <li> tags as direct childs (this article explains it in detail).

[eriesgo]

Good catch @GomezIvann

For me this is an issue that we will need to add our our backlog.

[GomezIvann]

Agree, this is an important accessibility issue.