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