RESOLVED WONTFIX 254847
AX: Safari - Dark Mode, Smart Invert Colors Active
https://bugs.webkit.org/show_bug.cgi?id=254847
Summary AX: Safari - Dark Mode, Smart Invert Colors Active
m_spinneberg
Reported 2023-03-31 15:13:44 PDT
Created attachment 465717 [details] Dark Mode with Smart Invert on iPhone - Inline Style of Invert 100 inserted Summary: Viewing the Apple Accessories Landing Page on Mobile Safari, Dark Mode and Smart Invert Colors active. When the Invert Colors Filter is disabled in CSS, there is an inline Style inserted for the image, creating a triple invert scenario and the text overlayed on the image is presented with insufficient contrast. Inline Style: style="filter: invert(100%);" URL: https://www.apple.com/shop/accessories/all Steps: 1. on iPhone, visit URL 2. Activate Smart Invert Colors 3. Notice the image is displayed in X-Ray mode (Classic Invert) which is intentional 4. Activate Dark Mode, refresh the page 5. Notice the image is displayed as the original color, no Classic Inver/X-ray 6. Notice the HTML shows an inline style of Invert 100%
Attachments
Dark Mode with Smart Invert on iPhone - Inline Style of Invert 100 inserted (2.65 MB, image/png)
2023-03-31 15:13 PDT, m_spinneberg
no flags
Dark Mode inactive, Smart Invert Active, CSS Invert Filter Disabled, Expected (972.86 KB, image/jpeg)
2023-03-31 15:19 PDT, m_spinneberg
no flags
HTML, Dark Mode and Smart Invert Active, Inline Style inserted (1.47 MB, image/png)
2023-03-31 15:24 PDT, m_spinneberg
no flags
m_spinneberg
Comment 1 2023-03-31 15:19:22 PDT
Created attachment 465718 [details] Dark Mode inactive, Smart Invert Active, CSS Invert Filter Disabled, Expected
m_spinneberg
Comment 2 2023-03-31 15:24:47 PDT
Created attachment 465719 [details] HTML, Dark Mode and Smart Invert Active, Inline Style inserted
James Craig
Comment 3 2023-03-31 18:27:56 PDT
AOS bug, not WebKit
Radar WebKit Bug Importer
Comment 4 2023-03-31 18:28:55 PDT
Note You need to log in before you can comment on or make changes to this bug.