fix(MessageViewButton): make counter accessible to screen readers (#7602)

Author: Lukas742

packages/main/src/components/MessageViewButton/MessageViewButton.cy.tsx

@@ -23,10 +23,10 @@ describe('MessageViewButton', () => {
   });
   it('counter', () => {
     cy.mount(<MessageViewButton data-testid="btn" />);
-    cy.findByTestId('btn').should('be.empty');
+    cy.findByTestId('btn').should('be.empty').and('have.attr', 'accessible-name', 'Error Type');
     cy.mount(<MessageViewButton data-testid="btn" counter={0} />);
-    cy.findByTestId('btn').should('be.empty');
+    cy.findByTestId('btn').should('be.empty').and('have.attr', 'accessible-name', 'Error Type');
     cy.mount(<MessageViewButton data-testid="btn" counter={2} />);
-    cy.findByTestId('btn').should('have.text', '2');
+    cy.findByTestId('btn').should('have.text', '2').and('have.attr', 'accessible-name', '2 Error Type');
   });
 });

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

@@ -28,6 +28,8 @@ export interface MessageViewButtonProptypes
    * Specifies the type of the button.
    *
    * __Note:__ `"None"` is displayed as `"Information"`.
+   *
+   * @default "Negative"
    */
   type?: ValueState | keyof typeof ValueState;
   /**
@@ -76,7 +78,7 @@ const MessageViewButton = forwardRef<ButtonDomRef, MessageViewButtonProptypes>((
       {...rest}
       data-type={type}
       tooltip={tooltip ?? i18nBundle.getText(title)}
-      accessibleName={accessibleName ?? label}
+      accessibleName={accessibleName ?? `${counter > 0 ? `${counter} ` : ''}${label}`}
     >
       {counter > 0 && counter}
     </Button>