[AXE] Announcement bar fails accessibility on every page
Maintainer thường phản hồi trong vòng 7 ngày
@matej-marcisovsky đang làm issue này rồi.
Từ ngày 16/10/2026.
Đánh giá
Issue này chưa được đánh giá.
Mô tả
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 istext-amber-200onbg-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-contrastorregionfor the banner on any page
Note: one component fix removes the most frequent Axe violations site-wide.
- Ngôn ngữ chính
- TypeScript
- Star
- 6
- Fork
- 5
- Merge trung bình
- 5 ngày 6 giờ
- Pull request đã merge (30 ngày)
- 7
Chuẩn bị môi trường
- Không có Dockerfile hay tệp Docker Compose
- Có mẫu pull request
- Không có hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của strapi/website
-
[SEO] Remove /blog/categories page from sitemapCó thể đã có người làm @fonodi đã nhận 6 ngày trước. Đang mởreopened
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 80/100
strapi/website#128 · 2 người được giao ·
Maintainer thường phản hồi trong vòng 7 ngày
-
Create a new collection type and component for cloud-legalCó thể đã có người làm @fonodi đã nhận 13 ngày trước. Đang mởenhancement
strapi/website#169 · 2 người được giao ·
Maintainer thường phản hồi trong vòng 7 ngày
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 52/100
Maintainer thường phản hồi trong vòng 7 ngày
-
Update GitHub Actions that still run on Node.js 20Có thể làm lại được @matej-marcisovsky đã nhận 30 ngày trước và không có pull request nào đang mở. Đang mở
strapi/website#153 · 1 người được giao ·
Maintainer thường phản hồi trong vòng 7 ngày
-
Pricing buttons don't respond until the cards hydrateCó thể đã có người làm @fonodi đã nhận 6 ngày trước. Đang mở
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 35/100
strapi/website#152 · 1 người được giao ·
Maintainer thường phản hồi trong vòng 7 ngày
Tất cả issue của strapi/website
Issue tương tự
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
AykutSarac/jsoncrack.com#616 ·
-
nip27: long hashtag swallows the rest of the content, lone # gives an empty hashtagCó thể đã có người làm @bardrop đã nhận hôm nay. Đang mở
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100
nbd-wtf/nostr-tools#578 ·
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 68/100
backnotprop/plannotator#3427 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
microsoft/Power-CAT-Copilot-Studio-Kit#942 ·
Maintainer thường phản hồi trong vòng 1 ngày
-
[BUG]: Duplicate preposition in heading and unformatted feedback text on Strengthen Argument pageĐang mởbug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
AOSSIE-Org/DebateAI#801 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày