Open clapierre opened 1 year ago
We have also encountered the same problem.
I want add one consideration: in my opinion the heading outline should display the accessible name of the <h>
tags. This way we could provide the content creator with an idea of what the assistive technology will actually read.
For example in the case of a page marker within a header the accessible name will contain both the page number and the header:
<h1><span id="page_11" role="doc-pagebreak" aria-label="page 11"/>Chapter 1</h1>
the accessible name will be page 11 Chapter 1
.
In the case where a <h*> contains an image either display that image in this data visualization (preferred solution), or include text "(Image)" and what its alt text description has within it.
EG:
<h1><img style="width: 150pt;" src="../Images/chapter1.jpg" alt="Chapter 1"/></h1>
H1 (Actual Image shown) or H1 (Image: "Chapter 1")