Die Nutzeroberfläche von Wikimedia-Projekten muss zugänglich und lesbar sein, unabhängig von Sprache und Schrift. Dies gilt sowohl für die Mehrheit als auch für Personen mit individuellen Bedarfen. Die derzeitige Typografie auf Desktop und Handy erschwert allerdings die Lesbarkeit. Auch der Dark Mode kann bei schlechten Lichtverhältnissen und für Personen, die eine kontrastarme Leseumgebung bevorzugen, hilfreich sein. Unser Interfaces haben diese Funktion noch nicht.
Barrierefrei Lesen
![]() Typografische Änderungen und Einstellungen zur Verbesserung der Barrierefreiheit der Seite
|
Wir möchten die Standard-Typografie ändern. Außerdem werden wir zusätzliche Einstellungen für die Typografie und den Dark Mode als Einstellungen einrichten. Diese Änderungen werden sowohl für eingeloggte wie auch ausgeloggte User verfügbar sein.
Projektübersicht
Im Rahmen des Jahresplans 23/24 hat sich das Web-Team zum Ziel gesetzt, die Standardtypografie aller Wikis zu ändern und allen Benutzern Zugriff auf die Aussehen-Einstellungen zu geben. Die Standardschriftgröße und Zeilenhöhe wird für alle Benutzer in allen Wikis vergrößert. Für die Mehrheit der Benutzerinnen und Benutzer wird sich dadurch die Lesbarkeit verbessern. Das Team plant, dies zusammen mit einem neuen Menü für das Aussehen zu implementieren, das Einstellungen für die Breite der Seite, die Typografie und den kommenden Dark Mode erlaubt. User können damit auch ganz einfach die Schriftgröße auf den vorherigen Standard zurücksetzen.
Geplant sind Diskussionen in allen Wikis, die sich auf die Fehlerbehebung bei aktuellen Funktionen und Ideen für künftige Verbesserungen konzentrieren. Anschließend wird das Team mit der Einführung fortfahren und das Erscheinungsbild-Menü für alle Benutzer und die neuen Typografie-Standardeinstellungen nur für angemeldete Benutzer bereitstellen. Die Einführung erfolgt in zwei Schritten, wobei zunächst eine kleine Gruppe von Wikis getestet wird, bevor die Änderungen in allen Wikis umgesetzt werden.
Ausschlaggebend für die Entscheidung, die Standardtypografie zu ändern, sind Forschungsergebnisse und Empfehlungen zur Barrierefreiheit. Derzeit liegt der Mindestwert der WCAG-Empfehlungen für die Schriftgröße bei 16 Pixeln und die AAA-Empfehlung bei 18 Pixeln für leichtes Lesen. Unser derzeitiger Standardwert ist 14 Pixel. Damit ist die Lesbarkeit erschwert (im Vergleich zu ähnlichen Websites für langformatige Texte, die sich an diese Richtlinien halten). Andererseits sind wir uns bewusst, dass die Lesbarkeit (die Möglichkeit, die Seite zu überfliegen und schnell bestimmte Informationen zu finden) für Wikipedia wichtig ist und dass wir Änderungen der Textdichte bei der Festlegung einer neuen Schriftgröße begrenzen sollten. Die geplante Standardschriftgröße beträgt 16 Pixel. Dies basiert auf:
- Lesbarkeitsforschung, akademische Studien und Marktforschung: Aus diesen Quellen geht hervor, dass eine größere Schrift im Allgemeinen besser ist.
- Die meisten Websites, auf denen lange Texte gelesen werden (z. B. Nachrichten-Websites oder soziale Medien), wählen eine Schriftgröße zwischen 16 und 18 Pixeln. In den beiden Studien, die sich speziell mit der Vergrößerung der Schriftgröße von Wikipedia befassten, stellten Forschende fest, dass eine größere Schrift das Verständnis verbessert.
- Unsere eigenen Untersuchungen haben gezeigt, dass die meisten Lesesitzungen 20-30 Sekunden lang sind. Das ist nicht genug, um eine Schrifteinstellung zu verdauen und zu ändern. Mit dieser Option werden die Vorteile der neuen Standardeinstellung mit möglichst geringem Aufwand für möglichst viele Menschen nutzbar gemacht.
- Empfehlungen für Barrierefreiheit
- Gemeinschaftlich vorgeschlagene Designs: 632 eingeloggte Benutzer aus 13 Wikipedias reichten Entwürfe mit typografischen Einstellungen ein, die sie als angenehm empfanden. Während sich viele Entwürfe darauf konzentrierten, die Standardeinstellung beizubehalten, wählte die Mehrheit der Entwürfe eine größere Schriftgröße.
Updates
Juni 2024: Typography and dark mode deployments, new global preferences
Earlier this month: Appearance menu available for everyone and typography changes for logged-out users
In early June, we increased the default font size for logged-out users in Vector 2022. Learn more about this deployment. In a few months, we will study how many logged-in users switch to standard and start a conversation on whether it makes sense for logged-in users to make the switch as well.
Global preferences for the Appearance menu
It is now possible to select a preference for the text size, page width, and color applying to all wikis. To do that, go to your global preferences. Thank you all for questions and patience!
Dark mode coming out of beta!
- Dark mode will soon be available for logged-in users on all Wikipedias, and for logged-out users on select Wikipedias. This will apply to the mobile web version first, and then desktop. The default will remain as "light mode", and we will ask users to opt into dark or automatic mode.
- The audience that will receive dark mode will vary based on the wiki:
- Tier 1 and 2 Wikipedias: wikis where the number of issues in dark mode when compared to light mode is not significant. These wikis will receive dark mode for both logged-in and logged-out users. Some small issues might still exist within templates, though. We will be adding ways to report these issues so that we can continue fixing templates together with editors.
- Tier 3 Wikipedias: wikis where the number of issues in dark mode when compared to light mode is significant. These wikis will only receive dark mode for logged-in users. We would like to make dark mode available to all users. However, some wikis still require work from communities to adapt templates. Similar to the group above, these wikis will also receive a link for reporting issues that will help identify remaining issues.
- Currently, we are aiming for the following dates for deployment:
- Week of July 1: mobile website (Minerva skin) on the Tier 1 Wikipedias
- Week of July 15:
- desktop website (Vector 2022 skin) on all Wikipedias
- mobile website: logged-in and logged-out on the Tier 2 Wikipedias, logged-in only on the Tier 3 Wikipedias
Work on dark mode continues
Next, we will turn dark mode on automatically based on the device preference. We also want to make dark mode available to logged-out users on all wikis. To do that, we continue to need your help updating templates and colors to be accessible in dark mode. As before, we encourage everyone to work on and report any issues with dark mode. Please see our FAQ and previous messages for details on how to help. Reach out to us if you have any questions!
Hintergrund
Warum es wichtig ist, hieran zu arbeiten
In den letzten Jahren wurde Vector 2022 skin in vielen Wikis eingeführt. Er wurde erstellt, um die Lesbarkeit zu verbessern. Ein weiteres Ziel war es, die Website so zu gestalten, dass sie für bestehende Nutzer komfortabel und für neue Nutzer einladend ist. Es gibt jedoch noch einige Probleme mit der Lesbarkeit, die noch zu lösen sind. Bei der Recherche für dieses Projekt haben wir unter anderem festgestellt, dass die Größe des Textes selbst ein Problem darstellt.
Im Vergleich zum leicht zugänglichen digitalen Text dauert es länger, unsere Inhalte auf dem Desktop und dem Handy zu lesen. Auch die Fähigkeit, sich an einen gelesenen Text zu erinnern, ist beeinträchtigt. Ein wichtiger Faktor, den es zu berücksichtigen gilt, ist, dass Menschen Texte sowohl gründlich lesen als auch überfliegen.[1] Wir möchten unsere Typografie für beide Arten der Nutzung der Projekte verbessern.
Außerdem ist es auf unserer Desktop-Site nicht möglich, eine Schriftgröße einzustellen, die für Nutzer angenehm ist. Stattdessen sind Leser mit spezifischen Bedürfnissen und Vorlieben auf die Browserfunktionen angewiesen, um die Schriftgröße zu ändern. Diese Funktionalitäten variieren je nach Browser und werden nicht immer vom Rest unserer Benutzeroberfläche unterstützt. Dies führt zu Problemen mit Tools oder der Navigation.
Kontext zum Jahresplan
Zitat aus dem Jahresplan 2023/2024 der Stiftung
|
---|
|
Ziele
Typography-Verbesserungen
Die Ziele des Projektes sind:
- Probleme zu identifizieren und besser zu verstehen. Überprüfung und Einordnung von Problemen mit der aktuellen Typografie in Wikis
- Die Seite leichter lesbar zu machen. Lesbarkeit für mobile und Desktop-Seiten zu verbessern
- Eine Typographie bereitzustellen, die verschiedene Sprachen und Skripte besser unterstützt. Mit dem Support und der Expertise der verschiedenen Communities die Lesbarkeit optimieren
- Lesenden erlauben die Typografie individuell einzustellen. Einführung typografischer Präferenzen, nützlich vor allem für Menschen mit bestimmten Bedürfnissen und Vorlieben
Nachtmodus
- Verbesserung der Lesbarkeit von Artikeln bei schlechten Lichtverhältnissen
- Optionen und Einstellungen für den Nachtmodus leicht auffindbar und nutzbar machen
Zeitplan und Phasen
Typografie-Verbesserungen
Phase | Zeitraum | Beschreibung |
---|---|---|
Recherche und Literaturübersicht | Juli– | Wir haben herausgefunden, was Forschende über Typografie für Desktop und Mobil sagen |
Test mit dem Prototyp + diskutieren mit der Gemeinschaft | Oktober– | Die meisten Redakteure, die beim letzten Test mitgemacht haben, sind offen dafür, die Schriftgröße zu vergrößern. Sie kamen aus unterschiedlichen Gemeinschaften. |
Veröffentlichung des Beta-Features | Dezember 2023 | Wir haben die Typografie-Verbesserungen als Beta-Funktion in allen Wikis veröffentlicht und ermutigen die Gemeinschaft sie auszuprobieren und uns Rückmeldung dazu zu geben. |
Freischaltung für Pilotprojekt-Wikis | Iteration basierend auf den Testergebnissen in Kollaboration mit den testenden Gemeinschaften | |
Diskussionen mit den Gemeinschaften | April/ | Ankündigungen der anstehenden Änderungen und Beantwortung von Fragen. Das wird 2-3 Wochen dauern |
Freischaltung für alle Wikis | Mai/ |
|
Nachtmodus
Phase | Zeitraum | Beschreibung |
---|---|---|
Fachliche Prüfung | September– | Wir haben die Ideen für die Implementierung des Nacht-Modus überprüft und entschieden, welche Implementierung wir nutzen möchten. Wir haben das Dark-Mode Helferlein, den Nacht-Modus in den Apps, uvm. überprüft. |
Diskussion mit der Gemeinschaft | Wir haben begonnen mit technischen Redakteuren zusammen zu arbeiten, um den von der Gemeinschaft kontrollierten Code (wie Vorlagen) so anzupassen, dass der Nacht-Modus gut funktioniert. | |
Pilot-Veröffentlichung | März– | Die erste Version steht nur eingeloggten Usern zur Verfügung. In der Mobil-Version ist es nur im erweiterten Modus verfügbar. Auf dem Desktop wird es eine "Beta-Funktion" sein. |
Freischaltung für alle User | Nicht definiert | Sobald der gemeinschafts-kontrollierte Code angepasst wurde, wird der Nacht-Modus für ausgeloggte User verfügbar sein. |
Mach mit und Kontakt
- Promote and adjust the code on wiki, following our recommendations: to roll out our changes for logged-out users, community-controlled code, like templates, needs to be adjusted. It may need discussions on village pumps. It will also need many edits. Help us by starting such conversations and making such edits.
- See the recommendations for night mode compatibility on Wikimedia wikis
- Review and address issues with color contrast on your project using our night mode checker tool
- Review and fix issues with ambiguous colors using our linting tool
- Review error reports from users on your project on our reporting page (note you can modify where these reports go to by editing the page MediaWiki:vector-night-mode-issue-reporting-notice-url).
- Report bugs: create a task in Phabricator and add #fy2023-24-we_2.1_typography_and_palette_customizations project.
Projektauswertung
We will measure the success of this project with qualitative and quantitative methods. In particular, we will be looking at:
- Research-supported decisions in prototype creation and development
- Qualitative improvements in readability based on user testing and community conversations
- At least X% of all sessions longer than Ys who customize typography
- Note: exact variables TBD
- At least X% of all sessions use night mode
- No significant change in reading depth