Maniphest T205692

Selected tab on Special:Preferences hard to distinguish from other tabs
Closed, ResolvedPublic
Actions

Description

The OOUI tabs on Special:Preferences (T117781) make it very hard to distinguish the selected tab from the other tabs, especially when your monitor isn't well calibrated.
The highlighted tab has background #fff, while the others have #eaecf0 (Base80), which can be hard to see.
Using #c8ccd1 (Base70) instead as background for the other tabs would make it much easier to distinguish the currently selected tab.

Details

	Project	Branch	Lines +/-	Subject
	mediawiki/core	master	+484 -1 K	Update OOUI to v0.29.1
	oojs/ui	master	+11 -1	TabOptionWidget: Increase contrast between normal & selected states

Customize query in gerrit

Related Objects

Mentioned Here: T117781: Convert Special:Preferences to OOUI

Event Timeline

Schnark created this task.Sep 28 2018, 9:58 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptSep 28 2018, 9:58 AM

matmarex added a project: Accessibility.Sep 28 2018, 10:26 PM

It's currently featuring

a higher contrast than buttons do to background
a higher contrast than it was in the original layout

One possibility would be to de-emphasize the non-selected tab labels by using #444 instead of #222 and set the active tab to #000

Change 464438 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[oojs/ui@master] themes: Increase contrast between normal & selected TabOptionWidget

https://gerrit.wikimedia.org/r/464438

gerritbot added a project: Patch-For-Review.Oct 3 2018, 9:47 PM

Volker_E moved this task from Backlog to Reviewing on the OOUI board.Oct 3 2018, 9:55 PM

The contrast for #444 on #eaecf0 is 8.23:1 and therefore fulfils level AA conformance successfully.

Change 464438 merged by jenkins-bot:
[oojs/ui@master] TabOptionWidget: Increase contrast between normal & selected states

https://gerrit.wikimedia.org/r/464438

Volker_E closed this task as Resolved.Oct 3 2018, 10:23 PM

Volker_E claimed this task.

Volker_E triaged this task as Low priority.

Volker_E moved this task from Reviewing to OOUI-0.29.1 on the OOUI board.

Volker_E edited projects, added OOUI (OOUI-0.29.1); removed OOUI.

Volker_E removed a project: Patch-For-Review.

Volker_E removed a subscriber: gerritbot.

Change 464607 had a related patch set uploaded (by Jforrester; owner: Jforrester):
[mediawiki/core@master] Update OOUI to v0.29.1

https://gerrit.wikimedia.org/r/464607

gerritbot added a project: Patch-For-Review.Oct 4 2018, 5:14 PM

Volker_E removed a project: Patch-For-Review.Oct 4 2018, 6:12 PM

Change 464607 merged by jenkins-bot:
[mediawiki/core@master] Update OOUI to v0.29.1