Goals of this project:
- Standardize Wikimedia's user interface components (i.e.: button, dropdown menu, radio button, list, etc.) so that they visually look and feel the same across any templates and pages within WikiProjects, Wikipedia article pages, every language Wikipedia, MediaWiki documentation pages, Meta-wiki, and so on.
- Strengthen the mental model of our components (i.e.: button, menu, dropdown, text field) by reusing the same component type for the same use case (example: To “delete a comment," we should always use a red button. We should never use a green button to “delete a comment.” Conversely, we also shouldn’t use a red button to “create a new topic.”)
- Make sure that Wikimedia project sites are largely accessible for the visually-impaired using screen-readers
- Make sure that Wikimedia project sites are largely accessible for the color blind and photophobic
- Make sure that Wikimedia project sites are largely user-friendly at all device sizes
- Support for bi-directional - RTL (right-to-left) and LTR (left-to-right) language text
Problems that we solve:
- A specific icon (i.e.: star icon) can have many different meanings (i.e.: featured article, watch list, watch current page, portal of the week). This happens throughout Wikimedia projects even within the same culture and language. Conversely, one meaning can be represented by a few different icons.
- One component type (i.e.: button, menu) with the same use case is implemented in many different ways
- Deficiency in being screen-reader and keyboard-user accessible
- Deficiency in being color blind-friendly and photophobia-friendly
- Lack of mobile support and components are not finger-friendly (touchscreen-friendly)
Let us know what problems points we might be missing as well as your input on our goals here.
Visit our Mediawiki documentation
You can join us in this project by taking on any tasks interesting to you or be involved in our conversations.
See also: