Page MenuHomePhabricator

Normalize TextInputWidget placeholder appearance x-browsers and make it level AAA accessible
Closed, ResolvedPublic1 Estimated Story Points

Description

Normalize TextInputWidget placeholder appearance x-browsers and make it compliant to WCAG level AAA.
Right now we're letting styling of placeholder text up to browser default.
Placeholder text is worrisome misused as replacement for labels like for example at VE's option panel. Let's make sure that placeholder text:

  • looks the same across browsers
  • fulfills level AAA compliance (contrast ratio 7:1) as it's the only input value indicator

T139034 Editing Front end - Wikipedia 2016-06-30.png (400×700 px, 31 KB)

Event Timeline

Restricted Application added subscribers: Zppix, Aklapper. · View Herald Transcript

Change 296778 had a related patch set uploaded (by VolkerE):
MediaWiki theme: Normalize [placeholder] appearance x-browser and ensure a11y

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

This change looks good.

OldNew
Chrome
old-chrome-fedora.png (67×655 px, 3 KB)
new-chrome-fedora.png (70×657 px, 3 KB)
Firefox
old-ff-fedora (71×656 px, 3 KB)
new-ff-fedora.png (68×656 px, 3 KB)
Jdforrester-WMF triaged this task as Medium priority.
Jdforrester-WMF moved this task from Backlog to OOjs-UI-0.17.6 on the OOUI board.
Jdforrester-WMF edited projects, added OOUI (OOjs-UI-0.17.6); removed OOUI.
Jdforrester-WMF removed a project: Patch-For-Review.
Jdforrester-WMF set the point value for this task to 1.

Change 296778 merged by jenkins-bot:
MediaWiki theme: Normalize [placeholder] appearance x-browser and ensure a11y

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