Accessibility Issue: Lists do not contain only <li> elements and script supporting elements (<script> and <template>). #7625
Labels
Component: Accessibility
Issue or pull request is related to WCAG or ARIA
Describe the bug
While running a Google Lighthouse report on a page using the PrimeReact Breadcrumb component, an accessibility issue was flagged. The report highlights that the Breadcrumb component renders invalid HTML by including non-
.![Image](https://private-user-images.githubusercontent.com/33357270/404980542-88441eb0-6b78-4393-a209-4e528eb605f4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwNzE1MDQsIm5iZiI6MTczOTA3MTIwNCwicGF0aCI6Ii8zMzM1NzI3MC80MDQ5ODA1NDItODg0NDFlYjAtNmI3OC00MzkzLWEyMDktNGU1MjhlYjYwNWY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDAzMjAwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI1ZmM2Y2FmNzJkOGFjNzFlYjk3YjU0MGI5MzVlMjcyZmI3MmY3YWU0OGQxZGRkZjU2MzcyYWFiNzI5MmEyMjYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.d4BLS_wM03jBIsJMpkUzg6U9FFxm-16R-bZtd8ymIj0)
![Image](https://private-user-images.githubusercontent.com/33357270/404980524-ed7ba6df-699d-45a0-ad67-4ab3a28f34f5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwNzE1MDQsIm5iZiI6MTczOTA3MTIwNCwicGF0aCI6Ii8zMzM1NzI3MC80MDQ5ODA1MjQtZWQ3YmE2ZGYtNjk5ZC00NWEwLWFkNjctNGFiM2EyOGYzNGY1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDAzMjAwNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVjYjg4MDBkZTBmZDdiN2M2ZmIzYmFkM2ViYmRjNzQzNWJkNjVmYTMxYTQ3NjRmMDg2MjE3MDAzYTc0ZWM4MTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.nuNei9L72TQiF-V6HeSlIANvAcCkoH_Mg7ioqTPcrlk)
This issue can also be reproduced by running a Lighthouse accessibility audit on the breadcrumb documentation page https://primereact.org/breadcrumb/
Reproducer
No response
System Information
Steps to reproduce the behavior
Navigate to the PrimeReact Breadcrumb documentation page. https://primereact.org/breadcrumb/
Open Google Chrome Developer Tools.
Run a Lighthouse accessibility report.
Observe the issue flagged in the accessibility section of the report.
Expected behavior
No response
The text was updated successfully, but these errors were encountered: