Projekty Wikimedia muszą być dostępne i czytelne, niezależnie od języka czy pisma. Obejmuje to zarówno większość użytkowników, jak i osoby z szczególnymi potrzebami. Obecnie nasze ustawienia typograficzne widoczne na komputerach i urządzeniach mobilnych utrudniają czytanie. Ponadto tryb nocny może być pomocny przy słabym oświetleniu i dla użytkowników preferujących czytanie w środowisku o niskim kontraście. Nasze interfejsy nie zapewniają tej funkcji.
Dostępność do czytania
![]() Zmiany typograficzne i preferencje zwiększające dostępność strony
|
Chcemy zmienić domyślne ustawienia typograficzne. Dodamy również dodatkowe opcje typograficzne i tryb nocny jako preferencje. Zmiany te będą dostępne zarówno dla użytkowników zalogowanych, jak i niezalogowanych.
Przegląd projektu
As part of the 23/24 annual plan, the Web team's goal is to bring appearance settings for all users and change the default typography of all wikis. The default font size and text line height for all users across wikis will increase. This increase will improve readability for the majority of users. The team plans to make this deployment alongside the deployment of a new appearance menu which allows controls for page width, typography, and the upcoming dark mode – meaning that users will easily be able to adjust the font size back to the previous default.
The team plans to initiate discussions across all wikis, focusing on debugging current features and generating ideas for future enhancements. Then, the team will proceed with deployments, bringing the appearance menu to all users and the new typography defaults to logged-in users only. The deployment will be conducted in two steps, initially targeting a small set of wikis for testing before implementing changes across all wikis.
The decision to modify default typography is informed by research findings and accessibility recommendations. Currently, the WCAG recommendations for font size start with a minimum of 16 pixels and a AAA recommendation of 18 pixels for easy reading. Our current default is 14 pixels. This makes it more difficult to read (when compared to similar sites for long-form reading that are following these guidelines). On the other hand, we are aware that scannability (being able to scan and quickly find specific information within the page) is important for Wikipedia and that we should limit changes in text density when setting a new font size. The planned default font size is 16 pixels. This is based on:
- Readability research, academic studies, and market research: these sources indicated that generally bigger is better in terms of font size.
- Most long-form reading websites (such as news websites or social media) opt for somewhere between 16 and 18 pixels. In the two studies that specifically focused on increasing the font size of Wikipedia, researchers determined that increasing size improves comprehension.
- Our own research has shown that most reading sessions are 20–30 seconds long. This isn't enough to digest and change a type setting. This option gives the readability benefits of the new default to the most people possible with the least amount of user effort.
- Accessibility recommendations
Community-proposed designs: 632 logged-in users from 13 Wikipedias submitted designs with typography settings that they considered as comfortable for them. While many designs focused on keeping the default the same, the majority of designs chose a larger font size.
Aktualności
czerwiec 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!
Wprowadzenie
Dlaczego nasza praca nad tym jest ważna
W ciągu ostatnich kilku lat wprowadziliśmy skórkę Vector 2022 na wielu wiki. Zaprojektowaliśmy ją, aby poprawić wygląd do czytania. Kolejnym celem było zapewnienie wygody obecnym użytkownikom i bardziej przyjaznego interfejsu dla nowych użytkowników. Nadal jednak istnieją kwestie związane z czytelnością, którymi musimy się zająć. W czasie badań nad tym projektem jedną z kwestii, którą zauważyliśmy, był sam rozmiar tekstu.
W porównaniu z bardziej dostępnym tekstem cyfrowym czytanie naszych treści na komputerach stacjonarnych i urządzeniach mobilnych zajmuje więcej czasu. Wpływa to również na zdolność zapamiętywania przeczytanego tekstu. Ważnym czynnikiem jest też to, że ludzie angażują się zarówno w dogłębne czytanie, jak i pobieżne przeglądają tekst.[1] Chcielibyśmy poprawić naszą typografię dla obu tych sposobów korzystania z projektów.
Ponadto nasza witryna na komputery stacjonarne nie pozwala na ustawienie rozmiaru czcionki, który jest wygodny dla użytkownika. Zamiast tego czytelnicy o określonych potrzebach i upodobaniach polegają na funkcjach przeglądarki, aby zmienić rozmiar czcionki. Możliwości te różnią się w zależności od przeglądarki i nie zawsze są obsługiwane przez resztę naszego interfejsu. Powoduje to problemy z narzędziami lub nawigacją.
Kontekst planu rocznego
Cytat z planu rocznego Fundacji 2023/2024
|
---|
|
Cele
Poprawki w typografii
Cele tego projektu są następujące:
- Identyfikacja i lepsze zrozumienie problemów. Przegląd i klasyfikacja problemów z obecną typografią na wiki.
- Ułatwienie czytania strony. Poprawa czytelności na urządzeniach mobilnych i stacjonarnych
- Zapewnienie typografii, która lepiej pasuje do różnych języków i pism. Optymalizacja czytelności przy wsparciu i z wykorzystaniem wiedzy różnych społeczności
- Umożliwienie czytelnikom dostosowania typografii. Wprowadzenie preferencji typograficznych, przydatnych głównie dla osób o różnych potrzebach i upodobaniach
Tryb nocny
- Poprawa czytelności artykułów w warunkach słabego oświetlenia
- Ułatwienie wyszukiwania i korzystania z opcji i ustawień trybu nocnego
Oś czasu i etapy
Poprawki w typografii
Etap | Czas | Opis |
---|---|---|
Badania i przegląd literatury | lipiec– | Dowiedzieliśmy się, co badacze mówią o typografii dla komputerów stacjonarnych i urządzeń mobilnych |
Testy prototypu + dyskusje ze społecznościami | październik– | Większość edytorów biorących udział w poprzednim teście była otwarta na zwiększenie rozmiaru czcionki. Pochodzili oni z różnych społeczności. |
Wdrożenie funkcji eksperymentalnej | grudzień 2023 | We released the typography improvements as a beta feature to all wikis and encouraged communities to try it out and give us their feedback |
Udostępnienie na pilotażowych wiki | Iteracja w oparciu o wyniki testów we współpracy ze społecznościami pilotującymi | |
Discussions with communities | kwiecień/ | Announcing the upcoming change and answering questions. This will take 2-3 weeks |
Udostępnienie na wszystkich wiki | maj/ |
|
Tryb nocny
Etap | Czas | Opis |
---|---|---|
Przegląd techniczny | wrzesień– | Przeanalizowaliśmy pomysły na wdrożenie trybu nocnego i zdecydowaliśmy, jakiej implementacji chcemy użyć. Sprawdziliśmy gadżet trybu nocnego, tryb ciemny w aplikacjach itp. |
Rozmowy ze społecznościami | Współpracowaliśmy z użytkownikami specjalizującymi się w technikaliach, aby dostosować kod kontrolowany przez społeczności (np. szablony), tak aby tryb nocny działał dobrze. | |
Udostępnienie pilotażowe | marzec– | Pierwsza wersja jest dostępna tylko dla zalogowanych użytkowników. On mobile, it's only available in the advanced mode. On desktop, it will be a "beta feature". |
Udostępnienie dla wszystkich użytkowników | Nieokreślony | Gdy kod kontrolowany przez społeczności zostanie dostosowany, tryb nocny będzie dostępny dla wylogowanych użytkowników. |
Zaangażuj się, Kontakt
- Promuj i dostosuj kod na wiki, zgodnie z naszymi zaleceniami: aby wdrożyć nasze zmiany dla niezalogowanych użytkowników, należy dostosować kod kontrolowany przez społeczności, taki jak szablony. Może to wymagać dyskusji w Kawiarenkach. Będzie to również wymagało wielu edycji. Pomóż nam, rozpoczynając takie rozmowy i dokonując takich zmian.
- Zobacz zalecenia dotyczące zgodności z trybem nocnym na wikimediowych wiki
- 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).
- Zgłaszanie błędów: utwórz zadanie w Phabricatorze i dodaj tag #fy2023-24-we_2.1_typography_and_palette_customizations
Ewaluacja projektu
Będziemy mierzyć sukces tego projektu za pomocą metod jakościowych i ilościowych. W szczególności rozważymy:
- wspierane badaniami decyzje przy tworzeniu i rozwoju prototypów
- jakościową poprawę czytelności w oparciu o testy użytkowników i rozmowy ze społecznościami
- Co najmniej X% wszystkich sesji dłuższych niż Y, którzy dostosowują typografię
- Uwaga: dokładne zmienne do określenia
- Przynajmniej X% wszystkich sesji używa trybu nocnego
- Brak znaczących zmian w głębokości czytania