fix(MessageView): announce SegmentedButton message by with screen readers (#7455)

Author: Lukas742

packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx

@@ -109,8 +109,8 @@ const kitchenSinkArgs = {
         // console.log('This is your row data', row.original);
         return (
           <FlexBox>
-            <Button icon="edit" disabled={disabled} />
-            <Button icon="delete" disabled={disabled} />
+            <Button icon="edit" disabled={disabled} accessibleName="Edit" />
+            <Button icon="delete" disabled={disabled} accessibleName="Delete" />
           </FlexBox>
         );
       },

packages/main/src/components/MessageView/index.tsx

@@ -225,7 +225,7 @@ const MessageView = forwardRef<MessageViewDomRef, MessageViewPropTypes>((props,
                             icon={getIconNameForType(valueState)}
                             className={classNames.button}
                             tooltip={getValueStateMap(i18nBundle)[valueState]}
-                            accessibleName={getValueStateMap(i18nBundle)[valueState]}
+                            accessibleName={`${count} ${getValueStateMap(i18nBundle)[valueState]}`}
                           >
                             {count}
                           </SegmentedButtonItem>