Thanks, Stephanie! It's working well for me with one exception. I followed the following steps:
1. Found a patron with items checked out
2. Set one of those items to lost
3. Opened the "Bills" tab for that patron
4. Asked VoiceOver to read the grid
5. VoiceOver read "Lost materials" twice!
In the elements tab of the Devtools, it seems like the aria-hidden is missing. For what it is worth, I suspect the "sanitize" feature in the AngularJS ngBindHtml directive. When I add $sce as a dependency for the PatronBillsCtrl controller and change `return "<i class[...] </span>"` to `return $sce.trustAsHtml("<i class[...] </span>")`, the aria-hidden shows up in my Devtools and VoiceOver announces "Lost materials" only once.
Why $sanitize would think "aria-hidden" is more suspicious than "class" or "title" is beyond me hahaha.
Thanks, Stephanie! It's working well for me with one exception. I followed the following steps:
1. Found a patron with items checked out
2. Set one of those items to lost
3. Opened the "Bills" tab for that patron
4. Asked VoiceOver to read the grid
5. VoiceOver read "Lost materials" twice!
In the elements tab of the Devtools, it seems like the aria-hidden is missing. For what it is worth, I suspect the "sanitize" feature in the AngularJS ngBindHtml directive. When I add $sce as a dependency for the PatronBillsCtrl controller and change `return "<i class[...] </span>"` to `return $sce.trustAsHtm l("<i class[...] </span>")`, the aria-hidden shows up in my Devtools and VoiceOver announces "Lost materials" only once.
Why $sanitize would think "aria-hidden" is more suspicious than "class" or "title" is beyond me hahaha.