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

Event Timeline

Restricted Application added a project: UI-Standardization. · View Herald TranscriptJun 30 2016, 12:17 PM
Restricted Application added subscribers: Zppix, Aklapper. · View Herald Transcript
Volker_E updated the task description. (Show Details)Jun 30 2016, 12:18 PM

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
Firefox
Jdforrester-WMF closed this task as Resolved.Jul 1 2016, 8:56 AM
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