fix: a11y labels and clearer crew-chat bell aggregation

2026-10-29 12:52:30 +07:00 · 2026-10-29 12:52:30 +07:00 · 65d90da26f
commit 65d90da26f
parent 6b5a2a7daa
29 changed files with 35 additions and 7 deletions
--- a/src/components/FirstRunChecklist.tsx
+++ b/src/components/FirstRunChecklist.tsx
@ -52,7 +52,7 @@ export function FirstRunChecklist({ onFindNearby }: { onFindNearby?: () => void
          type="button"
          onClick={() => setDismissed(true)}
          aria-label={t('mapUi.dismiss')}
-          className="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full text-white/40 transition-colors hover:bg-white/10 hover:text-white"
+          className="flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full text-white/40 transition-colors hover:bg-white/10 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-black"
        >
          <X className="h-3.5 w-3.5" />
        </button>
@ -82,7 +82,7 @@ export function FirstRunChecklist({ onFindNearby }: { onFindNearby?: () => void
        <Link
          to="/crews"
          onClick={() => setDismissed(true)}
-          className="self-center text-xs font-medium text-gray-500 underline underline-offset-2 hover:text-gray-300"
+          className="self-center rounded text-xs font-medium text-gray-500 underline underline-offset-2 hover:text-gray-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#ccff00] focus-visible:ring-offset-2 focus-visible:ring-offset-black"
        >
          {t('mapUi.firstRunJoinCrew')}
        </Link>
--- a/src/components/NotificationBell.tsx
+++ b/src/components/NotificationBell.tsx
@ -433,7 +433,7 @@ export function NotificationBell({
                      <MessageCircle className="h-4 w-4 text-[#ff0040]" />
                    </div>
                    <div className="min-w-0 flex-1">
-                      <p className="text-sm font-black text-white">{t('socialUi.dms.title')}</p>
+                      <p className="text-sm font-black text-white">{t('socialUi.bell.messagesAndCrews')}</p>
                      <p className="text-xs text-gray-400">{t('socialUi.bell.dmsUnread', { count: unreadDms })}</p>
                    </div>
                    <ArrowRight className="h-4 w-4 shrink-0 text-[#ff0040]" />
--- a/src/i18n/ca/batch2.ts
+++ b/src/i18n/ca/batch2.ts
@ -40,6 +40,7 @@ const batch2 = {
      tabNews: "Notícies",
      tabCrews: "Crews",
      dmsUnread: "{{count}} missatge(s) xifrat(s) nou(s)",
+      messagesAndCrews: "Missatges i xats de crew",
      checkingUpdates: "Buscant actualitzacions…",
      checkingTrades: "Buscant ofertes i intercanvis…",
      loadingDrops: "Carregant les últimes novetats…",
--- a/src/i18n/cs/drift.ts
+++ b/src/i18n/cs/drift.ts
@ -93,7 +93,8 @@ const drift = {
      "cordnGroupHint": "Volitelné: vlož odkaz na skupinu ze Staircase nebo Cordn web. Tvoje crew tak získá skutečný end-to-end MLS chat hostovaný na našem koordinátoru."
    },
    "bell": {
-      "dmsUnread": "{{count}} nových šifrovaných zpráv"
+      "dmsUnread": "{{count}} nových šifrovaných zpráv",
+      "messagesAndCrews": "Zprávy a crew chaty"
    }
  },
  "settingsUi": {
--- a/src/i18n/de/drift.ts
+++ b/src/i18n/de/drift.ts
@ -96,6 +96,7 @@ const drift = {
    },
    bell: {
      dmsUnread: "{{count}} neue verschlüsselte Nachricht(en)",
+      messagesAndCrews: "Nachrichten & Crew-Chats",
    },
  },
  settingsUi: {
--- a/src/i18n/el/drift.ts
+++ b/src/i18n/el/drift.ts
@ -98,6 +98,7 @@ const drift = {
    },
    bell: {
      dmsUnread: "{{count}} νέα κρυπτογραφημένα μηνύματα",
+      messagesAndCrews: "Μηνύματα & συνομιλίες crew",
    },
  },
  settingsUi: {
--- a/src/i18n/en.ts
+++ b/src/i18n/en.ts
@ -3734,6 +3734,7 @@ socialUi: {
      tabSocial: 'Social',
      tabNews: 'News',
      tabCrews: 'Crews',
+      messagesAndCrews: 'Messages & crew chats',
      dmsUnread: '{{count}} new encrypted message(s)',
      checkingUpdates: 'Checking for updates…',
      checkingTrades: 'Checking offers and trades…',
--- a/src/i18n/es.ts
+++ b/src/i18n/es.ts
@ -3734,6 +3734,7 @@ socialUi: {
      tabSocial: 'Social',
      tabNews: 'Noticias',
      tabCrews: 'Peñas',
+      messagesAndCrews: 'Mensajes y chats de crew',
      dmsUnread: '{{count}} mensaje(s) cifrado(s) nuevo(s)',
      checkingUpdates: 'Buscando novedades…',
      checkingTrades: 'Revisando ofertas y tratos…',
--- a/src/i18n/eu/batch2.ts
+++ b/src/i18n/eu/batch2.ts
@ -40,6 +40,7 @@ const batch2 = {
      tabNews: "Berriak",
      tabCrews: "Koadrilak",
      dmsUnread: "{{count}} mezu zifratu berri",
+      messagesAndCrews: "Mezuak eta crew txatak",
      checkingUpdates: "Eguneratzeak egiaztatzen…",
      checkingTrades: "Eskaintzak eta trukeak egiaztatzen…",
      loadingDrops: "Azken bidalketak kargatzen…",
--- a/src/i18n/fr/drift.ts
+++ b/src/i18n/fr/drift.ts
@ -96,6 +96,7 @@ const drift = {
    },
    bell: {
      dmsUnread: "{{count}} nouveau(x) message(s) chiffré(s)",
+      messagesAndCrews: "Messages et discussions de crew",
    },
  },
  settingsUi: {
--- a/src/i18n/gl/batch2.ts
+++ b/src/i18n/gl/batch2.ts
@ -40,6 +40,7 @@ const batch2 = {
      tabNews: "Novidades",
      tabCrews: "Crews",
      dmsUnread: "{{count}} mensaxe(s) cifrado(s) novo(s)",
+      messagesAndCrews: "Mensaxes e chats de crew",
      checkingUpdates: "Buscando actualizacións…",
      checkingTrades: "Comprobando ofertas e intercambios…",
      loadingDrops: "Cargando as últimas novidades…",
--- a/src/i18n/hi/batch2.ts
+++ b/src/i18n/hi/batch2.ts
@ -40,6 +40,7 @@ const batch2 = {
      "tabNews": "समाचार",
      "tabCrews": "क्रू",
      "dmsUnread": "{{count}} नए एन्क्रिप्टेड संदेश",
+      "messagesAndCrews": "संदेश और क्रू चैट",
      "checkingUpdates": "अपडेट जाँच रहे हैं…",
      "checkingTrades": "ऑफ़र और ट्रेड जाँच रहे हैं…",
      "loadingDrops": "नए ड्रॉप लोड हो रहे हैं…",
--- a/src/i18n/id/drift.ts
+++ b/src/i18n/id/drift.ts
@ -90,6 +90,7 @@ const driftStrings = {
    },
    bell: {
      dmsUnread: '{{count}} pesan terenkripsi baru',
+      messagesAndCrews: 'Pesan & obrolan kru',
    },
  },
  settingsUi: {
--- a/src/i18n/it/drift.ts
+++ b/src/i18n/it/drift.ts
@ -96,6 +96,7 @@ const drift = {
    },
    bell: {
      dmsUnread: "{{count}} nuovo/i messaggio/i cifrato/i",
+      messagesAndCrews: "Messaggi e chat delle crew",
    },
  },
  settingsUi: {
--- a/src/i18n/ja/drift.ts
+++ b/src/i18n/ja/drift.ts
@ -106,6 +106,7 @@ const drift: Dict = {
    },
    bell: {
      dmsUnread: '{{count}}件の新しい暗号化メッセージ',
+      messagesAndCrews: 'メッセージとクルーチャット',
    },
  },
  settingsUi: {
--- a/src/i18n/ko/drift.ts
+++ b/src/i18n/ko/drift.ts
@ -106,6 +106,7 @@ const drift: Dict = {
    },
    bell: {
      dmsUnread: '새 암호화 메시지 {{count}}개',
+      messagesAndCrews: '메시지 및 크루 채팅',
    },
  },
  settingsUi: {
--- a/src/i18n/nl/drift.ts
+++ b/src/i18n/nl/drift.ts
@ -93,7 +93,8 @@ const drift = {
      "cordnGroupHint": "Optioneel: plak de grouplink van Staircase of Cordn web. Je crew krijgt dan echte end-to-end MLS-chat, gehost op onze coördinator."
    },
    "bell": {
-      "dmsUnread": "{{count}} nieuw(e) versleutelde bericht(en)"
+      "dmsUnread": "{{count}} nieuw(e) versleutelde bericht(en)",
+      "messagesAndCrews": "Berichten & crewchats"
    }
  },
  "settingsUi": {
--- a/src/i18n/pl/drift.ts
+++ b/src/i18n/pl/drift.ts
@ -93,7 +93,8 @@ const drift = {
      "cordnGroupHint": "Opcjonalnie: wklej link do grupy ze Staircase lub Cordn web. Twoje crew dostanie wtedy prawdziwy czat MLS end-to-end, hostowany na naszym koordynatorze."
    },
    "bell": {
-      "dmsUnread": "{{count}} nowych zaszyfrowanych wiadomości"
+      "dmsUnread": "{{count}} nowych zaszyfrowanych wiadomości",
+      "messagesAndCrews": "Wiadomości i czaty crew"
    }
  },
  "settingsUi": {
--- a/src/i18n/pt/drift.ts
+++ b/src/i18n/pt/drift.ts
@ -96,6 +96,7 @@ const drift = {
    },
    bell: {
      dmsUnread: "{{count}} nova(s) mensagem(ns) criptografada(s)",
+      messagesAndCrews: "Mensagens e chats de crew",
    },
  },
  settingsUi: {
--- a/src/i18n/ro/drift.ts
+++ b/src/i18n/ro/drift.ts
@ -93,7 +93,8 @@ const drift = {
      "cordnGroupHint": "Opțional: lipește linkul grupului din Staircase sau Cordn web. Crew-ul tău primește atunci chat MLS real end-to-end, găzduit pe coordonatorul nostru."
    },
    "bell": {
-      "dmsUnread": "{{count}} mesaje criptate noi"
+      "dmsUnread": "{{count}} mesaje criptate noi",
+      "messagesAndCrews": "Mesaje și chat-uri de crew"
    }
  },
  "settingsUi": {
--- a/src/i18n/ru/drift.ts
+++ b/src/i18n/ru/drift.ts
@ -98,6 +98,7 @@ const drift = {
    },
    bell: {
      dmsUnread: "{{count}} новых зашифрованных сообщений",
+      messagesAndCrews: "Сообщения и чаты crew",
    },
  },
  settingsUi: {
--- a/src/i18n/sv/drift.ts
+++ b/src/i18n/sv/drift.ts
@ -98,6 +98,7 @@ const drift = {
    },
    bell: {
      dmsUnread: "{{count}} nya krypterade meddelanden",
+      messagesAndCrews: "Meddelanden & crewchattar",
    },
  },
  settingsUi: {
--- a/src/i18n/th/drift.ts
+++ b/src/i18n/th/drift.ts
@ -90,6 +90,7 @@ const driftStrings = {
    },
    bell: {
      dmsUnread: 'ข้อความเข้ารหัสใหม่ {{count}} ข้อความ',
+      messagesAndCrews: 'ข้อความและแชตของ crew',
    },
  },
  settingsUi: {
--- a/src/i18n/tr/drift.ts
+++ b/src/i18n/tr/drift.ts
@ -90,6 +90,7 @@ const driftStrings = {
    },
    bell: {
      dmsUnread: '{{count}} yeni şifreli mesaj',
+      messagesAndCrews: 'Mesajlar ve Crew sohbetleri',
    },
  },
  settingsUi: {
--- a/src/i18n/uk/drift.ts
+++ b/src/i18n/uk/drift.ts
@ -98,6 +98,7 @@ const drift = {
    },
    bell: {
      dmsUnread: "{{count}} нових зашифрованих повідомлень",
+      messagesAndCrews: "Повідомлення та чати crew",
    },
  },
  settingsUi: {
--- a/src/i18n/vi/drift.ts
+++ b/src/i18n/vi/drift.ts
@ -90,6 +90,7 @@ const driftStrings = {
    },
    bell: {
      dmsUnread: '{{count}} tin nhắn mã hóa mới',
+      messagesAndCrews: 'Tin nhắn & trò chuyện crew',
    },
  },
  settingsUi: {
--- a/src/i18n/zh-CN/drift.ts
+++ b/src/i18n/zh-CN/drift.ts
@ -106,6 +106,7 @@ const drift: Dict = {
    },
    bell: {
      dmsUnread: '{{count}} 条新的加密消息',
+      messagesAndCrews: '消息和 Crew 聊天',
    },
  },
  settingsUi: {
--- a/src/i18n/zh-TW/drift.ts
+++ b/src/i18n/zh-TW/drift.ts
@ -106,6 +106,7 @@ const drift: Dict = {
    },
    bell: {
      dmsUnread: '{{count}} 則新的加密訊息',
+      messagesAndCrews: '訊息和 Crew 聊天',
    },
  },
  settingsUi: {
--- a/src/pages/MapPage.tsx
+++ b/src/pages/MapPage.tsx
@ -1659,6 +1659,8 @@ export default function MapPage() {
                  <Button
                    size="sm"
                    variant="outline"
+                    aria-label={t('mapUi.localChat')}
+                    title={t('mapUi.localChat')}
                    className="md:hidden gap-1.5 border-2 border-purple-500/50 hover:bg-purple-500/10 text-purple-400 font-bold h-8 px-2 flex-shrink-0"
                  >
                    <MessageCircle className="h-4 w-4" />