Update o2p03-page-structure.html

Refer the document "Content usable V2 edits" 
Proposal 9 - Updates to 4.3.3 Use a Clear and Understandable Page Structure (Pattern) (Pattern)
Link: https://docs.google.com/document/d/1xnoNFwfjJZbfadFiU-qOW49n4-gODbd_4ff5UDyYFTM/edit?tab=t.0
Changed Sections- What to do, How It Helps, More details, Example (Avoid)

Author: RashmiKatakwar

design-guide/o2p03-page-structure.html

@@ -36,7 +36,13 @@ What to Do
   p>
   <p>This can be achieved by:p>
   <ul>
+    <li>
+      having a single purpose on the page and limit the number of topics per page,
+    li>
     <li>organizing the page content into logical sections,li>
+    <li>
+      limiting the number of navigation areas that group links related to a specific topic (such as related resources),
+    li>
     <li>
       clearly differentiating regions using dividing lines, whitespace, and
       background colors,
@@ -60,9 +66,9 @@ What to Do
   <h5 class="coga-5">How it Helpsh5>
 
   <p>
-    People with <a>cognitive and learning disabilitiesa> may not be able to
-    use content and applications when the page structure and relationships are
-    unclear. The user may not complete tasks and miss key information. The user
+    People with <a>cognitive and learning disabilitiesa> and/or SMI (Severe Mental Illness)
+    may not be able to use content and applications when the page structure and relationships are
+    unclear or overwhelming. The user may not complete tasks and miss key information. The user
     may not return to pages that are complicated to use and understand.
   p>
 
@@ -103,6 +109,11 @@ 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>
@@ -130,6 +141,14 @@ More Details
       The heading structure should create an outline of the document that could
       serve as an abstract of the whole document.
     li>
+    <li>
+      If you have five or more landmarks, check if they are all needed.
+      Ensure the landmark names are clear and describe their purpose. 
+      It helps all users, including screen reader users, know what to expect in each section.
+      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>
   ul>
   <p>
     Icons should be used consistently. It is also important the graphical
@@ -158,6 +177,8 @@ Examples
   <ol>
     <li>Dense text, with little white space.li>
     <li>Unclear page structure and hierarchy.li>
+    <li>Too many navigational areas that feel confusing and overwhelming.li>
+    <li>Unclear relationship between links in navigational areas.li>
     <li>Lack of visually differentiated sections.li>
     <li>
       Sections without headings or icons that define sections. For example: A
@@ -169,3 +190,8 @@ Examples
     <li>Groups and page sections that are not logical.li>
   ol>
 section>
+p>
+<strong>Editorial Note:strong>Need review from John Kp>
+<section>
+  
+section>