Refactor Heading Elements for Screen Readers

[pt2302]

Description/Context

Headings are announced by screen readers; in the code, they are often used for font size. This makes the pages less usable by individuals with screen readers, since the headings are announced unnecessarily.

Plan/Design

Only use heading elements for "true" headings, and use different classes for manipulating font size.

[pdpinch]

Can you give an example?

What's the scope of this, or is that part of the issue?

[pt2302]

Yes, a concrete example is

ocw-hugo-themes/www/layouts/about/section.html

Line 511 in e5e073d

<h4>Hal Abelson</h4>

I think that one approach will be to create or use custom font size tags and use those instead.

[pdpinch]

Can we address this while we're working on the courses-v3 theme?