Why is the Accessibility checker not ignoring an element?
Hello,
I have a professor who created a packaged OER textbook and shares it via the HTML pages on Brightspace. The issue is that when he is using the Accessibility Checker, it flags the figure caption for not having enough contrast since it's light gray.
Here's the code he's using: <figure><img src="/content/enforced/41136-off.202515.15054/pic0_20250710163910509.jpg" style="width: 40.0%;" alt="Alfred Marshall, public domain image via Wikipedia"><figcaption aria-hidden="true">Alfred Marshall, public domain image via <a href="https://commons.wikimedia.org/wiki/File:Alfred_Marshall.jpg">Wikipedia</a></figcaption></figure>
Despite the aria-hidden=true, the Brightspace accessibility checker doesn't ignore the element. And, somewhere in the CSS Brightspace is setting the caption to not have a contrast ratio of at lease 4.5:1.
While this isn't a sustainable method, he tried adjusting the style by inputting: figcaption!important {font-weight:normal;}, But… According to the accessibility checker, it's still no good. Seems as if anything in the HEAD of the frame is just ignored while in the editor?
Any thoughts on this? Known issue with a fix or a fix forthcoming?
Thanks,
Yildiz