Update o1p05-clear-controls.html

Refer the document "Content usable V2 edits" 
Proposal 11 - Updates to 4.2.5 Clearly Identify Controls and Their Use (Pattern)
Link - https://docs.google.com/document/d/1xnoNFwfjJZbfadFiU-qOW49n4-gODbd_4ff5UDyYFTM/edit?tab=t.0#heading=h.z4jafdjuv6sd
Changed Sections- What to do, how it helps, Examples (Use and Avoid)

Author: RashmiKatakwar

design-guide/o1p05-clear-controls.html

@@ -55,6 +55,15 @@ What to Do
     <li>
       Ensuring items that are not clickable do not look like links or controls.
     li>
+    <li>
+      Labels, linked text and accessible names for links and controls are easy to understand, clear and unambiguous.
+    li>
+    <li>
+      Text labels are visible, <i>unless a ubiquitous, commonly known icon is usedi>.
+    li>
+    <li>
+      The relationship between controls and their label should be clear.
+    li>
   ul>
   <p>
     When this is not possible, provide instructions that explain how to use the
@@ -110,6 +119,20 @@ How it Helps
     the controls, regardless of how a user uses the page (vision, auditory,
     voice input).
   p>
+  <p>
+    Links and controls should have clear visible labels. 
+    Note that labels can be available through a personalization setting. 
+    However, if controls are not common or their usage is not completely 
+    clear, we recommend clear, unambiguous, and visible labels that are clearly
+    associated with the controls. For example, a page may have multiple search options
+    for different regions. Providing clear, unique and visible labels help users in knowing
+    the purpose of different search options.
+  p>
+  <p>
+    Navigational elements should be easy to understand without needing to guess. 
+    Making the text of hyperlinks as clear as possible also reduces cognitive load. 
+    This helps many groups including people with cognitive and mental health impairments.
+  p>
 section>
 <section>
   <h5 class="coga-5">Getting Startedh5>
@@ -126,7 +149,6 @@ Getting Started
     <a>cognitive and learning disabilitiesa>.
   p>
 section>
-
 <section>
   <h5 class="coga-5">Examplesh5>
   <p><span class="use">span><strong>Use:strong>p>
@@ -141,6 +163,7 @@ Examples
       standard user actions and make it clear when they are pressed.
     li>
     <li>Tabs that look like tabs and make it clear when they are selected.li>
+    <li>Links and controls that have properly associated, clear, unambiguous, visible labels.li>
   ol>
 
   <p><span class="avoid">span><strong>Avoid:strong>p>
@@ -151,5 +174,6 @@ Examples
       Links that have the same color as static text on the site, even if the
       links have a clear focused state.
     li>
+    <li>Lack of labels and clear link text.li>
   ol>
 section>