This PR addresses styling issues related to print stylesheets and windows high contrast mode:
Print stylesheets
Components with dark backgrounds arent rendered correctly in print. The text appears gray instead of black.
Interactive content such as header navigation elements (search, menu toggle), sign-up forms, and videos should be hidden for print.
In-line href attributes should be used in print so that users are aware of destination of each link.
Only important iconography and images should be retained for print.
Most site visitors would likely want to print or save blog posts as PDFs compared to other pages on the site. You can see the difference between the blog post without print styles and the one with print styles.
WHCM #454
Menu toggle isn't visible
Close icon in the search modal isn’t visible
Copy icon in "pip install Wagtail" button disappears when clicking on it.
(not in audit) SVG icons in buttons now match the button text color
This PR addresses styling issues related to print stylesheets and windows high contrast mode:
Print stylesheets
Most site visitors would likely want to print or save blog posts as PDFs compared to other pages on the site. You can see the difference between the blog post without print styles and the one with print styles.
WHCM #454
Screenshots
||forced-colors: active + prefers-color-scheme: dark|forced-colors: active + prefers-color-scheme: light| | --- | --- | --- | |![Screenshot (91)](https://github.com/wagtail/wagtail.org/assets/106587342/e885b0a5-08ad-433a-ab43-09dcd7848580)|![Screenshot (90)](https://github.com/wagtail/wagtail.org/assets/106587342/30b8c805-99f8-4c8f-8051-da7b461540e2)|![Screenshot (89)](https://github.com/wagtail/wagtail.org/assets/106587342/d0dd442a-d424-48f5-8d5f-9635fd8ef470)| ![Screenshot (95)](https://github.com/wagtail/wagtail.org/assets/106587342/b09bb6e2-9760-499d-bcb2-1b3da6482d28)|![Screenshot (93)](https://github.com/wagtail/wagtail.org/assets/106587342/9fdda237-7a72-4991-9360-fdcc1e498c08)|![Screenshot (92)](https://github.com/wagtail/wagtail.org/assets/106587342/b199d372-f5c7-4e75-936f-8ce9e1d19231) ![Screenshot (96)](https://github.com/wagtail/wagtail.org/assets/106587342/986d2c22-98b7-4d6d-9cbc-674aede6eac8)|![Screenshot (98)](https://github.com/wagtail/wagtail.org/assets/106587342/2ca270f0-596f-4ded-a109-43ae4857afab)|![Screenshot (97)](https://github.com/wagtail/wagtail.org/assets/106587342/b1491690-8646-4460-8ded-bde713684e28)