Jump to content

Reading/Web/Accessibility for reading/Updates/2023-10/ki

From mediawiki.org
This page is a translated version of the page Reading/Web/Accessibility for reading/Updates/2023-10 and the translation is 3% complete.

Dark mode and a prototype for readability improvements

An example of dark mode
An example of dark mode
Prototype screenshot
Screenshot of the prototype

Read this in your languagePlease help translate to your languagePlease tell other users about these changes

Introduction to a new project

As the Wikimedia Foundation Web team, we are beginning a project called Accessibility for reading. The goal is to make the wikis more accessible and comfortable for reading. We are starting with the font size and typography for articles. In the next phase, we will focus on color palette customizations, such as dark mode.

All these will be available for both logged-in and logged-out users as settings, on both desktop and mobile web.

This project is a consequence of the many requests from volunteers.

Ni tugocokia ngatho kwi mundu wothe woria uhoro witu On the technical side, dark mode is easier than the font size, but it will need more involvement from the communities. This is why we are asking you to follow our project. Watch the project page and subscribe to our newsletter.

Test out our prototype

Now, we would like to make articles easier to read and scan for casual readers. We aim for:

  1. Making the default font size bigger (but not too big) to improve readability
  2. Increasing the information density to improve scanning
  3. Increasing the space between paragraphs and sections to improve scanning
  4. Allowing readers (including logged-out users!) to customize the density of text

This will apply to articles in the reading mode and in VisualEditor, but not in the wikitext editor. We are planning these changes to apply across all the wikis.

The default may vary based on the language or script of the project.

We have prepared a prototype that allows for various changes in the font size and spacing.

To use the prototype, force a banner to appear and click on it. Next, try out different combinations and share what works for you. This prototype is not a reflection of the final design. Instead, we would like to learn what font sizes Wikimedians want to see across languages. We will use this data to determine the proposed default and options. Read more about the test.