W3C validator error with MUI Dialog and aria-hidden
This repo has been bootstrapped with MUI Create React App example with TypeScript.
It shows a code that results in errors about some HTML tags having an invalid aria-hidden="true" attribute when the dialog is opened.
The full list of the HTML elements that can't have aria-hidden can be found in the html-aria website.
This app contains the ones that may be direct children of the <body> tag, and therefore get the aria-hidden attribute:
<input type="hidden"><link><map><meta><noscript><picture><script><template>
The following ones can't be direct children of <body>, but can be inside <body>:
<col>and<colgroup>: can only be used in a<table><param>: has to be direct child of<object><slot>: has to be used in phrasing content whereas<body>has flow content<source>: has to be a direct child of<picture>or a media element<style>: has to be in the<head>or in a meta context<track>: has to be a child of a media element
The following ones can't be inside <body>:
<base>: can only be used in<head><head>: sibling of<body><html>: parent of<body><title>: has to be a direct child of<head>
Error: The aria-hidden attribute must not be specified on an input element whose type attribute has the value hidden.
Error: The aria-hidden attribute must not be specified on the link element.
Error: The aria-hidden attribute must not be specified on the map element.
Error: The aria-hidden attribute must not be specified on the meta element.
Error: The aria-hidden attribute must not be specified on the noscript element.
Error: The aria-hidden attribute must not be specified on the picture element.