Skip to content

Fix the mobile-chrome accessibility failures on main #38

Closed

Description

@n4ff4h

The E2E (mobile-chrome) job fails 38 axe checks on main:

  • target-size: BottomNav tab labels under 24px on phones (applications, citizen portal, learning, admin activity log pages).
  • target-size: media-chrome's time display in MediaPlayer.
  • scrollable-region-focusable: a scrollable pre in the cookie-consent and instant-file-upload demos.

Activity

  1. added a commit that references this issue on Oct 14, 2026
  2. n4ff4h commented on Oct 14, 2026

    @n4ff4h
    CollaboratorAuthor

    Fixed in d7b93da (merged in f14ecf9). The E2E mobile-chrome job now passes on main (run 38561030473), as do firefox, webkit and mobile-safari.

    • Bottom nav "target-size": the tabs themselves were fine (103×64 px). The docs site's floating "Back to docs / Customize" pill covered the middle tab. On phones it now sits above the bottom nav.
    • Activity log: the listing toolbar squeezed the search box to 16 px. The search area now keeps at least 14rem and the tools wrap.
    • MediaPlayer: in narrow players the seek buttons hide under 24rem (the arrow keys still seek), and the timeline keeps at least 4rem, so it no longer overlaps the time display.
    • Scrollable pre in the cookie-consent and instant-file-upload demos: now focusable, labelled and with a focus ring.

    Generated by Claude Code

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions