>>! In T85853#2550072, @Tgr wrote:
> OOUI error messages seem awkward to me, even apart from the issue fixed in T142639: there is just no visual sign I would recognize as error (such as red color or background). I feels closer to the explanatory text created with the 'help' keys on VForm.
I think the styling in the Apex theme is actually a bit better. (Screenshots below are from <https://gerrit.wikimedia.org/r/284902>.)
| MediaWiki | Apex |
| -- | -- |
| {F4468719} | {F4468721} |
| After | …
| {F28333479} | {F28338639}
Warnings are even worse, they are set in the same font and color as any random label and only highlighted with a small icon.
{F4491169,width=400}
The styles here were created by myself when implementing this feature (which we needed urgently for OOUI HTMLForm: T106947) and I probably spent about 30 seconds thinking about them. We should rethink them ;)
We might draw some inspiration from the success/warning/error message boxes in MediaWiki, see {T127405}.
== Improvements integrated
[x] Increased visibility by changing color of errors to destructive Red50,
[x] invented a separate warning message with a Yellow50 icon, but black text for achieving WCAG 2.0 level AA contrast (also makes code semantically cleaner)
[] gonna provide a tad more whitespace to let messages better focus
[] put icon on top position for immediate identification on mobile on multiline messages
[] add icons to Apex for better message focus and identification
[] clean up some unnecessary properties to remove code duplication