Making Accessible Overlay Window
Currently I am working on an eCommerce application, which requires to Pass through AA Accessibility guidelines.
My first task is Making Accessible Overlay window.
1. This overlay window is done using jQuery.
2. On Click link or button an overlay window will open.
3. Once Overlay opens the screen reader focus should go to overlay window and reader travel text links etc.
4. on click ESC it will quit
5. User should navigate to close button through tab order. and on press enter oberlay should close and get's it's focus back to the link or button from where he clicked overlay to open.
Please advice Tow to Achieve this.