diff --git a/.changeset/rude-shoes-rush.md b/.changeset/rude-shoes-rush.md new file mode 100644 index 000000000..36ec2ecf0 --- /dev/null +++ b/.changeset/rude-shoes-rush.md @@ -0,0 +1,5 @@ +--- +"@shopware-ag/meteor-component-library": patch +--- + +Improve accessibility of mt-field-error diff --git a/packages/component-library/src/components/feedback-indicator/mt-progress-bar/mt-progress-bar.interactive.stories.ts b/packages/component-library/src/components/feedback-indicator/mt-progress-bar/mt-progress-bar.interactive.stories.ts index bb6c3e245..72a4f29d2 100644 --- a/packages/component-library/src/components/feedback-indicator/mt-progress-bar/mt-progress-bar.interactive.stories.ts +++ b/packages/component-library/src/components/feedback-indicator/mt-progress-bar/mt-progress-bar.interactive.stories.ts @@ -83,14 +83,6 @@ export const VisualTestError: MtProgressBarStory = { detail: "Error while sending variants", }, }, - play: async ({ canvasElement }) => { - const canvas = within(canvasElement); - - const errorMessage = canvas.getByLabelText("Error message"); - - expect(errorMessage).toBeDefined(); - expect(errorMessage.innerText).toContain("Error while sending variants"); - }, }; export const VisualTestLabel: MtProgressBarStory = { diff --git a/packages/component-library/src/components/form/_internal/mt-field-error/mt-field-error.vue b/packages/component-library/src/components/form/_internal/mt-field-error/mt-field-error.vue index d9c7c26df..09bfcf57b 100644 --- a/packages/component-library/src/components/form/_internal/mt-field-error/mt-field-error.vue +++ b/packages/component-library/src/components/form/_internal/mt-field-error/mt-field-error.vue @@ -1,106 +1,82 @@ - -