fix: remove unnecessary semantics

platform-coop-toolkit · Jan 21, 2020 · 46252a7 · 46252a7
1 parent 24c2da0
commit 46252a7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/src/assets/styles/layouts/_footer.scss b/src/assets/styles/layouts/_footer.scss
@@ -45,14 +45,13 @@ footer {
 	}
 
 	.nav {
-		list-style: none;
 		margin-top: rem(16);
 
-		li {
+		p {
 			line-height: rem(28);
 		}
 
-		li + li {
+		p + p {
 			margin-top: 0;
 		}
 	}

diff --git a/src/components/02-molecules/11-footer/footer.njk b/src/components/02-molecules/11-footer/footer.njk
@@ -4,17 +4,16 @@
 			{% render '@svg', {svg: 'logo', class: 'logo__image', viewBox: '0 0 282.08 78.75'}, true %}
 			<span class="screen-reader-text">Platform Cooperativism Consortium</span>
 		</a>
-		<span id="footer-nav-label" class="screen-reader-text">footer navigation</span>
-		<ul class="nav" aria-labelledby="footer-nav-label">
-			<li><a class="link--inverse" rel="external" href="https://platform.coop/open-access-and-privacy-policy/">Our open access &amp; privacy policy</a></li>
-			<li><a class="link--inverse" rel="external" href="https://platform.coop/diversity-inclusion/">Our commitment to diversity &amp; inclusion</a></li>
-		</ul>
+		<div class="nav">
+			<p><a class="link--inverse" rel="external" href="https://platform.coop/open-access-and-privacy-policy/">Our open access &amp; privacy policy</a></p>
+			<p><a class="link--inverse" rel="external" href="https://platform.coop/diversity-inclusion/">Our commitment to diversity &amp; inclusion</a></p>
+		</div>
 	</div>
 	<div class="column">
-		<p class="h4"><a rel="external" class="link--inverse" href="https://platform.coop/contact-us/">Contact us</a></p>
-		<p>
+		<div class="h4"><a rel="external" class="link--inverse" href="https://platform.coop/contact-us/">Contact us</a></div>
+		<div>
 			<strong>Email</strong><br />
 			<a class="link--inverse" href="mailto:info@platform.coop" rel="external">info@platform.coop</a>
-		</p>
+		</div>
 	</div>
 </div>