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.
Description
Description
Details
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 |
Related Objects
Related Objects
- Mentioned Here
- T117781: Convert Special:Preferences to OOUI
Event Timeline
Comment Actions
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
Comment Actions
Change 464438 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[oojs/ui@master] themes: Increase contrast between normal & selected TabOptionWidget
Comment Actions
The contrast for #444 on #eaecf0 is 8.23:1 and therefore fulfils level AA conformance successfully.
Comment Actions
Change 464438 merged by jenkins-bot:
[oojs/ui@master] TabOptionWidget: Increase contrast between normal & selected states
Comment Actions
Change 464607 had a related patch set uploaded (by Jforrester; owner: Jforrester):
[mediawiki/core@master] Update OOUI to v0.29.1