]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commit
Issue #7904 should be addressed by updating various ARIA related issues.
authorsethk <sethk@criticalmass.com>
Thu, 14 Apr 2016 14:01:57 +0000 (08:01 -0600)
committersethk <sethk@criticalmass.com>
Thu, 14 Apr 2016 14:01:57 +0000 (08:01 -0600)
commit61e94d323e763a922149fc64f7f86dad367abc9f
treeb8d7cffc93991169958a026de41f531d87f88e5a
parent1bf035fdb7579e949c534ee42c9b4ec67b9ae429
Issue #7904 should be addressed by updating various ARIA related issues.

Removed aria-hidden on both the body and the overlay. Since the modals are children of both of those anything that has an aria-hidden=true will be ignored by the screen reader. This is why with a keyboard you can tab around int he modal but when you use a screen reader and you tab around you can't access the content within the modal.

I also enhanced the aria-labeledby by checking to see if the modal has a H Tag (H1,2,3,4,5,6) of sorts. If it finds a H Tag the first one found will be associated to the aria-labeledby and thus will result with that text announced to the a screen reader after opening a modal. if there is no header it will utilize the element (href, button, etc...) that opened the modal and associated itself to the aria-labeledby and thus will result with that text announced to the a screen reader after opening a modal.
js/foundation.reveal.js