Page MenuHomePhabricator

Make sure each language Wikipedia looks good on mobile as well as desktop
Open, Needs TriagePublicBUG REPORT

Description

Steps to replicate the issue (include links if applicable):
On your cell phone, visit a random language Wikipedia homepage.

In our sample today, we visited the Vietnamese Wikipedia homepage.

We tried it on several browsers, the browser type is not important. We got the same results. As you can see in the attached image.

What happens?:

As you can see the page is a complete mess.

What should have happened instead?:

The page should look readable.

Software version (skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

We especially tested in the state where we were not logged in, to see what the majority of users will see when first visiting the site.

We picked a random browser that we had not messed with the settings with either.

It is a big shame that many language Wikipedias will be one big mess when using a cell phone to view.

I am just making a guess that the banner size has not been tested on more than one language version.

Or perhaps the banners have only been tested on desktops.

But that ignores the fact that there's many people, a growing number, that use cell phones.

Note: you might think the website looks fine, but please give it a minute or two for the page to fully load.

Screenshot_20240302_190256_Samsung Internet.jpg (640×288 px, 66 KB)

Event Timeline

Jidanni renamed this task from Be sure banner is compatible with all language sites to Mobile: Be sure banner is compatible with all language sites.Mar 2 2024, 11:14 AM
Jidanni renamed this task from Mobile: Be sure banner is compatible with all language sites to Mobile: Be sure banner size is compatible with all language sites.Mar 2 2024, 11:16 AM
Jidanni updated the task description. (Show Details)

Note that the series of links overlapping the header are coming from https://vi.wikipedia.org/wiki/B%E1%BA%A3n_m%E1%BA%ABu:AdvancedSiteNotices which seems to be a Vietnamese Wikipedia specific customisation. They still overlap even when the Wiki loves Folklore Centralnotice banner is closed. You'll have to ask one of the local admins about that.

vi.m.wikipedia.org_wiki_Trang_Ch%C3%ADnh(iPhone 12 Pro).png (2×1 px, 861 KB)

Hello everyone, I am Plantaest user on the Vietnamese Wikipedia, an interface administrator, and I have temporarily hidden the AdvancedSiteNotices notification box using CSS. Some members of the community have also suggested hiding it on the mobile interface recently (previously it did not cause display errors on mobile). In the near future, this utility will be rewritten entirely by the community as requested many years ago. This utility is essential for community members to grasp the issues currently occurring (voting, discussions, regulations).

Hello @Jidanni, the Vietnam Wikimedians User Group (VWUG) is an independent entity from the Vietnamese Wikipedia community. Currently, VWUG mainly participates in other Vietnamese wiki communities rather than Wikipedia, such as Wikibooks, Wiktionary... Because in the past (2 years ago), there was a major conflict between this group and the Vietnamese Wikipedia community. This is a not-so-good past, so I don't want to mention it here. If you want to send messages about issues to the Vietnamese Wikipedia community, you can write here: Wikipedia:Thảo luận. Thank you very much!

Jidanni renamed this task from Mobile: Be sure banner size is compatible with all language sites to Make sure each language Wikipedia looks good on mobile as well as desktop.Mar 4 2024, 9:43 AM

Thanks! I just think that the Mediawiki Central group should make sure each language Wikipedia looks good on mobile as well as desktop.

All it would take is once a year, just having a look at the homepage, of each language Wikipedia, on both a cell phone, and a desktop. That's it.

Sort of like McDonald's sending inspectors to each one of its franchises once a year just to have a quick look to see how the sanitation's going.