search

pwa-builder / PWABuilder

The simplest way to create progressive web apps across platforms and devices. Start here. This repo is home to several projects in the PWABuilder family of tools.
https://docs.pwabuilder.com
Other
2.54k stars 273 forks source link

[PWA Builder]: Hamburger Menu Not Visible in High Contrast Aquatic and Desert Modes. #4755

Open Anshi0420 opened 2 weeks ago

Anshi0420 commented 2 weeks ago

What happened?

The hamburger menu icon is not visible or distinguishable when the high contrast Aquatic and Desert modes are enabled.

How do we reproduce the behavior?

Pre-Requisites: Go to settings>Accessibility>Contrast theme>Aquatic and Desert modes.

Repro Steps:

  1. Open the above URL.
  2. Now Observe the Hamburger button at Aquatic and Desert modes.
  3. Observe the issue.

What do you expect to happen?

The hamburger menu icon should be clearly visible and distinguishable in all display modes, including high contrast settings like Aquatic and Desert modes.

What environment were you using?

Test Environment: OS Build: Windows 11 Enterprise Insider Preview 24H2 (26120.461) Edge Browser: Version 123.0.2400.1 (Official build) dev (64-bit) URL: https://docs.pwabuilder.com/#/home/sw-intro

Additional context

Note:

  1. Issue is also repro for the collapsed and expand icons present in the left navigation pane below the PWA Builder headings.
  2. Issue is also repro for the selected indications of the links.

User Impact: Users who rely on high contrast modes due to visual impairments or preference for enhanced visibility may be unable to access navigation options typically accessible via the hamburger menu.

WCAG Reference:

Attachments: Normal View

hamburger menu not visible at hc modes