How to lead AT users from non-accessible content to an accessible alternative
The Drupal website I'm working on has a traditional grid style calendar. The main view of the calendar is based on the Full Calendar JS library. After testing it with a screen reader I decided it wasn't very accessible and because we lack the resources to make an accessible variant I instead created an alternative view that is a list and can be navigated easily with a screen reader.
My question is how do I best convey the information that the grid calendar is not accessible and instead that the user should use the list version. The list version is not hidden since its also valuable for sighted users who would prefer to see events listed like that.
Here are some ideas I had:
- Add a message at the top of the grid calendar saying "The following view of the calendar is not accessible to assistive technologies such as screen readers. Please use this accessible view instead." and link the message to the accessible view.
- Same as 1, but the message is visually hidden unless it gets focus from the keyboard.
- Add visually hidden text to the end of the links for both the grid view and the list view indicating which is accessible to AT and which is not.
Thanks.