In today's episode of #accessibility shit-fuckery, booking.com hides hotel prices from accessibility tools using aria-hidden. Even better, they have an sr-only version of the price, except that is inside an aria-hidden container, so it isn't actually exposed to screen readers.
<div aria-hidden="true" tabindex="0" ... aria-describedby="_36ygf5luf">
<div>
<div ... aria-hidden="true">
AUD 89
</div>
</div>
<div>
<div ... aria-hidden="true">
<span ...>
AUD 72
</span>
</div>
<span class="bui-u-sr-only">
Original price
AUD 89
Current price
AUD 72
</span>
</div>
</div>
<div aria-hidden="true" tabindex="0" ... aria-describedby="_36ygf5luf">
<div>
<div ... aria-hidden="true">
AUD 89
</div>
</div>
<div>
<div ... aria-hidden="true">
<span ...>
AUD 72
</span>
</div>
<span class="bui-u-sr-only">
Original price
AUD 89
Current price
AUD 72
</span>
</div>
</div>
reshared this
Pratik Patel
in reply to Jamie Teh • • •Kara Goldfinch
in reply to Jamie Teh • • •Andre Louis
in reply to Jamie Teh • • •Jamie Teh
in reply to Andre Louis • • •Matthew J
in reply to Jamie Teh • • •André Polykanine
in reply to Jamie Teh • • •On a more serious point, I encounter more and more overuse of aria-hidden for some reason. There must be a shitty article somewhere about it, or a shitty library/framework that encourages its use.