Czytanie/Sieć/Dostępność do czytania

< Reading‎ | Web
This page is a translated version of the page Reading/Web/Accessibility for reading and the translation is 82% complete.
Outdated translations are marked like this.

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.

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:

  1. Readability research, academic studies, and market research: these sources indicated that generally bigger is better in terms of font size.
    1. 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.
    2. Our own research has shown that most reading sessions are 20–30 second 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.
  2. 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

maj 2024: User testing results, beta feature usage data, and the first version of dark mode now available

User testing results

We have performed usability testing on the Appearance menu. You can see the full results here. In short: in the Appearance menu (previously: Theme menu), the typography, width, and dark mode options are placed. The goal of the testing was to determine whether the menu is easy to use, and whether the names of the different settings are intuitive to most users. From this testing we learned:

  • No significant usability issues were found.
  • Users generally preferred to refer to a "dark" color scheme or "night" color scheme. As a result, we have changed the name of the feature back to "dark" color scheme or dark mode for short.
  • It was difficult for users to find the menu icon once collapsed. As a result, we have added a notice that informs users of where the menu has been collapsed to.

Beta feature usage data

We have been tracking the usage of the new menu as a beta feature. You can see the full results here. In short, we learned that "standard" was the most popular option to select. We also saw:

  • About 55% of clicks to the new menu were for a font size that was larger than the default (either standard or large font sizes)
  • The majority of the clicks, 46.7%, were for the "standard" font size.

This confirms that most users prefer a font size that is larger than the current default. We previously saw this in the findings from the community prototype testing. We will use this data to decide on the new default settings.

Dark mode is now available

Dark mode is now available to logged-in users on the mobile site (Minerva skin only)! To access this feature, you must be opted into advanced mode for mobile. Then, you can select "dark" from the list of color options. (Note: "automatic" will follow the preference of your device.) See the more detailed message about this change, and go to the FAQ page to see more information about the basics of this project.

Main pages will be displayed at full width

Currently, main pages, like articles, are displayed at limited width. Considering the two-column layout with pictures, and the current typography, the line length there (measured by characters per line, CPL) is acceptable. When the default font size is increased though, CPL becomes a bit too small. This is why we have decided to disable the limited width on main pages by default. Instead, they will be displayed at full width like special pages. For more technical details, see T357706.


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 

Zapewnienie wysokiej jakości doświadczenia czytania dla wszystkich użytkowników poprzez dostosowanie domyślnego doświadczenia dla 15% odsłon, w oparciu o indywidualne potrzeby i ograniczenia użytkownika.

Ten kluczowy wynik (zob. Objectives and key results) koncentruje się na umożliwieniu naszemu interfejsowi dostosowania się do indywidualnych potrzeb. Teoria zakłada, że ludzie będą angażować się bardziej na witrynie i z użyciem interfejsu, który może dostosować się do ich potrzeb. Może to obejmować takie działania, jak tryb ciemny, gęstość tekstu i strony oraz dostosowanie rozmiaru czcionki. Niektóre z tych ustawień mogą być wykonywane automatycznie przez interfejs – na przykład tworzenie responsywnych wersji funkcji lub narzędzia lub zapewnienie, że tryb ciemny włącza się poprzez ustawienia przeglądarki lub urządzenia. W innych przypadkach zmiana ustawień może odbywać się poprzez celowe dostosowanie – umożliwiając użytkownikom wybór ustawień innych niż domyślnie w określonych (ale ograniczonych) przypadkach. Z perspektywy dostępności skupimy się na funkcjach, które muszą być zbudowane jako samodzielne, aby zapewnić większą dostępność lub umożliwić ustawienie wartości domyślnych, które są bardziej przyjazne dla dostępności, pozostawiając jednocześnie możliwość dostosowania użytkownikom, którzy mają inne preferencje. Aby ustalić konkretną liczbę "15%", przyjrzeliśmy się, w jaki sposób użytkownicy dostosowują domyślne środowisko w aplikacji Wikipedii na iOS. 59% użytkowników aplikacji korzysta z motywu innego niż domyślny (ciemny, czarny lub sepia).

Użyliśmy tej liczby jako wartości bazowej, ale wzięliśmy pod uwagę, że jest bardziej prawdopodobne, że regularni użytkownicy Wikipedii na przeglądarce poświęcają czas na dostosowanie swojego doświadczenia czytania, w przeciwieństwie do sporadycznych użytkowników.


Cele

Poprawki w typografii

Cele tego projektu są następujące:

  1. Identyfikacja i lepsze zrozumienie problemów. Przegląd i klasyfikacja problemów z obecną typografią na wiki.
  2. Ułatwienie czytania strony. Poprawa czytelności na urządzeniach mobilnych i stacjonarnych
  3. 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
  4. Umożliwienie czytelnikom dostosowania typografii. Wprowadzenie preferencji typograficznych, przydatnych głównie dla osób o różnych potrzebach i upodobaniach

Tryb nocny

  1. Poprawa czytelności artykułów w warunkach słabego oświetlenia
  2. 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– Dowiadujemy 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/
  1. Deploy the menu to all logged-out and logged-in users as open by default (all users will be able to immediately collapse the menu) to a small set of wikis
  2. One week later, deploy the menu to all logged-out and logged-in users as open by default (all users will be able to immediately collapse the menu) to all wikis
  3. Change the default typography for logged-out users only
  4. Measure usage of appearance menu across logged-in users and gather additional data

Tryb nocny

Etap Czas Opis
Przegląd techniczny wrzesień– Przeanalizujemy pomysły na wdrożenie trybu nocnego i zdecydujemy, jakiej implementacji chcemy użyć. Sprawdzimy gadżet trybu nocnego, tryb ciemny w aplikacjach itp.
Rozmowy ze społecznościami Będziemy współpracować z edytorami, aby dostosować kod kontrolowany przez społeczności (np. szablony), tak aby tryb nocny działał dobrze.
Udostępnienie pilotażowe marzec– Pierwsza wersja może być "funkcją eksperymentalną", dostępną 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

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

Przypisy