Non-linear navigation

Taxonomic name: M-NAVIGATION-NON-LINEAR

Extension: SUPPORTING-NAVIGATION

Archive - Updated 06/12/19. Current version

Molecule

v.4.16.0

Following WCAG 2.1 criterion 2.5.5: Target Size, mark up changes are available using tertiary buttons so that target sizes are large enough for users to easily activate them, even if the user is accessing content on a small handheld touch screen device, has limited dexterity, or has trouble activating small targets for other reasons. The old mark up will continue to be supported for the remainder of Framework version 4.x.x.

Previous code

<div class="l-content-container [ Modifiers ]">
	<h2 class="a-heading a-heading--2 a-heading--light u-margin--top-none">In this section</h2>
	<ul class="a-list-unordered m-navigation-non-linear">
		<li class="m-navigation-non-linear__current"><span>...</span></li>
		...
	</ul>
	<p><a href="..." class="a-button a-button--primary">Back to parent page</a></p>
</div>

Prior to v.4.0.0

Was part of the core styling so no additional CSS file(s) were required to be able to use this component.