# Accessibility with aria-live and referencing other parts of a page

The setup:

We have section A, where a user interacts with form controls and depending on the interaction receives specific messaging with aria-live.

aria-live="assertive" role=”status”


That messaging drives users to another portion of the page - section B. The copy currently reads:

This product is not available, check availability in stores below

My accessibility concern is that 'below' may be a visual reference.

In situations where there is a need to drive users to another part of a page, how do you address this in accessibility practices?

• you could say 'listed below' making that a hyperlink to that part of the page. It's still a visual reference, but at least linked. – DA01 Jan 14 '15 at 18:54
• @DA01 - that was my first thought, but I don't love that solution – Jason Jan 14 '15 at 18:54
• Well, this is one of those cases where the UX is already suffering because 'the product is not available'. I have a hunch that's where most people will give up anyways. Not that you shouldn't strive for the best solution you can, but this may not be the more important area to focus on. That said, I think can salvage it with wording. Maybe 'check in-store availability (listed below)' or something? – DA01 Jan 14 '15 at 18:56
• @DA01 - unfortunately, I cannot control product stock levels (that would be a higher pay grade ;) ) – Jason Jan 14 '15 at 19:47
• Any possibility of doing something similar to what wikipedia does with citation links and highlight the relevant section as a better than nothing solution? en.wikipedia.org/wiki/User_experience#cite_note-1 – nightning Jan 14 '15 at 20:15