Accessibility-insights-web: <li> elements must be contained in a <ul> or <ol>

[vikasgupta18]

Describe the bug

To Reproduce
Steps to reproduce the behavior:

1. Go to answers.microsoft.com
2. Click on Participate and run accessibility insight tool, It is complaining about "
3. elements must be contained in a
   or
   "

   I verified the html for this and I confirm that

   • elements are already inside

     Here is the code snippet for the same :
     

     Expected behavior

     As it is configured as expected it should not show error for fast pass.

     Screenshots

     
     

     Extension (please complete the following information)

     • OS: Windows 10 enterprise
     • Version : 10.0.18362
     • Browser Version Chrome 71.0]
     • Target Page www.answers.microsoft.com

     Are you willing to submit a PR?

     Yes

[iamrafan]

hi @vikasgupta18, the issue you see is a failure in the sub-list rather than the list you mentioned in the code snippet. Please find the correct snippet from below

This is a valid issue and as highlighted above it is caused by the empty <li> items which do not have role presentation and are interpreted as parent-less listitems by the accessibility tree

[msft-github-bot]

The team requires additional author feedback; please review their replies and update this issue accordingly. Thank you for contributing to Accessibility Insights!

[msft-github-bot]

This issue has been automatically marked as stale because it is marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. Thank you for contributing to Accessibility Insights!

[vikasgupta18]

Thanks for your reply. This was helpful.