"Possible misuse of aria-label" warning

Hi;

We're using figure elements (with role=group) to provide accessible content from infographics.

There are actually two sets of text for each infographic: a displayed caption, and fully descriptive text for the content in the infographic, that is not displayed but is available for screen readers).

It seemed prudent to apply different aria-labels to these two divs, but its getting a warning from the "nu" validator.

Here's the basic code:

  <figure role="group" aria-label="Tourism">
  <img src="tourism.jpg"  alt=" Tourism Infographic" class="slide-image">
    <figcaption>
      <div class="hideme" aria-label="Tourism content"><p></p></div>
      <div class="slide-text" aria-label="Tourism caption"><p>Tourism caption</p></div>
      </figcaption>
  </figure>

Is that really a misuse of aria-label? "aria-describedby" doesn't seem good, because in many cases the infographic content is best provided in tabular or list format.

Thanks for your time!

Regards,

--Brian

Brian J. Miller
ITS-3

Office of Information Technology Services
Revenue & Employment Portfolio, Enterprise Architecture and Shared Solutions
WA Harriman Campus, Building 8, Albany, NY 12227
(518) 451-8988 (desk) |  (518) 322-6476 (mobile)
brian.miller@its.ny.gov<mailto:brian.miller@its.ny.gov>
www.its.ny.gov<http://www.its.ny.gov/>

Received on Friday, 21 June 2019 06:53:05 UTC