Thanks Graham for this addition. Order also must not be used, to rearrange interactive elements, else the tab order would become confusing unless you want to add tab-index-attributes (what you don't want to do!)
As I mentioned before - actually it’s necessary to see the real code to give good advice.
But with everything said here, maybe you can decide what fits your needs best - or ask again about a particular detail. ;-)
On 20. Nov 2019, at 16:00, Graham Armfield <graham.armfield@coolfields.co.uk<mailto:graham.armfield@coolfields.co.uk>> wrote:
Mark Haunschild's idea of using flexbox techniques (specifically flex order) to handle this is actually a good possible solution here.
For those not familiar with flex order, it's a way of changing the visible order of elements within a container without changing the underlying order in the DOM - ie accessed by screen readers.
In many situations of course this would be a bad thing for accessibility - that the visible content order would differ from the order within the HTML, but here it could be used to maintain the underlying integrity of your ordered or unordered list, but to allow the ads to nestle into places seemingly within the list.
The downside is that screen reader users who are sighted are likely to notice the difference between the visible and programmatic order.
Regards
Graham Armfield
coolfields.co.uk<http://www.coolfields.co.uk/>
M:07905 590026
T: 01483 856613
@coolfields<https://twitter.com/coolfields>