Reading/Web/Accessibility for reading/Reporting/en.wikipedia.org
Archives
| ||
|---|---|---|
| ||
Key: The following emojis in the title mean someone has looked at the feedback and worked out what to do with it.
| Icon | Meaning |
|---|---|
| 📢 | User is providing general feedback and it should be reviewed by designer/PM. If the template is legible in dark mode (just bright!) you can also consider it feedback and use this emoji. For popular templates, please consider adding a comment on the talk page when adding this emoji. |
| ❓ | Report was unclear and we don't know what to do with it. |
| ✅ | This has been fixed or reported on wiki. |
| 🐛 | This is tracked in a bug or a talk page comment (please use the Tracked template). |
| 🤖 | Concerns a gadget |
✅ Current events dark mode error
editIssue Description The color is fine. However, the screen is not going into wide mode. This occurred in both the home page and the Current Events Portal.
Taipei 101 dark mode error
editTower logo in infobox doesn't display well in dark mode. It has a transparent background and assumes a light background. – OdinintheNorth (talk) 00:47, 28 March 2025 (UTC)
Dark mode error
editIssue Description Simple request: Have the same logo appear for Wikipedia on dark mode. Seeing the inverted version is weird and gives the impression of something going wrong (why it works for Testpedia). - Klein Muçi (talk) 17:52, 28 March 2025 (UTC)
- @Klein Muçi You have to be more specific. If you see a color-shifted inverted logo, that is probably because the non-inverted version is not dark mode compatible and no one created a inverted version by hand yet. —TheDJ (Not WMF) (talk • contribs) 21:35, 31 March 2025 (UTC)
- Ah... I thought it was a global thing. I was talking about the Albanian Wikipedia. - Klein Muçi (talk) 22:08, 31 March 2025 (UTC)
- Upon further inspection I see that it IS a global thing. Every Wikipedia has a logo with inverted colors in their dark mode version. That is what I'm proposing to change. - Klein Muçi (talk) 22:23, 31 March 2025 (UTC)
- Ah... I thought it was a global thing. I was talking about the Albanian Wikipedia. - Klein Muçi (talk) 22:08, 31 March 2025 (UTC)
Issue Description Section: Logo History Logo in question: 2021 - present Example photo 6 Logo hard to see in dark mode
Issue Description Well in Wikipedia, when you search for Microsoft Corporation the color was a little bit off
✅ WikiProject Guild of Copy Editors/How to dark mode error
editIssue Description The main content on this page seems to have had some of its styling overridden. Namely, it appears in a white box below two rows of what appear to be tabs. The content in the white box is mostly readable (although it of course does not obey the theme preference), but headings have an abysmal contrast ratio and I can barely discern the text within them without selecting them to create a blue highlight for contrast ratio (it would appear that their style is not overridden by the page-specific style and they are thus obeying my dark mode preference, at the expense of being able to read them).
- That page's tabs are using the default settings provided by Template:Start tab, which uses Template:Tab to build the tabs. That is the template that needs dark mode attention. Jonesey95 (talk) 17:29, 1 May 2025 (UTC)
✅ Wade–Giles dark mode error
editIssue Description
The main image in the page "Wade-Giles" (his portrait) seems to be tagged as color-invertible somehow --- it becomes a negative when viewed in dark mode. I'm not sure whether this is an automated process or what, but the file is a regular old .jpg (https://en.wikipedia.org/wiki/Wade%E2%80%93Giles#/media/File:Herbert_Giles.jpg)
- This is because Infobox_romanization, uses Inbox_writing_system, which sets this by default, because it (somewhat rightly) assumes that all example images are script examples, not images of people related to the writing system. —TheDJ (Not WMF) (talk • contribs) 12:52, 1 May 2025 (UTC)
- Now fixed —TheDJ (Not WMF) (talk • contribs) 12:52, 1 May 2025 (UTC)
✅ I Corps (Grande Armée) dark mode error
editIssue Description The heading for 'order of battle' is incredibly difficult to read as it is a slightly lighter shade of grey, and hitting show for the order of battle also yields a list that is extremely hard to read.
Community response to the Wikimedia Foundation's ban of Fram dark mode error
editThis page has black on brown/green/black text, making some of it difficult to read, and most of it impossible to read.
✅ Cardinal vowels dark mode error
editIssue Description Images with transparent backgrounds are displayed weirdly in dark mode.
📢 Dark horse dark mode error
editIssue Description The current dark mode is too high contrast like a bright white font on an almost black background. I nicer (easier to read) dark mode has a light grey font on a dark grey background.
🐛 Dark mode CSS filter problems
editA brightness filter for images overrides other CSS classes used to apply filters. In particular, it overrides skin-invert and skin-invert-image. For an example page see w:RiPP.
I noticed this days ago, but was hoping whoever made the change would have noticed and addressed it or written about it somewhere I could find. Of course they haven't and I haven't found any writing on it. For example, they haven't bothered updating advice regarding the situations where these CSS filters like skin-invert are useful: Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#Apply_filters_to_dark_images_with_transparent_background.
The simplest fix for this would be to use a shade of gray for the background (like #ccc) rather than using a filter to adjust down the statically coloured --background-color-base-fixed (#fff). If design tokens must be used, go for --background-color-tab-list-item-framed--active until something more semantically meaningful can be added, as the tokens --background-color-backdrop-dark and --background-color-backdrop-light are not right for the job. Alternatively, arbitrarily increase the specificity of the CSS rules involving skin-invert or add !important to those rules.
| The CSS rule in question |
|---|
@media screen {
html.skin-theme-clientpref-night .mw-parser-output > span.mw-default-size img,
html.skin-theme-clientpref-night section .mw-heading ~ div > span.mw-default-size img,
html.skin-theme-clientpref-night section > span.mw-default-size img,
html.skin-theme-clientpref-night dd > span.mw-default-size img,
html.skin-theme-clientpref-night p > span.mw-default-size img,
html.skin-theme-clientpref-night .mw-parser-output > figure[typeof="mw:File"] img,
html.skin-theme-clientpref-night section .mw-heading ~ div > figure[typeof="mw:File"] img,
html.skin-theme-clientpref-night section > figure[typeof="mw:File"] img,
html.skin-theme-clientpref-night dd > figure[typeof="mw:File"] img,
html.skin-theme-clientpref-night p > figure[typeof="mw:File"] img,
html.skin-theme-clientpref-night .mw-parser-output > figure[typeof="mw:File/Thumb"] img,
html.skin-theme-clientpref-night section .mw-heading ~ div > figure[typeof="mw:File/Thumb"] img,
html.skin-theme-clientpref-night section > figure[typeof="mw:File/Thumb"] img,
html.skin-theme-clientpref-night dd > figure[typeof="mw:File/Thumb"] img,
html.skin-theme-clientpref-night p > figure[typeof="mw:File/Thumb"] img,
html.skin-theme-clientpref-night .mw-parser-output > figure[typeof="mw:File/Frameless"] img,
html.skin-theme-clientpref-night section .mw-heading ~ div > figure[typeof="mw:File/Frameless"] img,
html.skin-theme-clientpref-night section > figure[typeof="mw:File/Frameless"] img,
html.skin-theme-clientpref-night dd > figure[typeof="mw:File/Frameless"] img,
html.skin-theme-clientpref-night p > figure[typeof="mw:File/Frameless"] img {
background-color: var(--background-color-base-fixed,#fff);
filter: brightness(0.8);
}
|
✅ Flags of North America dark mode error
editIssue Description none of the text in the tables in the sections "Flags of North American sovereign states" or "Flags of dependencies and other territories in North America" is visible
Issue Description make more dark the dark mode
❓Titus Kofi Beyuo dark mode error
editIssue Description
Issue description: It seems like many of the block indents' text fully blend in with the background when using dark mode.
On the English Wiki-Main Page, the "Wikipedia languages" part, the languages are unreadable. https://en.wikipedia.org/wiki/Main_Page
Identity (mathematics) dark mode error
editIssue Description The LaTeX mathematical equations are black with white highlighting in dark mode in the side info panel under the visual representation of the cos²θ + sin²θ = 1 identity.
Médecins Sans Frontières dark mode error
editIssue Description The text in the logo in the infobox is very difficult to read in dark mode.
Issue Description