[AXE] Announcement bar fails accessibility on every page

I maintainer di solito rispondono entro 7 giorni

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

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.

Preparare l'ambiente

Come iniziare

1. Leggi tutta la issue e poi la guida ai contributi del progetto.
2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
3. Fai un fork del repository e lavora su un branch.
4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di strapi/website

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

  Forse già presa @fonodi l’ha presa 5 giorni fa. Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  reopened

  Difficoltà 1/5 Meno di un'ora Idoneità per principianti 80/100

  strapi/website#128 · 2 assegnatari · Aperta il 23/9/2026

  I maintainer di solito rispondono entro 7 giorni

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

  Forse già presa @fonodi l’ha presa 12 giorni fa. Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  enhancement

  strapi/website#169 · 2 assegnatari · Aperta il 27/10/2026

  I maintainer di solito rispondono entro 7 giorni

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

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 3/5 1-2 giorni Idoneità per principianti 52/100

  strapi/website#165 · Aperta il 19/10/2026

  I maintainer di solito rispondono entro 7 giorni

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

  Forse di nuovo libera @matej-marcisovsky l’ha presa 30 giorni fa e non c’è nessuna pull request aperta. Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  strapi/website#153 · 1 assegnatario · Aperta il 16/10/2026

  I maintainer di solito rispondono entro 7 giorni

• Pricing buttons don't respond until the cards hydrate

  Forse già presa @fonodi l’ha presa 5 giorni fa. Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 4/5 3-5 giorni Idoneità per principianti 35/100

  strapi/website#152 · 1 assegnatario · Aperta il 15/10/2026

  I maintainer di solito rispondono entro 7 giorni

Tutte le issue di strapi/website

Issue simili

• [BUG]: Duplicate preposition in heading and unformatted feedback text on Strengthen Argument page

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  bug

  Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100

  AOSSIE-Org/DebateAI#801 · 1 commento · Aperta il 15/11/2026

  I maintainer di solito rispondono entro 1 giorno

• bug: mock-doc splits inline style at `;` inside url(), corrupting data-URI backgrounds

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100

  stenciljs/core#7017 · Aperta il 15/11/2026

  I maintainer di solito rispondono entro 1 giorno

• Missing type declarations for the `require` entry (`dist/index.cjs`)

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla

  Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100

  snyk/policy#249 · Aperta il 15/11/2026

  I maintainer di solito rispondono entro 1 giorno

• ci: repo has no GitHub Actions workflow, so pushes and pull requests are never built or tested

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  agents area: runtime automation chore cli consistency dependencies developer-experience difficulty: easy documentation enhancement good first issue help wanted hygiene json-output priority: P3 starters tests

  Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100

  flisk-sh/flisk-person-crud-example#14 · Aperta il 15/11/2026

• Add: BOM Cine

  Aperta

  ⋯Segnala un problema con questa issue

  • Qualcosa non va?

  • Già presa in carico
  • Non adatta ai principianti
  • Obsoleta o non valida
  • Altro…
  • Invia Annulla
  approved check:passed streams:add

  Difficoltà 1/5 Meno di un'ora Idoneità per principianti 72/100

  iptv-org/iptv#58792 · Aperta il 15/11/2026

  I maintainer di solito rispondono entro 1 giorno

Altre issue su TypeScript