search

daisy / ace

Ace by DAISY, an Accessibility Checker for EPUB
MIT License
74 stars 22 forks source link

Heading Visualization when Images are used #381

Open clapierre opened 1 year ago

clapierre commented 1 year ago

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 commented 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.