From a41a10a9aac52eabcf1d1818e5b1639fefd238a2 Mon Sep 17 00:00:00 2001
From: Hardik-Savani <hardik.savani@gmail.com>
Date: Wed, 27 Nov 2024 11:12:04 +0000
Subject: [PATCH] Update index.html

---
 docs/index.html | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 0a482cc..d6c04a2 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -262,7 +262,7 @@
 
           <li class="md-nav__item">
   <a href="#1-core-colours" class="md-nav__link">
-    1. Core colours
+    1. Colours
   </a>
 
 </li>
@@ -718,7 +718,7 @@ <h3 id="use-of-colours">Use of colour</h2>
 </li>
 </ul>
 
-<h3 id="core-colours">Core colours</h3>
+<h3 id="core-colours">Colours</h3>
 
 <table class="app-colour-list" summary="Table of main colours">
     <tbody>
@@ -1244,7 +1244,7 @@ <h3 id="when-to-use-capital-letters">When to use Capital letters</h3>
 <ul class="bullet-padding">
   <li>Examples</li>
   <li>Codeine comes mixed with paracetamol (co-codamol) or with aspirin (co-codaprin) or with ibuprofen (Nurofen Plus). </li>
-  <li class="page-body-link">Watch these <a href="https://www.healthtalk.org/" target="_blank">healthtalk.org (opens in a new window)</a> videos. </li>
+  <!-- <li class="page-body-link">Watch these <a href="https://www.healthtalk.org/" target="_blank">healthtalk.org (opens in a new window)</a> videos. </li> -->
 </ul>
 <li>Conditions are lower case except where they start with a proper name. For example: </li>
 <ul class="bullet-padding">
@@ -1296,10 +1296,12 @@ <h3 id="typography">Typography</h3>
 
 <h3 id="information">Information hierarchy (Semantic page structure) </h3>
 <ul>
-<li>make sure headers and sub-headers are labelled correctly for screen readers</li>
-<li>only one H1 header (always page title) (establish Foundry equivalent) </li>
-<li>headings and sub-headings should follow a logical hierarchy. The second heading on a page should be a h2, any subheadings to this section a h3. You can have more than one h2  </li>
-<li>heading levels can never be skipped on the way down (h1, h2, h3, h4) but can be on the way up (h4, h2)  </li>
+  <li>any user with special needs (for example impaired vision) and uses a screen-reader, will rely on the HTML to read the page </li>
+  <li>headings and sub-headings should follow a logical hierarchy</li>
+  <li>only one H1 header (always page title). Make sure headers and sub-headers are labelled correctly for screen readers</li>
+  <li>The second heading on a page should be a h2, any subheadings to this section a h3. You can have more than one</li>
+<li>heading levels can never be skipped on the way down (h1, h2, h3, h4, h5 and h6) but can be on the way up (h4, h2)</li>
+
 </ul>