diff --git a/web/apps/hive/src/lib/components/install_screen.svelte b/web/apps/hive/src/lib/components/install_screen.svelte index 74a0fd5..975224c 100644 --- a/web/apps/hive/src/lib/components/install_screen.svelte +++ b/web/apps/hive/src/lib/components/install_screen.svelte @@ -2,7 +2,7 @@ import { onboarding } from '../onboarding.svelte'; import type { InstallPlatform } from '../onboarding.svelte'; import { BeeBuzzLogo } from '@beebuzz/shared/components'; - import { Share2, Share, Plus, Download } from '@lucide/svelte'; + import { Share, Plus, Download } from '@lucide/svelte'; interface Props { platform: InstallPlatform; @@ -13,7 +13,7 @@ let installed = $derived(onboarding.state !== 'not-installed'); -
+
@@ -21,92 +21,92 @@
-

Install BeeBuzz to get started

+

Install BeeBuzz to get started

-
+
{#if platform === 'ios'} -

Add to Home Screen

-

+

Add to Home Screen

+

BeeBuzz requires installation on iOS to receive push notifications.

-
    +
    1. 1

      Tap the Share icon

      -

      - at the bottom of Safari +

      + at the bottom of Safari

    2. 2

      Tap "Add to Home Screen"

      -

      +

      Scroll down in the share sheet

    3. 3

      Open BeeBuzz from your Home Screen

      -

      The app will continue from this step

      +

      The app will continue from this step

    {:else if platform === 'safari-macos'} -

    Add to Dock

    -

    +

    Add to Dock

    +

    Install BeeBuzz as a standalone app for reliable notifications.

    -
      +
      1. 1

        Select "Add to Dock"

        -

        +

        From the Share menu or File menu

      2. 2

        Open BeeBuzz from the Dock

        -

        The app will continue from this step

        +

        The app will continue from this step

      -
      -

      +

      +

      Tip: For auto-start, go to System Settings, General, Login Items and add BeeBuzz.

      {:else if platform === 'chromium'} -

      Install BeeBuzz

      -

      +

      Install BeeBuzz

      +

      Install the app for a dedicated window and reliable notifications.

      @@ -121,27 +121,27 @@ {#if installed} -

      +

      Now open BeeBuzz from your apps to continue.

      {/if} {:else if platform === 'already-installed'} -

      BeeBuzz is already installed

      -

      +

      BeeBuzz is already installed

      +

      Open the app to continue setup. If you installed it recently, check your home screen or app drawer.

      {:else} -

      Install BeeBuzz

      -

      +

      Install BeeBuzz

      +

      Install BeeBuzz for reliable notifications. Look for the install icon in your browser's address bar, or use your browser's menu to install this app.

      @@ -152,12 +152,12 @@
      -

      +

      Notification reliability may be reduced without installation.

      diff --git a/web/apps/hive/src/lib/components/onboarding_error.svelte b/web/apps/hive/src/lib/components/onboarding_error.svelte index a2663b5..03ae2a7 100644 --- a/web/apps/hive/src/lib/components/onboarding_error.svelte +++ b/web/apps/hive/src/lib/components/onboarding_error.svelte @@ -4,7 +4,7 @@ import { TriangleAlert, RefreshCw } from '@lucide/svelte'; -
      +
      @@ -14,16 +14,16 @@
      -
      +
      -

      Something went wrong

      +

      Something went wrong

      -

      +

      {onboarding.errorMessage ?? 'An unexpected error occurred during pairing.'}

      diff --git a/web/apps/hive/src/lib/components/permission_blocked.svelte b/web/apps/hive/src/lib/components/permission_blocked.svelte index b420c6f..57f724f 100644 --- a/web/apps/hive/src/lib/components/permission_blocked.svelte +++ b/web/apps/hive/src/lib/components/permission_blocked.svelte @@ -13,7 +13,7 @@ }; -
      +
      @@ -23,26 +23,26 @@
      -
      +
      -

      Notifications Blocked

      +

      Notifications Blocked

      -

      +

      BeeBuzz needs notification permission to deliver messages. You have blocked notifications for this site.

      -
      -

      +

      +

      How to re-enable

      -
        +
        1. Open your browser settings
        2. Find "Site Settings" or "Permissions"
        3. Locate this site and allow notifications
          4. diff --git a/web/apps/hive/src/lib/components/unsupported.svelte b/web/apps/hive/src/lib/components/unsupported.svelte index 56a57bd..74820c6 100644 --- a/web/apps/hive/src/lib/components/unsupported.svelte +++ b/web/apps/hive/src/lib/components/unsupported.svelte @@ -26,7 +26,7 @@ }); -
          +
          @@ -36,16 +36,16 @@
          -
          +
          -

          Browser Not Supported

          +

          Browser Not Supported

          -

          +

          Your browser does not support the features required by BeeBuzz.

          @@ -60,9 +60,9 @@
          {/if} -
          -

          Supported browsers

          -
            +
            +

            Supported browsers

            +
            • Chrome / Edge (desktop and Android) diff --git a/web/apps/hive/src/routes/(app)/+layout.svelte b/web/apps/hive/src/routes/(app)/+layout.svelte index 98bf0ef..79ba85f 100644 --- a/web/apps/hive/src/routes/(app)/+layout.svelte +++ b/web/apps/hive/src/routes/(app)/+layout.svelte @@ -390,7 +390,7 @@ {#if !ready} -
              +
              {#if startupError}
              diff --git a/web/apps/hive/src/routes/pair/+page.svelte b/web/apps/hive/src/routes/pair/+page.svelte index fdc511e..3a73e86 100644 --- a/web/apps/hive/src/routes/pair/+page.svelte +++ b/web/apps/hive/src/routes/pair/+page.svelte @@ -34,7 +34,7 @@ {#if onboarding.state === 'checking'} -
              +
              {:else if onboarding.state === 'unsupported'} diff --git a/web/apps/site/src/routes/+page.svelte b/web/apps/site/src/routes/+page.svelte index 8758f79..7770592 100644 --- a/web/apps/site/src/routes/+page.svelte +++ b/web/apps/site/src/routes/+page.svelte @@ -347,7 +347,7 @@
              - +

              {useCase.title}

              {useCase.description}

              diff --git a/web/packages/shared/src/components/SettingsModal.svelte b/web/packages/shared/src/components/SettingsModal.svelte index d9f102a..29dc21d 100644 --- a/web/packages/shared/src/components/SettingsModal.svelte +++ b/web/packages/shared/src/components/SettingsModal.svelte @@ -31,6 +31,9 @@ const handleClose = () => { onClose?.(); }; + + // Stable id for aria-labelledby so the dialog has an accessible name. + const titleId = `settings-modal-title-${Math.random().toString(36).slice(2, 10)}`; {#if open} @@ -38,6 +41,7 @@ class="modal" open aria-modal="true" + aria-labelledby={titleId} oncancel={(e) => { e.preventDefault(); handleClose(); @@ -48,7 +52,7 @@ >
              -

              {title}

              +

              {title}

              {#if description}

              {description}

              {/if}