[AXE] Announcement bar fails accessibility on every page

Maintainers usually reply within 7 days

Assessment

This issue has not been assessed yet.

Description

Where: every page. The purple top banner, currently "✨ Strapi MCP is now Generally Available".

What's wrong (Axe, 22 of 22 pages):

• color-contrast (serious): the link inside the banner is text-amber-200 on bg-strapi-purple-600, which is below the WCAG AA minimum of 4.5:1 for small text.
• region (moderate): the banner is a plain <div> outside any landmark (<header>, <main>, <nav>, <aside>, …), so screen-reader users navigating by landmarks skip it.

Code: components/page-builder/components/navigation/top-banner/StrapiTopBanner.tsx

• wrapper: <div data-top-banner className="bg-strapi-purple-600 …">
• link color: [&_a]:text-amber-200 (hover: amber-100)

How to reproduce: run the Axe suite, or in Chrome DevTools → Lighthouse → Accessibility, open any page and look for "Background and foreground colors do not have a sufficient contrast ratio" pointing at the banner link.

Done when:

• the banner link reaches at least 4.5:1 contrast (e.g. white with an underline, or a lighter/darker shade, checked with a contrast checker)
• the banner is inside a landmark, e.g. the wrapper becomes <aside aria-label="Announcement"> (label from translations)
• the Axe suite no longer reports color-contrast or region for the banner on any page

Note: one component fix removes the most frequent Axe violations site-wide.

Getting set up

First steps

1. Read the whole issue, then the project's contributing guide.
2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
3. Fork the repository and make your change on a branch.
4. Open a pull request that references the issue number.

More from strapi/website

• [SEO] Remove /blog/categories page from sitemap

  Possibly taken @fonodi claimed this 5 days ago. Open

  ⋯Report a problem with this issue

  • Is something wrong?

  • Already taken
  • Not beginner-friendly
  • Stale or invalid
  • Something else…
  • Send Cancel
  reopened

  Difficulty 1/5 Under an hour Newbie friendliness 80/100

  strapi/website#128 · 2 assignees · Opened Sep 23, 2026

  Maintainers usually reply within 7 days

• Create a new collection type and component for cloud-legal

  Possibly taken @fonodi claimed this 12 days ago. Open

  ⋯Report a problem with this issue

  • Is something wrong?

  • Already taken
  • Not beginner-friendly
  • Stale or invalid
  • Something else…
  • Send Cancel
  enhancement

  strapi/website#169 · 2 assignees · Opened Oct 27, 2026

  Maintainers usually reply within 7 days

• [Improvment] Add disclaimer for the things not working in the live preview editing

  Open

  ⋯Report a problem with this issue

  • Is something wrong?

  • Already taken
  • Not beginner-friendly
  • Stale or invalid
  • Something else…
  • Send Cancel

  Difficulty 3/5 1-2 days Newbie friendliness 52/100

  strapi/website#165 · Opened Oct 19, 2026

  Maintainers usually reply within 7 days

• Update GitHub Actions that still run on Node.js 20

  May be free again @matej-marcisovsky claimed this 30 days ago, and no pull request is open. Open

  ⋯Report a problem with this issue

  • Is something wrong?

  • Already taken
  • Not beginner-friendly
  • Stale or invalid
  • Something else…
  • Send Cancel

  strapi/website#153 · 1 assignee · Opened Oct 16, 2026

  Maintainers usually reply within 7 days

• Pricing buttons don't respond until the cards hydrate

  Possibly taken @fonodi claimed this 5 days ago. Open

  ⋯Report a problem with this issue

  • Is something wrong?

  • Already taken
  • Not beginner-friendly
  • Stale or invalid
  • Something else…
  • Send Cancel

  Difficulty 4/5 3-5 days Newbie friendliness 35/100

  strapi/website#152 · 1 assignee · Opened Oct 15, 2026

  Maintainers usually reply within 7 days

All issues in strapi/website

Similar issues

• Add: BOM Cine

  Open

  ⋯Report a problem with this issue

  • Is something wrong?

  • Already taken
  • Not beginner-friendly
  • Stale or invalid
  • Something else…
  • Send Cancel
  approved check:passed streams:add

  Difficulty 1/5 Under an hour Newbie friendliness 72/100

  iptv-org/iptv#58792 · Opened Nov 15, 2026

  Maintainers usually reply within 1 day

• CLI search/query: expose literal keyword-match count so agents can tell 'no such thing' from weak semantic hits

  Open

  ⋯Report a problem with this issue

  • Is something wrong?

  • Already taken
  • Not beginner-friendly
  • Stale or invalid
  • Something else…
  • Send Cancel

  Difficulty 2/5 1-3 hours Newbie friendliness 72/100

  garrytan/gbrain#9412 · Opened Nov 15, 2026

  Maintainers usually reply within 1 day

• Android: newly created API key is never displayed after creation

  Open

  ⋯Report a problem with this issue

  • Is something wrong?

  • Already taken
  • Not beginner-friendly
  • Stale or invalid
  • Something else…
  • Send Cancel
  bug platform-android

  Difficulty 2/5 1-3 hours Newbie friendliness 68/100

  Termix-SSH/Mobile#146 · 1 comment · Opened Nov 15, 2026

  Maintainers usually reply within 2 days

• find_dropped_events doesn't say that buckets snap to whole intervals

  Open

  ⋯Report a problem with this issue

  • Is something wrong?

  • Already taken
  • Not beginner-friendly
  • Stale or invalid
  • Something else…
  • Send Cancel
  MCP mcp-feedback-pattern

  Difficulty 2/5 1-3 hours Newbie friendliness 78/100

  getsentry/toolkit#2276 · 1 comment · Opened Nov 15, 2026

  Maintainers usually reply within 1 day

• Tool names in chat should have beautiful name

  Open

  ⋯Report a problem with this issue

  • Is something wrong?

  • Already taken
  • Not beginner-friendly
  • Stale or invalid
  • Something else…
  • Send Cancel
  bug

  Difficulty 2/5 1-3 hours Newbie friendliness 66/100

  devswha/herdr-web-ui#3875 · Opened Nov 15, 2026

More TypeScript issues