Create Accessible and inaccessible headings html web page

[Madhav4466]

Add the HTML page having divided into two parts, the left part should contain accessible headings and the right part should contain inaccessible headings or vice versa.

Mentioning the requirement for both the sections below.

Passing Heading Examples

• Semantic heading (h1 to h6 elements)

• Headings with aria role

• Create section-wise headings

• Proper Heading Hierarchy

Failing Heading Examples

• Used CSS to feel like heading with a non-semantic element (for ex. p, div, span, etc.)

• Role missing to a non-semantic HTML heading element

• level attribute missing on heading element while the role attribute is available

• Semantic heading element with wrong/unnecessary aria-level

• Section heading is missing

• improper heading structure

• Section heading is marked as hidden but still visible on the page

Create a new web page and name it as heading_examples.html inside the Widgets Pages/Heading/Heading Examples folder.
Implement the above-mentioned stuff in that web page.

Thanks