Skip to content

Improve forced-colors mode accessibility for focus indicators #29

Open

Description

@coderabbitai

Description

The EnhancedTabs component does not render reliably in forced-colors (high-contrast) mode. The current focus ring implementation relies on box-shadow which may not be visible in forced-colors contexts, potentially causing keyboard focus to be invisible to users who rely on high-contrast settings.

Context

This issue was identified during review of PR #28, which addresses focus-ring styles for Vaadin 24/25.

Related PR: #28
Related comment: #28 (comment)

Expected Behavior

Focus indicators should remain visible and accessible in forced-colors/high-contrast mode to ensure keyboard navigation remains usable for all users.

Current Behavior

The component has rendering issues in forced-colors mode, including focus indicators that may not be visible.


Reported by: @javier-godoy

Activity

  1. removed their assignment
    on Mar 2, 2026
  2. moved this from Inbox (needs triage) to Under consideration in Flowing Code Addonson Apr 20, 2026
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

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions