Talk:Reading/Web/Accessibility for reading

Overview

Repository

FAQ

Discussions: Desktop Improvements • Accessibility for reading. If you would like to follow our technical work closely, this is what we're doing now.

---

You can comment in any language. We are especially interested in:

• Feedback on the functionalities we have already deployed. (Please see Reading/Web/Accessibility for reading/Known issues before reporting bugs.)

• Expanding the list of existing gadgets and user scripts that are related to providing a better desktop experience.

We are discussing with many volunteers and communities at the same time. It may take some time for us to reply here. We apologize for that.

Thank you!

(Translate this page)

Automatic image adaptation

There is a site called https://invertornot.com/ that could be useful in automatically adapt images. It uses a small neural network (16MB) to classify images into whether they should have their hues inverted (for graphs or images of text, for example) or instead just be slightly darkened (for photographs of people or natural landscape). The API and model are open source and can be self-hosted - see https://github.com/mattismegevand/invertornot.

Found out about it on https://news.ycombinator.com/item?id=39821632 today, which also has other useful tips, including using the CSS `filter: hue-rotate(180deg) invert();` for inverting images instead of having the API invert them for you. Telotortium (talk) 21:48, 26 March 2024 (UTC)

Thanks for sharing! I imagine this will be useful at some later date.

For the first release we will not be altering images in the night theme and deferring to editors as our concern is that any kind of image alteration could lead to misguiding readers by changing meaningful colors. There is more on this can be found on Reading/Web/Accessibility_for_reading/Frequently_asked_questions. Jdlrobson (talk) 03:25, 2 May 2024 (UTC)

"void" displays on translated pages

hej @SGrabarczuk (WMF):  ! Forma void jakos dziwnie wyskakuje na stronie FR oraz inne strony tlumaczone. Mozna poprawic ? Dzieki.

..wasze pomysły wdź i podziel się z nami swoimi przemyśleniami! 2 Wprowadzenie# {{void|1= === Dlaczego nasza praca nad tym jest ważna ===}} W ciągu ostatnich kilku

--Christian 🇫🇷 FR (talk) 17:45, 17 April 2024 (UTC)

Zebra tables

Hi! I’m working on improving some templates on dewiki for the night mode. I was wondering: tables using the class ‘zebra’ seem to automatically get a zebra scheme also in dark mode, but templates using individual variations of zebra (through TemplateStyles) with different class names don’t. Is there an easy way to imitate the dark mode zebra styles also for templates? XanonymusX (talk) 06:49, 29 April 2024 (UTC)

Hey could you file a ticket on Phabricator with an example? If you can I will look at this over the weekend but right now am not 100% sure what you are referring to. Jdlrobson (talk) 03:20, 2 May 2024 (UTC)

I think I have figured it out (there is no universal solution, as we are talking about individual TemplateStyles). Basically, Zebra in night mode switches between --background-color-base and --background-color-neutral-subtle. I am using those variables for my night mode styles now. XanonymusX (talk) 15:25, 4 May 2024 (UTC)

Extension:Score

Another thing I noted: music written with the score extension (Lilypond) is unreadable in night mode, see e.g. en:99 Bottles of Beer. XanonymusX (talk) 07:30, 29 April 2024 (UTC)

thank you for the report! Phab:T363964 Jdlrobson (talk) 03:19, 2 May 2024 (UTC)

Fixing w:en:Module:RoundN

Out of ideas for fixing this. Most of the colors can be inverted, except for the gold, silver and bronze colors of the 1st, 2nd, and 3rd place boxes that can be enabled. Is there a way to determine with Lua whether night mode is enabled? If that's possible it could be used to set bgColor.head andbgColor[4]. Snowmanonahoe (talk) 20:33, 1 May 2024 (UTC)

This dark mode stuff has made me despise modules that throw all their CSS straight into the Lua. Snowmanonahoe (talk) 20:34, 1 May 2024 (UTC)

thanks for flagging! I (and others) can take a look over the next few days! Jdlrobson (talk) 03:28, 2 May 2024 (UTC)

With regards to detecting night theme: Associating the module with a stylesheet and adding classes to difficult to style elements will probably give a lot more control here. Jdlrobson (talk) 03:30, 2 May 2024 (UTC)

@User:Snowmanonahoe I was going to suggest adding the notheme class but the template doesnt seem to be accessible in the standard theme (e.g. blue links on gold background). Is fixing this in the normal theme also a goal here? Jdlrobson (talk) 10:28, 2 May 2024 (UTC)

• Where is the notheme class added, the whole template? What would that do?
• I wasn't aware of the blue-on-gold being inaccessible. It seems like fixing the problem would require making the gold quite a bit lighter so I'm unsure. Does #FFED7A still look like "first-place gold" to you?

Snowmanonahoe (talk) 11:37, 2 May 2024 (UTC)

Well actually, the link color could be changed to Vector's #0645ad. Surprising that makes so much of a difference. Color contrast is weird. Snowmanonahoe (talk) 11:44, 2 May 2024 (UTC)

appearance sidebar keeps popping up every time i refresh or open a new page

it used to not do that, i would hide the sidebar once and never see it again Brawlio (talk) 01:27, 3 May 2024 (UTC)

You can click "hide" next to appearance to collapse it. That should then close it for future page views. Jdlrobson (talk) 07:19, 3 May 2024 (UTC)

that's how it used to work, but not anymore, it reappears every time i open a new webpage or refresh the current one Brawlio (talk) 17:58, 3 May 2024 (UTC)

Extension:Math

...doesn't work with night mode (example). Snowmanonahoe (talk) 02:38, 8 May 2024 (UTC)

Tracked in Phabricator
Task T360691

(still need to open a dedicated ticket for this one. Jdlrobson (talk) 00:11, 17 May 2024 (UTC)

Font size slider

Would you please consider adding a font size slider (see how wikiwand.com did it) with a few more values between small (0.88rem) and what you call "standard" (1rem), and save the values separately for m.wiki. 1rem on all my devices looks way too big. Something around 0.93rem would be perfect - for me. Large is ridiculously large, esp. when it comes to infoboxes and alike, I don't understand what made you go that high. pon_or (talk) 12:25, 10 May 2024 (UTC)

The more customization options are added for you the reader, the harder it becomes for you the editor to make a well-formatted content page. Snowmanonahoe (talk) 20:24, 13 May 2024 (UTC)

Dark mode parity with Android app

Hello! I want to ask a question about the dark mode that A4R is implementing. Currently, the A4R Minerva dark mode looks different to the Wikipedia Android app's dark mode. For example, A4R dark mode's background color (#101418) looks darker than Wikipedia Android dark mode's background color (#212121). Would the planned dark modes for Minerva and Vector 2022, when they are finished, resemble the dark mode for Wikipedia Android/iOS? If not, why? LightNightLights (talk) 16:30, 14 May 2024 (UTC)

I hope the apps then finally stop doing their own (undocumented) thing and use the same styles as the website. hgzh 10:00, 15 May 2024 (UTC)

Night mode checker not updated for non-en wikis

Hi, it seems like the night mode checker hasn't been updated since a week, for example for dewiki, and is only showing 50 pages. hgzh 09:58, 15 May 2024 (UTC)

Thanks for flagging! I will look at this today! Jdlrobson (talk) 18:11, 15 May 2024 (UTC)

I am still looking into this. I got a new request to run the checker for all wikipedias which is proving more difficult than expected :) Jdlrobson (talk) 00:09, 17 May 2024 (UTC)

How to disable the dark mode

How can I disable the dark mode, without disabling Vector 2022? Vestrian24Bio (talk) 02:42, 16 May 2024 (UTC)

@Vestrian24Bio: Hello, you can change from dark mode to light mode from the "Appearance" menu on the right (it look like this). Thanks. SCP-2000 (talk) 03:11, 16 May 2024 (UTC)

Okay, Thanks! Vestrian24Bio (talk) 03:24, 16 May 2024 (UTC)

Night mode on mobile and desktop

Why there is different options of night mode on mobile and desktop? KuldeepBurjBhalaike ^(Talk) 06:38, 16 May 2024 (UTC)

Hello @Kuldeepburjbhalaike, thanks for reaching out. What difference between night mode on mobile and desktop do you mean? SGrabarczuk (WMF) (talk) 13:13, 16 May 2024 (UTC)

thanks for the reply @SGrabarczuk (WMF): if i turn on dark mode on desktop it applies only for desktop site of that wiki and i need to turn on the dark mode for mobile web in settings and vice versa for turning it off. will it be good option to turn on/off at once from desktop site or mobile site? KuldeepBurjBhalaike ^(Talk) 13:23, 16 May 2024 (UTC)

Night Mode issue on "Accessibility for Reading (Vector 2022)"

Hello,

I was using the beta version of Vector 2022. But today when I was checking Wikipedia (main page and some internal pages) I noticed that "night mode" is activated there, without the option of night mode (or dark mode) being activated in Preferences/Gadget!

Regards Mrt.rahimzade (talk) 08:20, 16 May 2024 (UTC)

Hello @Mrt.rahimzade. That's correct. Yesterday evening European time, we introduced the color options (Automatic, Light, and Dark) as part of the Accessibility for Reading beta feature. Anyone who was using the beta feature was supposed to see the new color options.

Originally, our intention was to make Light the default (and anyone who'd want to change that could select Automatic or Dark). But apparently, we made Automatic the default. This got many people confused, and we'd like to apologize for that.

At the same time, we encourage everyone to try out dark mode on different pages. Here you will find detailed instructions on how to make templates and other community-written code dark mode-friendly. (In particular, focus on the part "If you want to identify problems beyond the top 100 articles.")

Thanks, and apologies again! SGrabarczuk (WMF) (talk) 13:22, 16 May 2024 (UTC)

Thank you, Mr. Grabarczyk, for taking the time to explain this matter, your work is wonderful and I hope you will do well! Regards. Mrt.rahimzade (talk) 17:25, 16 May 2024 (UTC)

Reading/Web/Accessibility for reading/Updates structure change?

It was unusual to see new updates being added to the Reading/Web/Accessibility for reading/Updates itself rather than transcluded as before. Is it how it will be from now on? I rather like to have chunks of news on separate subpages. Ата ^(talk) 17:18, 16 May 2024 (UTC)

Thanks @Ата. Some updates were put on separate pages because we were posting them as messages on village pumps. The latest update is directly on the /Updates page because we didn't meant to post it on village pumps, and we have posted/will post other (longer) messages instead. I hope this makes sense. What makes you think sticking to the subpage "model" is better, though? I'm curious. Thanks! SGrabarczuk (WMF) (talk) 17:47, 16 May 2024 (UTC)

It's a pleasant moment when the page reaches 100% of translation, and if there is new content added later, percentage falls and it feels as if someone has just ruined my achievement 😅

Thank you for explanation, I'm ok with any model. Ата ^(talk) 11:51, 17 May 2024 (UTC)

Night mode checker: "mobile" and non-default vector skin

Starting today, the night mode checker seems to be using the vector dark mode and not the minerva night mode. This has two problems. First, the section header still reads "Mobile", and it should either be changed to "Desktop", or there should be a separate section for mobile. Second, pages are opened with ?vectornightmode=1, but that doesn't do anything if vector22 is not the default skin, which is the case for (at least) itwiki, ruwiki, and dewiki. Adding &useskin=vector-2022 to the query string should be enough to fix this. Daimona Eaytoy (talk) 21:30, 16 May 2024 (UTC)

Thanks for flagging the legacy Vector default skin. I am overhauling a few things with the checker here and hopefully will be up and running again by the end of the week. Jdlrobson (talk) 00:07, 17 May 2024 (UTC)

Global preferences for dark mode

As a steward, I'm operating across a lot of different projects. I need to change the color settings on each project individually, because I want to use the light color while using WMF projects, while my browsers settings trigger the automatic color selection (which seems to the default?) to activate the dark mode. There should be an option to globally select light/dark/automatic instead of having to customise it on every wiki I'm using. Johannnes89 (talk) 16:18, 17 May 2024 (UTC)