Messages and Message boxes are used in various places and should be part of M101
=Current status quo
| MediaWiki core | mediawiki.UI
| -- | --
| {F3372655 width=100%} | {F4530216 width=100%}
| `.warningbox` {F11805817} `.errorbox`, `.successbox` |
| OOUI | MobileFrontend
| -- | --
| {F4468719 size=full} {F4491169 size=full} | {F4669690 width=100%} |
| MW core: `.fmbox-editnotice` | MW core: PostEdit messages
| -- | --
| {F5243825 size=full} | {F7451633 size=full}
| Editing a disambiguation page on English Wikipedia, with an `fmbox-editnotice` on top and anonymous user edit warning with class `.warningbox` (core messages) below |
| MW core: `.mw-warning` | MW core: `.mw-warning-with-logexcerpt`
| -- | --
| {F10812421 width=100%} (e.g. https://en.wikipedia.org/w/index.php?diff=666058337&oldid=666058325&useskin=vector) | {F11805828 width=100%} (e.g. https://en.wikipedia.org/w/index.php?title=User:Vetazo_Khesoh&action=edit&redlink=1)
| Special:UploadWizard | Extension:Collections
| -- | --
| {F4669345 width=100%} | {F8223130 width=100%}
Scope of this task are the **visual aspects of message boxes**.
Finding guidelines on #voice_tone is important, but are not part of this specific task.
= Definition of messages
- Messages, neutral notices
- Success messages
- Warnings, define clear separation from:
- Errors
= Success criteria
- Responsive
- Color coding not the only way to identify type, additionally icons (definition of treatment) and voice&tone(?)
- WCAG 2.0 level AA color contrast sufficient
- Support of limited rich text and not only text, although be strict about limitation.
-- Rich text examples: Links, bullet and numbered lists, bold text
- Works as block and toast messages (overlays)