閲覧/ウェブ/閲覧アクセス性の向上/更新/

This page is a translated version of the page Reading/Web/Accessibility for reading/Updates and the translation is 29% complete.

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.

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.

2024年4月: Early access to the dark mode (mobile web, logged-in)

皆さん、こんにちは、11月時点で発表したように、ウィキメディア財団の当ウェブチームではダークモード(ナイトモードとも)の開発を担当しています。さて、ログイン利用者の皆さんを対象に、どのウィキでもモバイル版のアドバンスモードを選択すると、テスト目的でダークモードを使えるようになりました。ただし心配は無用で、この新機能はけっして破壊的な存在ではありません。(以下の見出し「既知の制限事項」を参照してください。)より多くの利用者向けにこの機能を展開する前に、皆さんとの協力が重要です。早期ロールアウトの目標は次のとおりです。

  • 開発のごく早期になにをビルドしたか参照願います。関与する時期が早いほど、最終盤に意見が反映されやすい。
  • バグや問題点にフラグを立てたり、リクエストを投稿。
  • 技術編集者と協力し、さまざまなテンプレート類やガジェット類をダークモード対応に調整。

プロジェクトのページを開き、当プロジェクトの基本をさらに詳しく知るには、よくある質問のページの情報をご参照ください。

当初の導入版に既知の問題あり

  • 現在、ダークモードはモバイルでのみ利用可能で、ログイン利用者がアドバンスモードを選択した場合に選択制で提供しています。
  • ガジェット類は当初、ダークモードでうまく動作しなかったり、更新を求められる場合があります。
  • 私たちの第1の目標は、記事で動作するようにダークモードを整えることです。特別ページやトークページおよびその他の名前空間は、だダーク モードで動作するようには更新が終わっていません。これらのページの一部では、一時的にダークモードを無効にしました。

皆さんにお願いしたいこと(間口の広いコミュニティ)

質問がある場合はお問い合わせください。また必要に応じて、対象ページの色彩をコードとして記述する方法をウィキメディアのウィキに適したダークモードの推奨事項 にリンクさせます。その後しばらくすると、当該のページは翻訳対象の指定を受けるはずです。推奨事項は今後、進化するかもしれない点を強調したいと思います。ですから、推奨事項はローカル・ウィキ用のコピーを作成することはお勧めしません。 ある時点で、コピーとオリジナルのバージョンは相互に異なるものになるかもしれません。

ご協力のお願い(テンプレート編集者、インタフェース管理者、技術面の編集者の皆さ)

バグのほとんどが解決された段階で、デスクトップ版とモバイル版の両方の読者がダーク モードを利用できる状態になります。この実現に向けて皆さんもぜひ私たちに力を貸し、問題の報告と解決にご協力ください。

  1. 有効にするにはメニュー内の設定部分を表示、まだ切り替えていない場合はアドバンスモードを有効にする。その後、色設定をダークモードに切り替え。(今後のいつかの時点で、デバイス設定を自動でダークモードにする既定値を取り入れる予定です。)
  2. 次に別の記事を表示、問題点を探す:
    • テンプレートに問題があるのに、修正の方法がわからない場合
      1. 推奨事項のページを表示、関連しそうな事例を探す
      2. 関連しそうな事例が見つからなかった、または修正方法がわからない場合は、問い合わせをしてください
    • ダークモードにある複数のバグを修正したい場合は
      1. https://night-mode-checker.wmcloud.org/ を開き、修正する対象のテンプレートを検索。このツールは最も読まれている記事の上位100本を表示。
      2. 推奨事項のページを開き、関連する事例を探す
      3. どの例とも関連がない、あるいは修正方法がわからない場合は、ご連絡ください
    • 上位100記事以外の問題を指摘したい場合。
      1. WCAG 色彩コントラスト用のブラウザ拡張機能をインストール(Chrome用、Firefox用)、その後にどれかページを開く。機能を使って問題を識別
      2. Go to the 推奨事項のページを開き、関連する事例を探す
      3. 関連する事例を探す
      4. どの例とも関連がない、あるいは修正方法がわからない場合は、ご連絡ください
    • テンプレート類と無関係のバグ報告がある場合
      1. 観察した状態をスクリーンショット(画面キャプチャ)に保存。
      2. ご連絡ください。わかる場合はブラウザ名とバージョン、OSのバージョンを書き添えてください。

ではよろしくお願いします。ご意見、ご指摘をお待ちしています。

2023年12月:新ベータ機能:閲覧アクセス性の向上(2022年版ベクター)

 
The new menu in the un-pinned version, next to the user name

The Web team from the Wikimedia Foundation launched a new beta feature. The goal is to make reading on desktop more comfortable. The feature is only available to logged-in editors using the Vector 2022 skin. To try it out, go to the "beta" option in the user menu and select "Accessibility for Reading (Vector 2022)". You may also enable it on all wikis using the global preferences.

In the new menu, there are three text settings – small, standard, and large. Small is the current default. Large is for users who need additional increase in size. The standard setting may later become the new default. This was recommended by both the literature research and prototype testing. To this menu, we have also added the page width setting. Before, it was available in the bottom corner of the screen. Now, it's easier to find. The menu is pin-able in a similar way to the Tools and Main menus, both placed in the side columns of the desktop interface. When it's not pinned, it's displayed next to the user name.

About the above mentioned prototype testing: in October and November, we shared a prototype with 13 Wikipedia language communities. It allowed editors to experiment with different text settings, and report which configuration was most comfortable for them. We received feedback from 632 users. They were interested in changes and preferred options that fit within three size categories – small, medium, and large. You may learn more about the testing here.

We welcome you all to try the new menu. We will collect your ideas and comments to make this feature better. Please, if you have the time, check it out and give us your thoughts!

2023年11月: 試作版のテスト成果と次の段階

 
Cohorts of designs sent by editors

In October and November, we shared a prototype with 13 Wikipedia language communities and received feedback from more than 600 editors and other logged-in users. The prototype allowed them to experiment with different font sizes, line height, and paragraph spacing, and report which configuration was most comfortable for them.

The majority preferred a slightly larger font size and line height than the current default (around 15 – 17px). A large group showed a strong preference for the current default (14 px), while a smaller group preferred significantly larger font sizes (20–24px). See the full results of the testing.

 
First version of the new Theme menu when the Tools menu is hidden

We learned that editors who decided to take part in the test are interested in changes. We hope that small, medium, and large options to choose between will be received positively.

In the first half of December, on all wikis, we will launch a new beta feature which allows to select the preferred typography. The feature will be opt-in and available in your user preferences. Turning it on will display a new collapsible menu in the right sidebar, which will appear under the Tools menu.

We invite you to look out for it, try it out when it becomes available, and tell us what you think. In the meantime, if you have time – read over the report linked above and take a look at the mock.

2023年10月:ダーク モードと読みやすさの向上の試作版

 
ダーク モードの例
 
試作版のスクリーンショット

新しいプロジェクトの紹介

私たちウィキメディア財団のウェブ チームは、閲覧のためのアクセシビリティというプロジェクトを開始しました。 このプロジェクトの目標は、ウィキペディアをよりアクセスしやすく、閲覧が快適なものにすることです。 最初の段階では、記事のフォント サイズとタイポグラフィに焦点を当てています。 次の段階では、ダーク モードなど、色のパレットのカスタマイズに注力します。 これらは、デスクトップおよびモバイル ウェブの両方で、ログイン済み利用者と未ログイン利用者の両方で利用できます。

このプロジェクトは、多くのボランティアからの要望の結果です。 これについて質問いただいた皆さんに感謝します。 技術的な面では、ダーク モードはフォント サイズよりも簡単ですが、コミュニティからのさらなる関与が必要です。 そのため、プロジェクトにご参加いただくようお願いしています。 プロジェクト ページをウォッチリストに登録したり、ニュースレターを購読したりしてください。

試作版をテストする

今、私たちは記事を一般の読者が読みやすくスキャンしやすいものにすることを目指しています。目標は以下の通りです:

  1. 読みやすさを向上させるために、既定のフォント サイズを大きくすること (ただし、あまり大きすぎないようにすること)
  2. スキャンを向上させるために情報密度を増大すること
  3. スキャンを向上させるために段落と節の間の間隔を増やすこと
  4. 読者 (ログアウト利用者を含む!) がテキストの密度をカスタマイズできるようにすること

これは、閲覧モードおよびビジュアルエディターでの記事に適用されますが、ウィキテキスト エディターには適用されません。 これらの変更は、すべてのウィキに適用する予定です。 既定値はプロジェクトの言語や文字体系に基づいて異なる場合があります。

フォント サイズとスペーシングに関するさまざまな変更ができるようにする試作版を用意しています。 試作版を使用するには、バナーを表示させてそれをクリックしてください。 次に、さまざまな組み合わせを試し、うまくいくものをシェアしてください。 この試作版は最終設計を反映したものではありません。 代わりに、ウィキメディアンたちが言語間でどのフォント サイズを望んでいるかを把握したいと考えています。 このデータを使用して、提案される既定値と選択肢を決定します。 テストについての詳細をお読みください