Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
Hardik-Savani committed Nov 27, 2024
1 parent edc85e4 commit a41a10a
Showing 1 changed file with 9 additions and 7 deletions.
16 changes: 9 additions & 7 deletions docs/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -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>


Expand Down

0 comments on commit a41a10a

Please sign in to comment.