The purpose of this page is to test whether screen readers support various approaches at hiding text. This page includes three sections (not including this paragraph). Each section includes a level 2 heading, followed by a paragraph and an input field. Each of the latter two elements is hidden using the technique described by the heading.
This text is hidden using visibility:hidden
This text is hidden using display:none
This text is positioned off-screen
Each of the following three buttons includes an aria-labelledby attribute, pointing to each of the hidden paragraphs. If a screen reader reads each additional label text for each button, we know that the screen reader can access aria-labelledby content regardless of how that content is originally hidden.