diff --git a/about.html b/about.html
index 5fa3fc8bd248612175b2dc0511084c3b54245367..f79bb40a7c8f8f6c009d007bf36715294d4400bf 100644
--- a/about.html
+++ b/about.html
@@ -11,30 +11,30 @@
</head>
<body>
- <header>
+ <header id="main-navigation">
<img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
- <nav id="main-navigation" aria-labelledby="Create Against Hate Main Navigation">
+ <nav aria-labelledby="Create Against Hate Main Navigation">
<ul role="menubar" class="navbar">
<li role="none">
<a href="#" role="menuitem">
<!-- .hideable-text exists for the mobile navigation which contains no text -->
- <span class="icon--home"></span><span class="hideable-text"> Home</span>
+ <span class="icon--home"></span><span class="hideable-text">Home</span>
</a>
</li>
<li role="none">
<a href="about.html" role="menuitem" aria-current="page">
- <span class="icon--about"></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
+ <span class="icon--about"></span><span class="hideable-text">About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="rules.html" role="menuitem">
- <span class="icon--rules"></span><span class="hideable-text"> Jam Rules</span>
+ <span class="icon--rules"></span><span class="hideable-text">Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" role="menuitem">
- <span class="icon--location"></span><span class="hideable-text"> How to find us</span>
+ <span class="icon--location"></span><span class="hideable-text">How to find us</span>
</a>
</li>
</ul>
diff --git a/index.html b/index.html
index b120db8a8cad82f0812323b07f42ce16c4673cc6..4ee0a842d42415dad55f09687876f0bf7f2d9785 100644
--- a/index.html
+++ b/index.html
@@ -11,9 +11,9 @@
</head>
<body>
- <header>
+ <header id="main-navigation">
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
- <nav id="main-navigation" aria-labelledby="Create Against Hate Main Navigation">
+ <nav aria-labelledby="Create Against Hate Main Navigation">
<ul role="menubar" class="navbar">
<li role="none">
<a href="#" role="menuitem" aria-current="page">
diff --git a/location.html b/location.html
index 6874217dba67392bf9e107058c8f9df9913a1d58..28ec5ae293e0805d4d1a586588037ecf8107573b 100644
--- a/location.html
+++ b/location.html
@@ -11,30 +11,30 @@
</head>
<body>
- <header>
+ <header id="main-navigation">
<img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
- <nav id="main-navigation" aria-labelledby="Create Against Hate Main Navigation">
+ <nav aria-labelledby="Create Against Hate Main Navigation">
<ul role="menubar" class="navbar">
<li role="none">
<a href="#" role="menuitem">
<!-- .hideable-text exists for the mobile navigation which contains no text -->
- <span class="icon--home"></span><span class="hideable-text"> Home</span>
+ <span class="icon--home"></span><span class="hideable-text">Home</span>
</a>
</li>
<li role="none">
<a href="about.html" role="menuitem">
- <span class="icon--about"></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
+ <span class="icon--about"></span><span class="hideable-text">About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="rules.html" role="menuitem">
- <span class="icon--rules"></span><span class="hideable-text"> Jam Rules</span>
+ <span class="icon--rules"></span><span class="hideable-text">Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" role="menuitem" aria-current="page">
- <span class="icon--location"></span><span class="hideable-text"> How to find us</span>
+ <span class="icon--location"></span><span class="hideable-text">How to find us</span>
</a>
</li>
</ul>
diff --git a/rules.html b/rules.html
index ea4ca40f0c3f01d5778772ca3f24e9e8cb4616be..a3ecad4625c7c18e5b97d186ea1004bef45303c2 100644
--- a/rules.html
+++ b/rules.html
@@ -11,30 +11,30 @@
</head>
<body>
- <header>
+ <header id="main-navigation">
<img src="assets\main-logo\logo-long-dark.min.svg" alt="Create Against Hate Logo">
<!-- Navigation Bar -- index.html && about.html && rules.html && location.html -->
- <nav id="main-navigation" aria-labelledby="Create Against Hate Main Navigation">
+ <nav aria-labelledby="Create Against Hate Main Navigation">
<ul role="menubar" class="navbar">
<li role="none">
<a href="#" role="menuitem">
<!-- .hideable-text exists for the mobile navigation which contains no text -->
- <span class="icon--home"></span><span class="hideable-text"> Home</span>
+ <span class="icon--home"></span><span class="hideable-text">Home</span>
</a>
</li>
<li role="none">
<a href="about.html" role="menuitem">
- <span class="icon--about"></span><span class="hideable-text"> About <i>Stop Hate UK</i></span>
+ <span class="icon--about"></span><span class="hideable-text">About <i>Stop Hate UK</i></span>
</a>
</li>
<li role="none">
<a href="rules.html" role="menuitem" aria-current="page">
- <span class="icon--rules"></span><span class="hideable-text"> Jam Rules</span>
+ <span class="icon--rules"></span><span class="hideable-text">Jam Rules</span>
</a>
</li>
<li role="none">
<a href="location.html" role="menuitem">
- <span class="icon--location"></span><span class="hideable-text"> How to find us</span>
+ <span class="icon--location"></span><span class="hideable-text">How to find us</span>
</a>
</li>
</ul>