I have been working in the accessibility of an accordion that is used to take user input from checkboxes and return a list of criteria based on the user input. We are using Outsystems and have not been able to make the accordion accessible in JAWS for IE, chrome or firefox.
We have exhausted all our resources and rather than scrap the whole accordion, we'd like to create a version that would not involve an accordion and could pass AODA standards. I thought I could create a hidden header so that when a screen reader tabs into it, they would be notified of the accessible version available for them to use and could click the hidden header element to go to that version.
I am wondering if this is an acceptable way to create an accessible functioning page? Is there a better way to do this? Thanks