Fix aria-required-parent Accessibility issue

ARIA roles hierarchy

An HTML element can be given a role to instruct Assistive Technologies to treat an element different. An example is the menu role which instructs Assistive Technologies to treat the element(s) as a menu.

Some roles are only valid when placed inside an element with a role. For example, a menuitem must be wrapped in an element with the roles menu or menubar.

<section role="list">
  <div role="listitem">List item 1</div>
  <div role="listitem">List item 2</div>
  <div role="listitem">List item 3</div>
</section>

Note, you must also provide the required attributes for the parent role if needed.