Update o2p03-page-structure.html

Editorial changes

Author: RashmiKatakwar

design-guide/o2p03-page-structure.html

@@ -109,11 +109,6 @@ How it Helps
     easier to process. Examples of common graphical indicators and visual cues
     include:
   p>
-  <p><strong>Navigation areas:strong>Ensure each page has navigation areas that are easy to find.
-    Ensure that users know what to expect in each area. It is also important that users know what to ignore.
-    Using fewer navigational areas can improve simplicity. 
-    If you have many navigation regions, ensure they are clear and accessible, so that users are not overwhelmed.
-  p>
   <ul>
     <li>grouping summaries of content,li>
     <li>using a card design using colors or white space,li>
@@ -123,6 +118,11 @@ How it Helps
       speech bubbles.
     li>
   ul>
+  <p><strong>Navigation areas: strong>Ensure each page has navigation areas that are easy to find.
+    Ensure that users know what to expect in each area. It is also important that users know what to ignore.
+    Using fewer navigational areas can improve simplicity. 
+    If you have many navigation regions, ensure they are clear and accessible, so that users are not overwhelmed.
+  p>
 section>
 <section>
   <h5 class="coga-5">More Detailsh5>
@@ -148,7 +148,7 @@ More Details
       Make sure the accessible labels for landmarks are easy to understand. 
       They can be non-visible, but they still need to be clear
       (for example, names like "primary," "secondary," and "tertiary" may not make sense).
-    <li>
+    </li>
   ul>
   <p>
     Icons should be used consistently. It is also important the graphical
@@ -191,7 +191,7 @@ Examples
   ol>
 section>
 p>
-<strong>Editorial Note:strong>Need review from John Kp>
+<strong>Editorial Note: strong>Need review from John Kp>
 <section>
 
 section>