Heading Visualization when Images are used

[clapierre]

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")

[gregoriopellegrino]

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.