Resources/Examples of accessible views filters + AJAX?

BBC's picture

Hi all. Am looking for resources related to making Views filters accessible when they are exposed in a block and where AJAX is enabled.

Are there any examples or how-to resources out there that document what it takes to modify the default views templates to enable aria-live etc. in a way that would allow these features to be turned on and meet WCAG?

I saw a couple of related issues about D8, but am looking specifically for a technique that might be usable on a present-day D7 project.

Thanks!

Comments

Some elements can be backported

mgifford's picture

There are ways to introduce ARIA to improve accessibility.

Useful to have specific examples though. Can you point to an implementation you'd like to improve?

Thanks

BBC's picture

I don't have a specific implementation to point to at the moment. However, the question would apply to any view where AJAX is enabled and an exposed filter is turned on.

The specific use case I have in mind is a simple node teaser view for one or more content types with multiple exposed taxonomy term filters available and exposed in a sidebar block.

I had done some initial experimentation with theme overrides and functions to insert aria roles, but didn't have much luck getting AT to recognize the relationships or behave differently than they did originally -- thus the request for some resources and examples of where this may have been done before.

If no such resource exists, I'd be interested in helping to create one.

Thanks much!

Accessibility

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week