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>