description role example with flowto/flowfrom relationship

How this works

Firefox implements the Ia2 flowto/flowfrom relationships. Developers can set the relationship by using the aria-flowto attribute with a value matching the id value of another element. JAWS announces when an element has a flowto relationship "has flows to" and provides navigation to the start of the element using the = key. The reverse relationship "flowfrom" is also announced (after content has been announced)"has flows from" and the user can navigate back to the target using the shift+equals keys.

notes:

example

HTML5

intervening content in DOM

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec accumsan libero quis arcu semper, quis auctor lacus laoreet. Cras a vestibulum sem. Aliquam erat volutpat. Vestibulum ornare ut quam vitae iaculis. Nam sollicitudin lacus in risus volutpat, sit amet porttitor libero blandit. Pellentesque facilisis, ipsum in tincidunt dignissim, nunc nunc consequat enim, eget pellentesque purus urna eu felis. Maecenas sodales elit metus, id dignissim neque pretium eu. Integer in malesuada sapien. Nullam et purus et lectus volutpat finibus in nec risus. Donec fermentum erat libero, id porta nibh porta sed. Nam bibendum ligula ut ante iaculis rhoncus.

description text

HTML5 logo: Shaped like a shield with the text 'HTML' above and the numeral '5' prominent on the face of the shield.