Update index.html

docs/index.html

@@ -685,15 +685,15 @@ <h3 id="2-type-sizes">2.   Type sizes</h3>
 </ul>
 <h3 id="3-accessibility">3.   Accessibility</h3>
 <ul>
-<li>In the UK, almost 1 in 5 people have a disability of some kind. Many more have temporary or situational disabilities, like an illness or injury. When you're working on NHS internal services, think about how people with different needs might use what you're making.  </li>
+<li>in the UK, almost 1 in 5 people have a disability of some kind. Many more have temporary or situational disabilities, like an illness or injury. When you're working on NHS internal services, think about how people with different needs might use what you're making.</li>
 <!-- <li>set up automated accessibility testing and fix issues you identify</li> -->
 <li class="page-body-link">use the NHS <a href="https://nhsdigital.github.io/accessibility-checklist/" target="_blank">accessibility checklist (opens in a new window)</a> to carry out an initial Web Content Accessibility Guidelines (WCAG) evaluation</li>
 </ul>
 <h3 id="4-headings">4.   Headings</h3>
 <ul>
-<li>make headings meaningful, let readers know where they are and what they are looking at </li>
-<li>use “sentence case” for headings (capital letter at the start and for proper names)  </li>
-<li>make proper use of the Semantic page structure used in Workshop to make it readable by screen-readers</li>
+<li>make headings meaningful, let readers know where they are and what they are looking at</li>
+<li>use “sentence case” for headings (capital letter at the start of sentences, and for proper names)  </li>
+<li>make proper use of a semantic page structure (see more detail below) to make your product readable by screen-readers</li>
 </ul>
 <h3 id="5-links">5.   Links</h3>
 <ul>
@@ -897,7 +897,7 @@ <h4 class="no-margin-bt no-margin-tp">White button on solid background colour (r
       <tr class="app-colour-list__row">
         <td colspan="3">
           <h4 class="no-margin-bt no-margin-tp">When to use a white button on solid background colour </h4>
-          <span>White buttons on solid background colour are good on components where link text, primary and secondary buttons would be lost. </span>
+          <span>White buttons on solid background colour are good on components where link text, primary and secondary buttons would be lost.On busy screens with many KPI widgets, and where there is no main action, use the white buttons and ensure to write clear and concise button labels  </span>
         </td>
       </tr>
 
@@ -977,13 +977,13 @@ <h3 id="text-colours">Text colours</h3>
     <tbody>
       <tr class="app-colour-list__row">
         <th class="app-colour-list__column app-colour-list__column--name">
-          <span class="app-colour-list__swatch app-colour-list__swatch--border" style="background-color:#212B32"></span>
+          <span class="app-colour-list__swatch app-colour-list__swatch--border" style="background-color:#000000"></span>
         </th>
         <td class="app-colour-list__column app-colour-list__column--colour lft-align">
           <span>Primary text colour</span>
         </td>
         <td class="app-colour-list__column app-colour-list__column--colour lft-align">
-          <span>#212B32</span>
+          <span>#000000</span>
         </td>
       </tr>
 
@@ -995,7 +995,13 @@ <h3 id="text-colours">Text colours</h3>
           <span>Secondary text colour</span>
         </td>
         <td class="app-colour-list__column app-colour-list__column--colour lft-align">
-          <span>#4C6272  </span>
+          <span>#4C6272</span>
+        </td>
+      </tr>
+
+      <tr class="app-colour-list__row">
+        <td colspan="3">
+          <span>Use secondary text colour instead of hover-help text where there is evidence of a need for an explanation of the heading or label.</span>
         </td>
       </tr>