Merge pull request #4628 from mastermaxx03/fix/activity-landmark-a11y-4606

frontend: Activity: Ensure complementary landmark has a valid label

Author: illume

frontend/src/components/activity/Activity.stories.tsx

@@ -64,6 +64,7 @@ const makeActivity = (activity: Partial<Activity>): Activity => ({
   id: 'id',
   location: 'window',
   content: 'Activity Content',
+  title: activity.title,
   ...activity,
 });
 

frontend/src/components/activity/Activity.tsx

@@ -328,6 +328,7 @@ export function SingleActivityRenderer({
     <ActivityContext.Provider value={activity}>
       <Box
         role="complementary"
+        aria-label={typeof title === 'string' ? title : undefined}
         sx={{
           display: minimized && !isOverview ? 'none' : undefined,
           gridColumn: '2 / 3',