Function
One section of the course page: a gold eyebrow, a level-two heading, then its content, as a region named by the heading.
Naming the region lets assistive technology list the page's sections (What you'll learn, the sounds, the syllabus) as landmarks.
<CourseSection eyebrow="Syllabus" heading="5 lessons, one prize each"> <CourseSyllabus view={view} /></CourseSection> Copy
<CourseSection eyebrow="Syllabus" heading="5 lessons, one prize each"> <CourseSyllabus view={view} /></CourseSection>
One section of the course page: a gold eyebrow, a level-two heading, then its content, as a region named by the heading.