A good heading structure is one of the most important accessibility considerations in web page design. Headings provide context and a way to navigate through web page. The header is use for navigation, either visually or with a screen reader, in order to find content we are searching for.
We had put our effort to design a header using some of the website as a references.