Methodology Page: Screen reader focus doesn't land on the intended heading.

[marvieqa]

Description

The "Learn more" links from the Filter UI point to span IDs in the Methodology page, where upon navigating to it, the topic is framed beautifully in view. However, when using a screen reader this gets confusing. Here's an example:

Get Access "Learn More link" points to /methodology/#access-method

screenshot

In Methodology page, this ID is pointing in this <span>, I believe because we wanted the "How did we determine “priority”?" heading to be centered in view:

Screenshot

However, this is putting the screen reader focus on the paragraph above the intended heading, thus screen reader announces this first.
A screen reader user may get thrown off when this paragraph is announced without a title or context, because coming from the Filter UI link we tell them this link goes to Methodology - Priority Level. The expectation would be that it announces the heading for Priority Level topic.

Recommendation

• Put the span before the heading (or put the ID on the heading itself and test if it works), even if it means the heading will not be beautifully centered in view, so that screen reader announces the heading right away.