[Badge] Add customAccessibilityLabel prop

[emma-boardman]

Feature request summary

• Allow a customAccessibilityLabel to be passed, overriding the default status/process accessibilityLabel

Rationale

The Online Store Editor currently uses the Polaris Badge to render the EditorStatusBadge.

The default <Badge/> accessibilityLabels match the progress and the status passed into the <Badge/>. For example, the live Editor badge will announce "Success Complete Live", which is potentially confusing.

Ideally, we would be able to pass a custom accessibilityLabel. For example, "Status: Live. Your online store is visible to customers".

PR

Experiment: #4028

Other approaches considered

• Creating a custom component (https://github.com/Shopify/online-store-ui/pull/2528)
  • Drawbacks: We do want to stay aligned with the Polaris styles. Creating an entirely new (but very similar) component requires us to keep styles updated in both repos, and risks the styles diverging in the future.

---

🌟 Feature requests that are not yet planned will be closed. We then use the issue’s 👍 upvotes to track and set priorities. See the contribution guidelines for more information.

[github-actions]

This issue seems inactive. If it's still relevant, please add a comment saying so. Otherwise, take no action.
→ If there's no activity within a week, then a bot will automatically close this.
Thanks for helping to improve Shopify's design system and dev experience.

[emma-boardman]

Closed by #4028