Added accessibility suggestions

Author: melissaing

packages/module/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithPin.tsx

@@ -9,28 +9,75 @@ import { ThumbtackIcon } from '@patternfly/react-icons';
 
 // Sample conversations
 const initialConversations: { [key: string]: Conversation[] } = {
-  Today: [{ id: '1', text: 'Red Hat products and services' }],
+  Today: [
+    {
+      id: '1',
+      text: 'Red Hat products and services',
+      label: 'Conversation options for "Red Hat products and services"'
+    }
+  ],
   'This month': [
     {
       id: '2',
-      text: 'Enterprise Linux installation and setup'
+      text: 'Enterprise Linux installation and setup',
+      label: 'Conversation options for "Enterprise Linux installation and setup"'
     },
-    { id: '3', text: 'Troubleshoot system crash' }
+    {
+      id: '3',
+      text: 'Troubleshoot system crash',
+      label: 'Conversation options for "Troubleshoot system crash"'
+    }
   ],
   March: [
-    { id: '4', text: 'Ansible security and updates' },
-    { id: '5', text: 'Red Hat certification' },
-    { id: '6', text: 'Lightspeed user documentation' }
+    {
+      id: '4',
+      text: 'Ansible security and updates',
+      label: 'Conversation options for "Ansible security and updates"'
+    },
+    {
+      id: '5',
+      text: 'Red Hat certification',
+      label: 'Conversation options for "Red Hat certification"'
+    },
+    {
+      id: '6',
+      text: 'Lightspeed user documentation',
+      label: 'Conversation options for "Lightspeed user documentation"'
+    }
   ],
   February: [
-    { id: '7', text: 'Crashing pod assistance' },
-    { id: '8', text: 'OpenShift AI pipelines' },
-    { id: '9', text: 'Updating subscription plan' },
-    { id: '10', text: 'Red Hat licensing options' }
+    {
+      id: '7',
+      text: 'Crashing pod assistance',
+      label: 'Conversation options for "Crashing pod assistance"'
+    },
+    {
+      id: '8',
+      text: 'OpenShift AI pipelines',
+      label: 'Conversation options for "OpenShift AI pipelines"'
+    },
+    {
+      id: '9',
+      text: 'Updating subscription plan',
+      label: 'Conversation options for "Updating subscription plan"'
+    },
+    {
+      id: '10',
+      text: 'Red Hat licensing options',
+      label: 'Conversation options for "Red Hat licensing options"'
+    }
   ],
   January: [
-    { id: '11', text: 'RHEL system performance' },
-    { id: '12', text: 'Manage user accounts' }
+    {
+      id: '11',
+      text: 'RHEL system performance',
+      label: 'Conversation options for "RHEL system performance"'
+    },
+    {
+      id: '12',
+      text: 'Manage user accounts',
+      label: 'Conversation options for "Manage user accounts"'
+    }
   ]
 };
 
@@ -56,7 +103,7 @@ export const ChatbotHeaderPinDemo: FunctionComponent = () => {
     const isPinned = pinnedConversations.has(conversationId);
 
     return [
-      <DropdownList key={`${conversationId}-menu`}>
+      <DropdownList key={`${conversationId}-menu`} aria-label="Conversation options">
         <DropdownItem
           value={isPinned ? 'Unpin' : 'Pin'}
           id={isPinned ? 'Unpin' : 'Pin'}