Module: 04 Settings: Schedule & Details
Multiple section elements are present on the page. Whenever sections are present these elements must be programmatically labelled so that there is an accessible name to differentiate these elements.
When there is only one landmark or region, it is still a best practice to label these elements, but when there is only one element of that type (e.g. one article element) it will be more obvious to users which element (such as the article) they are looking for will be.
Developers should use ids on appropriate elements, and programmatically connect these elements with their parent grouping element through the use of aria-labelledby.
<section class="group-settings basic" aria-labelledby="basic">
<h2 id="basic" class="title-2">Basic Information</h2>
IMHO the use of the <header> element is gratuitous here. Recommend removing <header> element from each section of this page. The use of Headings on this page is sufficient for providing structure and navigation aids on this page.