Reading/Web/سهولة التصفح للقراءة

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

يجب أن تكون واجهة مشاريع ويكيميديا متاحة و مقروءة، بغض النظر عن اللغة أو النص. هذا يشمل كلا من الأغلبية، والأفراد ذوي الاحتياجات المحدّدة. ومع ذلك، فإن التيبوغرافية الحالية على سطح المكتب والهاتف المحمول تجعل المقروئية صعبة. أيضاً، يمكن أن يكون الوضع الليلي مفيدًا في إعدادات الضوء المنخفض والمستخدمين الذين يفضلون بيئات القراءة ذات التباين المنخفض. واجهاتنا لا توفر هذه الوظيفة الآن.

نود تغيير التيبوغرافية الافتراضية سنقوم أيضًا بإنشاء إعدادات إضافية للطباعة والوضع الليلي كـ تفضيلات. ستكون هذه التغييرات متاحة لكل من المستخدمين المسجلين الدخول والمسجلين الخروج.

لمحة عن المشروع

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.

Updates

الصفحة الرئيسية: Reading/Web/Accessibility for reading/Updates

مايو 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.


الخلفية

لماذا مهم العمل على هذا

على مدى السنوات القليلة الماضية، قمنا بتنصيب مظهر فيكتور 2022 عبر العديد من مواقع الويكي. لقد قمنا بتصميمه لتحسين تجربة القراءة. وكان الهدف الآخر هو توفير تجربة مريحة للمستخدمين الحاليين وأكثر ترحيبًا بالمستخدمين الجدد. ومع ذلك، لا تزال هناك مشاكل بشأن المقروئيةالتي لا يجب أن نتناولها بعد. أثناء البحث لهذا المشروع، واحدة من القضايا التي أدركناها كانت حجم النص نفسه.

بالمقارنة مع النص الرقمي الذي يسهل الوصول إليه، تستغرق قراءة المحتوى الخاص بنا على سطح المكتب والهاتف المحمول وقتًا أطول. تتأثر أيضًا القدرة على تذكر النص المقروء. أحد العوامل المهمة التي يجب أخذها في الاعتبار هو أن الأشخاص يشاركون في القراءة المتعمقة والتصُّح السريع.[1] نود تحسين التيبوغرافية لدينا لكلا الطريقتين في استخدام المشاريع.

كما أن موقعنا المخصص لسطح المكتب لا يسمح بتعيين حجم خط مناسب للمستخدم. بدلاً من ذلك، يعتمد القراء ذوي الاحتياجات ومحاولات محددة على وظائف المتصفح لتغيير حجم الخط. تختلف هذه الإمكانيات حسب المتصفح وهي ليست دوما مدعومة خلال واجهة المستخدم الخاصة بنا. هذا يسبب مشاكل مع الأدوات أو التصفّح.

سياق الخطة السنوية

إقتباس من الخطة السنوية للمؤسسة 2023/2024 

ضمان تجربة قراءة عالية الجودة لجميع المستخدمين من خلال تكييف التجربة الافتراضية لـ 15% من مشاهدات الصفحة، بناءً على الاحتياجات والقيود الفردية للمستخدم.

تركز هذه النتيجة الرئيسية على إتاحة الفرصة لواجهتنا للتكيف مع الاحتياجات الفردية عند الضرورة. النظرية هنا هي أن الناس سيشعرون بمزيد من التفاعل مع موقع الويب والواجهة التي يمكن أن تتكيف بناءً على احتياجاتهم. يمكن أن يتضمن هذا العمل مثل الوضع الداكن، و كثافة النص والصفحة، وتخصيص حجم الخط. يمكن إجراء بعض عمليات التكيف تلقائيًا من خلال الواجهة - على سبيل المثال، إنشاء إصدارات سريعة الاستجابة لميزة أو أداة، أو التأكد من تشغيل الوضع الداكن بناءً على إعدادات المتصفح أو الجهاز الخاص بالمستخدم. وفي حالات أخرى، يمكن إجراء هذا التكيف من خلال التخصيص المتعمد - مما يسمح للمستخدمين بتحديد الحالات غير الافتراضية في حالات محددة (ولكن محدودة). من منظور إمكانية الوصول، سيركز على الميزات التي يجب إنشاؤها بشكل مستقل للسماح بمزيد من إمكانية الوصول، أو للسماح بتعيين الإعدادات الافتراضية الأكثر سهولة في الوصول، مع ترك فرصة التخصيص للمستخدمين الذين لديهم تفضيلات مختلفة. لتعيين الرقم المحدد "15%"، نظرنا في كيفية تكييف المستخدمين للتجربة الافتراضية في تطبيق ويكيبيديا آي أو إس iOS. 59% من مستخدمي التطبيق يستخدمون مظهرًا غير افتراضي (داكن، أسود، أو بني داكن).

استخدمنا هذا الرقم كخط أساس، ولكننا أخذنا في الاعتبار أنه من المرجح أن المستخدمين المتعودين على استمال ويكيبيديا على الويب لهم الوقت الكافي لتكييف تجربة القراءة الخاصة بهم، على عكس المستخدمين المتفرقين.


الأهداف

تحسينات التيبوغرافيا

تتمثل أهداف المشروع فيما يلي:

  1. لتحديد المشاكل وفهمها بشكل أفضل. قم بمراجعة وتصنيف المشكلات المتعلقة بالتيبوغرافية الحالية على مواقع الويكي
  2. لجعلها أسهل في القراءة تحسين القراءة على مواقع الهواتف المحمولة والمنصة المكتبية
  3. توفير النصوص التي تناسب لغات وسجلات مختلفة بشكل أفضل. تحسين القراءة بدعم وخبرة المجتمعات المختلفة
  4. لإتاحة للقراء تخصيص التيبوغرافية تقديم تفضيلات التيبوغرافية، وهي مفيدة في الغالب للأشخاص ذوي الاحتياجات والأذواق المميزة

الوضع الليلي

  1. تحسين مقروءية المقالات في إعدادات الإضاءة المنخفضة
  2. جعل خيارات وإعدادات الوضع الليلي قابلة للاكتشاف واستخدامها بسهولة

الجدول الزمني والمراحل

تحسينات التيبوغرافية

المرحلة إطار زمني الوصف
مراجعة الأدب والبحوث يوليو– نتعلم ما يقوله الباحثون عن النصوص المكتبية والجوّالية
اختبار النموذج المبدئي + المناقشة مع المجتمعات أكتوبر– كان معظم المحررين المشاركين في الاختبار السابق منفتحين على زيادة حجم الخط. لقد جاءوا من مجتمعات مختلفة.
Beta feature deployment ديسمبر 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
الإصدار في الويكي التجريبية التكرار على أساس نتائج الاختبار بالتعاون مع مجتمعات الاختبار
Discussions with communities أبريل/ Announcing the upcoming change and answering questions. This will take 2-3 weeks
إصدار لجميع الويكي مايو/
  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

الوضع الليلي

المرحلة إطار زمني الوصف
المراجعة التقنية سبتمبر– سنراجع أفكار تنفيذ الوضع الليلي وبعدها نقرر أي تنفيذ نريد استخدامه. سنراجع أداة الوضع الليلي ، والوضع الداكن في التطبيقات، وما إلى ذلك.
المناقشة مع المجتمعات سنعمل مع المحررين لضبط التعليمات البرمجية التي يتحكم فيها المجتمع (مثل القوالب) كي يعمل الوضع الليلي بشكل جيد.
الإصدار التجريبي مارس– قد يكون الإصدار الأول "ميزة تجريبية"، متاحًا فقط للمستخدمين الذين قاموا بتسجيل الدخول. On mobile, it's only available in the advanced mode. On desktop, it will be a "beta feature".
إصدار لجميع المستخدمين غير محددة عندما يتم تعديل التعليمات البرمجية التي يتحكم فيها المجتمع، سيكون الوضع الليلي متاحًا للمستخدمين الذين قاموا بتسجيل الخروج.

شارك واتصل

تقييم المشروع

سنقيس نجاح هذا المشروع باستخدام أساليب نوعية ومعددية. وبالأخص، سنبحث عن:

  • القرارات المدعومة من البحوث في إنشاء النماذج المبدئية وتطويرها
  • تحسينات نوعية في المقروئية بناء على اختبار المستخدمين ومحادثات المجتمع
  • على الأقل X% من جميع الجلسات أطول من Y الذين يعدلون التيبوغرافية
    • ملاحظة: المتغيرات الدقيقة (سيتم تحديده لاحقًا)
  • على الأقل X% من جميع الجلسات تستخدم الوضع الليلي
  • لا يوجد تغيير كبير في عمق القراءة

المراجع