- From: Miller, Brian (ITS) <Brian.Miller@its.ny.gov>
- Date: Thu, 20 Jun 2019 17:31:28 +0000
- To: "www-validator@w3.org" <www-validator@w3.org>
- Message-ID: <MN2PR09MB3582F2C27C922E45E2F82EBAB6E40@MN2PR09MB3582.namprd09.prod.outlook.com>
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