ウェブ持続可能性ガイドライン(WSG)

W3C グループノート草案

この文書の詳細
このバージョン:
https://www.w3.org/TR/2026/DNOTE-web-sustainability-guidelines-20260707/
最新版:
https://www.w3.org/TR/web-sustainability-guidelines/
最新の編集者草案:
https://w3c.github.io/sustainableweb-wsg/
履歴:
https://www.w3.org/standards/history/web-sustainability-guidelines/
コミット履歴
主任編集者:
Alexander Dawson (招待専門家)
編集者:
Rose Newell (招待専門家)
著者:
謝辞を参照
フィードバック:
GitHub w3c/sustainableweb-wsg (プルリクエスト, 新しいイシュー, 未解決のイシュー)
補足資料:
サステナブルなツールと報告 (STAR)
WSG リソース
ウェブ持続可能性に関する法律と 方針
WSG 影響測定
WSG の利点
WSG 概要
WSG クイックリファレンス

概要

ウェブ持続可能性ガイドライン(WSGは、 デジタルチームが情報に基づいた持続可能な意思決定を行えるよう支援する、実行可能な推奨事項を提供します。仕事とウェブの さまざまな側面を考慮し、これらのガイドラインはデジタル製品およびサービスが地球、人々、そして 繁栄(PPPに与える影響に対処します。 これらは学際的なものであり、人工知能および新興ウェブ技術も対象としています。

いくつかのガイドラインは、W3Cおよびその他の組織による既存の文書や仕様を参照しています。このアプローチは、 確立された推奨事項を再解釈するのではなく、横断性と協働の重要性を強調します。 WSGはウェブ技術を優先しますが、より広範な 組織の持続可能性への取り組みも支援できます。

WSGは、より広範な組織の持続可能性イニシアチブと 変革を支援する実用的な橋渡しとしても機能し、チームがウェブに焦点を当てた 指針を、より広範な環境・社会・ガバナンスの取り組みに適用するのに役立ちます。

組織には、時間をかけて持続可能性を向上させていくことが奨励されます。現実的な目標を設定し、 進捗を追跡することは、チームが永続的なウェブ持続可能性を達成する助けになります。実装の指針については、本書の 「追加情報」セクションおよび補足文書を参照してください。

この文書の状態

このセクションは、公開時点におけるこの 文書の状態を説明するものです。現在のW3C 公開文書の一覧と、この技術報告書の最新改訂版は、 W3C 標準および草案 インデックスで確認できます。

この文書は、Sustainable Web Interest Group のメンバーおよびその他の関係者によってレビューされています。 この Interest Group は、ガイドラインへの認知を高め、議論と採用を促進するために WSG 草案を公開しました。 これらのガイドラインの公開は、他のW3Cグループが行う作業に影響を与えることを意味するものではありません。 Interest Group は、必要に応じて関連する作業を監視します。

フィードバックは歓迎されており、GitHubを通じて提出してください。 イシューを作成するには無料の GitHub アカウントが必要です。過去の議論は、public-sustainableweb@w3.orgアーカイブ)メーリングリストに保存されています。

現時点では、予備的な相互運用性レポートや実装レポートは存在しません。ただし、Interest Group は、 ツール、大規模研究、および将来のWSG指針に情報を提供するため、ウェブ持続可能性のモデルを 検討しています。

この文書は、Sustainable Web Interest Groupによって、 ノート トラックを用いた グループノート草案として公開されました。

グループノート草案は、 W3Cまたはその会員によって承認されたものではありません。

これは草案文書であり、いつでも他の文書によって更新、置換、または廃止される可能性があります。 作業中の文書以外のものとしてこの文書を引用することは不適切です。

W3C 特許 ポリシーは、 この文書に対していかなるライセンス要件またはコミットメントも課しません。

この文書は、 2025年8月18日版 W3C プロセス文書に準拠します。

1. 導入

導入の平易な言葉による要約:

1.1 WSG の背景

1.1.1 ウェブ持続可能性の 概要

WSGは、ウェブ持続可能性を 次のように定義します:

可能な限りクリーンで、効率的で、オープンで、誠実で、再生的で レジリエントなウェブにつながる、デジタル製品とサービスを設計、開発、運用するためのアプローチ。 [MANIFESTO]

ウェブ持続可能性は、害を減らすことにとどまりません。生態系を回復し、 コミュニティが繁栄できるよう支援することでもあります。ウェブは問題の一部であると同時に、 解決策の触媒にもなり得ます。

WSGは、より倫理的で、人間的で、包摂的なウェブを育むことを目指します。このガイドラインは、 持続可能な開発に不可欠なものとして、システム思考、横断性、部門横断的な協働を 強調します。

WSGは、その定義に含まれる主要な用語を 次のように理解します:

  • クリーン: 低炭素または再生可能エネルギーを用いてホストされていること;
  • 効率的: 可能な限り少ないリソースを使用すること;
  • オープン: 透明で、アクセス可能で、ユーザーが制御できること;
  • 誠実: 操作、搾取、または欺瞞的なパターンを避けること;
  • 再生的: コミュニティと生態系を支援すること;
  • レジリエント: 変化する状況下で持続し適応できるよう設計されていること。

これは、ウェブ持続可能性の既存の柱に基づいています:

  • 地球: 健全な生態系を保護し促進すること。
  • 人々: 個人、コミュニティ、そして社会全体を守ること。
  • 繁栄: 優れたガバナンス、レジリエンス、共有された公平性に根ざした実践に従うこと。

Web Sustainability Guidelines(WSG)は、 地球、人々、そして繁栄のために、ウェブ製品とサービスをより持続可能にする方法を探求します。 ウェブ持続可能性は、厳密な環境上の懸念だけにとどまるものではありません。 アクセシビリティ、国際化、プライバシー、セキュリティなどの要因が プロジェクトの長期的な存続可能性に影響するためです。これらの原則は、ウェブ持続可能性を追求する際にも 妥協なく常に守られるべきです。

注記
WSGは、もともと Sustainable Web Design Community Groupによって開発されました。 2022年4月から、100名を超える専門家が最初の草案に貢献し、その草案は GitHub と定期会合を通じて洗練されました。2024年10月、このグループとその作業はW3Cの一部となりました。

1.1.2 ウェブ持続可能性の重要性

  • インターネット関連の排出量は現在、航空産業の排出量を上回っており、 ウェブ持続可能性は気候変動対策にとって重要なレバーとなっています。 [ICT-IMPACT] [COMMS] [SHIFT]
  • 9つのプラネタリー・バウンダリーのうち7つ超過されています。 インターネット関連技術は、これらの超過を加速させています。WSGは、測定可能で証拠に基づく実践を通じて この傾向を反転させるための枠組みを提供します。
  • 人工知能などの新興 技術の統合は、デジタルリソースの消費を大幅に 増加させる可能性があり、新しいウェブ機能を開発および展開する際に 持続可能性を考慮する必要性を浮き彫りにしています。
  • デジタルの影響は規模に応じて拡大します。大規模なウェブサイトやオンラインリソースは、より大きな 持続可能性上の課題を抱えますが、変更を実装する機会もより多くあります。他の インフラストラクチャとは異なり、ウェブはアジャイルで反復的な改善に適しています。

1.1.3 持続可能性に関する 考慮事項

デジタルサービスは、複雑な環境・社会・経済システムの中で機能します。そのため、Webの サステナビリティには、ある領域で行われた意思決定が他の領域の成果にどのように 影響するかを理解するためのシステム思考のアプローチが必要です。これには、異なる部門の 専門知識を結集する部門横断的な協働が必要です。これらの相互依存関係を考慮することで、意図しない 結果を避け、機会を見出すことができます。

これらのガイドラインは複数の領域にわたってウェブ持続可能性を促進しますが、考え得る すべての環境改善、方法、戦略を網羅するものではありません。ウェブ持続可能性は 進化中の分野であり、研究や確立されたベストプラクティスに空白が存在する可能性があります。常に、 文脈により適した追加のアプローチを探求してください。

WSGはウェブ技術に焦点を当てますが、 ウェブが私たちの行うほとんどすべてのことにつながっているのと同様に、WSGは、 デジタルサービスやウェブとの関係が一見すると薄く見える場合でも、ウェブ持続可能性に影響を与える あまり明白でない詳細も検討します。組織は、目標設定、報告、規制への準拠を確保する際に、 これらのより広範な影響を考慮すべきです。

1.2 WSG の指針レイヤー

WSGは、開発者、デザイナー、政策立案者などを含む 多様な読者を対象として設計されています。さまざまなニーズに対応するため、 複数の指針レイヤーを提供します。

これらのレイヤーは合わせて、他のW3Cガイドラインに似た構造化されたアプローチを提供し、実装者がより 持続可能なプロジェクトを作成する助けになります。ガイドラインはウェブ持続可能性の目標を説明し、達成基準は測定可能な 期待事項を定義し、追加情報は実装を支援する文脈と例を提供します。

Web Sustainability Guidelines(WSG)は、 デジタルサービスとウェブに関わる異なる役割を反映した4つのカテゴリーに整理されています。読者は すべてのセクションを確認すべきです。たとえ自分の想定される 責任に名目上関連しないセクションであっても同様です。これは、一部の達成基準が割り当てられた カテゴリーの外にも関連性を持つため重要です。WSGは包括的ですが、これらのガイドラインの範囲外にも ウェブ持続可能性の改善が存在します。

注記

この対話的な仕様では、関心に応じて達成基準をフィルターできます。関係に 列挙されている標準はフィルターとして利用可能であり、リソース文書で 相互参照されています。

1.3 テストと指標

WSGは、自動化ツールと人間による評価を通じて テスト可能であるよう設計されています。幅広いウェブ技術に適用され、 世界中の専門家からの意見をもとに開発されました。

WSGは、データに基づく 意思決定を重視します。達成基準は証拠とベストプラクティスに裏付けられており、 補足資料はリソース文書で利用できます。

1.3.1 測定における課題

  • データの不足はインターネットスタック全体に存在します。たとえば、 サーバー、ネットワーク、デバイスのエネルギー使用量データは不完全であることが多いです。
  • システム上の相互依存関係はバタフライ効果を生み、ある 領域での行動が他の領域に影響を与える可能性があります。たとえば、エネルギー効率の高いハードウェアを導入すると エネルギー消費を削減し、地域の騒音低減という副次的な利点をもたらす可能性がありますが、そのハードウェアは 製造されなければならず、そのためにはレアアース金属の採掘が必要になります。
  • 炭素トンネルビジョンは、材料廃棄物、電子廃棄物、水使用、またはPPPの人々と繁栄の側面よりも、エネルギー由来の 排出や地球を優先することにつながります。
  • 環境影響が完全にあるかないかの二択であることはまれです。実装者は、自分たちにできることを行い、 残る負の影響を緩和して、全体的な影響を改善すべきです。

デジタルサービスに関連する環境影響は、エネルギー消費と 温室効果ガス(GHG)排出を超えて広がります。材料の使用、 電子廃棄物、水消費、デジタルインフラに関連する化学汚染も、 データと方法論が利用可能な場合には考慮されるべきです [VARIABLES]。

ウェブ持続可能性の改善にはトレードオフが伴う場合があります。たとえば、 水使用を減らす行動がエネルギー需要を増加させる可能性があり、パフォーマンス最適化が アクセシビリティやデバイス互換性に影響を与える可能性もあります。実装者は、一つの領域での改善が 別の領域で意図しない害を引き起こさないよう、潜在的なトレードオフを慎重に評価すべきです。

1.3.2 影響

Web Sustainability Guidelines(WSG)の影響測定リソースは、 人々、地球、繁栄という3つのカテゴリーにわたってWSGガイドラインの影響を評価するための枠組みを 定義しています。各ガイドラインには、影響評価(不確定、低、中、高)と、 その影響が観測されると予想される時期を示す時間枠(短期、中期、長期)が割り当てられています。

これらの入力は、各ガイドラインの影響スコアを計算するために使用されます。このスコアは、組織が ガイドラインを比較し、相対的な影響と時間枠に基づいて行動の優先順位を付けるのに役立ちます。より高いスコアは、 より短い時間枠で達成されるより高い影響を示します。結果として得られるスコアは リソースに含まれています。

定量的な測定が不可能な場合、評価は利用可能な研究と専門家の 意見に基づきます。各ガイドラインには、その評価と時間枠の根拠が含まれ、必要に応じて、 評価を支援するための推奨指標も含まれます。

1.3.3 行動への呼びかけ

Web Sustainability Guidelines は複数の実装主体に依存しています:

  • 著作者(例: デザイナー、開発者、ライター、意思決定者)。
  • ユーザーエージェント(例: ブラウザー)。
  • オーサリングツール。

それらの影響の例には、レンダリング性能や、開発者ツールを通じたエネルギー使用量の正確な測定が含まれます。 オーサリングツールも、効率的なコードを生成し、無駄を減らし、可能な限り持続可能な方法で結果を提供することで、 ウェブ持続可能性を支援します。

注記

WSGの洞察を提供するツールまたはユーザーエージェントは、 フィンガープリンティングのリスクを避けなければなりません。たとえば、 一意の識別子、スコア、またはパターンによってユーザーを追跡することです。エネルギー指標は、 個々のユーザーを識別しないよう集約されるべきです。

これに加えて、ウェブ持続可能性にはすべての役割にわたる推進者が必要です:

  • 個人: ウェブ持続可能性を提唱し、仲間を教育し、小さく始める。
  • デザイナー/開発者: アクセシビリティ、セキュリティ、プライバシー、 国際化、パフォーマンス、低炭素インフラストラクチャを優先する。
  • ブラウザー/ハードウェアベンダー: 効率を最適化し、循環型経済の 慣行を採用し、運用とサプライチェーンが搾取的、非持続可能、または危険な 慣行を避けるよう確保する。
  • 規制当局: デジタル持続可能性を気候政策と削減 目標に組み込む。

持続可能性は共有された責任です。さまざまな推進者は、自身の専門性と文脈に応じて、 異なるガイドラインを主導、支援、または提唱することがあります。

研究、技術、ウェブ持続可能性の実践が進化するにつれて、WSGは継続的に更新されます。GitHub から貢献して、 指針が現在の知識と実践的な実装経験を反映し続けるよう支援してください。

1.4 適合性

このセクションでは、WSGへの適合に関する要件を定義します。これには、任意の適合主張と グリーンウォッシングを避けるための指針が含まれます。

1.4.1 要件

WSGへの適合は、部分的であれ完全であれ、 特定のWSG基準のセットが 満たされていることを意味します。WSGへの適合は、 達成基準、ガイドライン、セクション(役割ベース)、または仕様全体について 確立できます。

達成基準レベルでの部分適合

デジタル製品またはサービスは、その達成基準に含まれる要件を満たす場合、 特定の達成基準に適合します。

ガイドラインレベルでの部分適合

デジタル製品またはサービスは、そのガイドライン内のすべての達成基準を満たす場合、 個別のガイドラインに適合します。達成基準が適用できない場合、それは そのガイドラインの適合性に影響しません。

注記

達成基準が適用できない場合があります。たとえば、動画 コンテンツに関連する達成基準で、評価対象の製品またはサービスに動画が含まれていない場合などです。

セクションレベルでの部分適合

セクションレベル(役割ベース)の適合は、1つの セクション内のすべてのガイドラインに適合することで達成できます。たとえば、Web Development セクション内のすべてのガイドラインが満たされている場合、そのウェブサイトまたは 組織は、そのセクションについて部分的に適合していると見なされます。

これらは次のように呼ばれます:

  • 部分適合: UX
  • 部分適合: Web Development
  • 部分適合: Hosting and Infrastructure
  • 部分適合: Business and Product
完全適合

デジタル製品またはサービスは、すべてのガイドラインにわたるすべての達成基準を満たす場合、 WSGに完全に適合します。

注記

すべての製品またはサービスで完全適合を達成できるとは限りません。これらのガイドラインを実装し遵守する際には、 完璧よりも実用主義と進歩を最重要視すべきです。

1.4.2 主張

適合主張は任意です。行う場合、それらは 次を含まなければなりません:

  1. 主張の日付
  2. ガイドラインのタイトルと URI: 「Web Sustainability Guidelines at https://www.w3.org/TR/web-sustainability-guidelines/」。
  3. 適合の詳細: 満たされているWSG内の 達成基準、ガイドライン、またはセクションの一覧。

実装者は、主張を行うことなく WSGに適合できます。

適合主張自体に加えて、次を含めると有用です:

  • 準拠を約束する標準および規制に関する意図表明
  • ユーザーを支援するために提供される追加情報。これには、ウェブ持続可能性を改善するために この仕様を超えて講じた手順や、変更の 影響を示す指標が含まれ、補足 データについては日付または期間が明確に示されていること。
注記

持続可能性声明に主張と補足証拠を記録することは、 削減目標、内部スコープ会計、または規制への準拠を示す助けになります。

これらのガイドラインを使用することで、組織は環境および持続可能性の実践に関連する既存および新興の法律、政策、 報告制度との整合性をより高めることができます。これらは完全な準拠を 保証するものではなく、適用される法的および規制上の 要件と併せて適用されるべきです。

1.4.3 グリーンウォッシング

グリーンウォッシングとは、企業またはその他の主体が実際よりも多く環境保護に取り組んでいると 一般の人々に信じさせるよう誤解を招くことです。虚偽の主張は、他の分野においてユーザーに害を及ぼす可能性があると認識されています。 持続可能性においては、この脅威ベクトルから生じる害は、製品やサービスの ユーザーだけでなく、より広い生態系と社会にも影響を与える可能性があります。

これを避けるには:

  • WSGへの適合を、完全な持続可能性を達成した証拠として 主張しないでください。この文書の範囲には常に空白が存在するためです。
  • 部分的な改善を、持続可能性の達成を示す証拠として提示することを避けてください。
  • 持続可能性への取り組みを透明に伝え、検証可能な主張のみを 補足証拠とともに行ってください。

1.5 関係

注記

WSGが基づくガイドラインと標準は、 常に変化しています。「リビング」または「エバーグリーン」標準と呼ばれるものの中には、頻繁に更新され、 この文書の関連性にすばやく影響を与える可能性があるものがあります。他のものは更新頻度が低いため、変更が 新しいバージョンが出るまでWSGに影響しない場合があります。

このため、WSGを使用する人は、新しい研究やデータに基づく ベストプラクティスの更新を定期的に確認すべきです。また、 最新の指針に準拠し続けるために、自分たちのツールが最新であることも確認すべきです。

1.5.1 W3C 仕様

Ethical Principles for Web Machine Learning との関係 [webmachinelearning-ethics]
このW3C文書は、ウェブ上で機械学習を使用する際の倫理的 考慮事項を扱っています。WSGは、AIが持続可能で責任ある デジタル実践に対応するよう、これらの原則を統合しています。
Ethical Web Principles との関係 [ethical-web-principles]
このW3C文書は、 「ウェブは環境的に持続可能なプラットフォームである」と述べる原則2.9を含む、ウェブの倫理原則を概説しています。 WSGは、デジタル実践における持続可能性を 促進するため、この原則と整合しています。
Mitigating Browser Fingerprinting との関係 [fingerprinting-guidance]
このW3C文書は、ブラウザー フィンガープリンティングの種類とプライバシーリスクを軽減する方法を定義しています。WSGは、ウェブ持続可能性への取り組みが、これらのガイドラインに沿って ユーザーのプライバシーとデータ保護を尊重することを確保します。
Privacy Principles との関係 [privacy-principles]
このW3C文書は、信頼できるプラットフォームとしてのウェブの開発を導くための プライバシー原則を提供します。WSGは、責任あるデジタル 実践を作り出すために、プライバシーセキュリティ、ウェブ持続可能性を結び付けます。
Web Content Accessibility Guidelines(WCAG)との関係
[WCAG]は、 ウェブコンテンツをよりアクセスしやすくするための推奨事項を提供します。WSGは、デジタル体験が アクセス可能であり、かつ持続可能であることを確保するために WCAG と整合します。 WCAG とWSGの間に衝突が生じることは性質上まれですが、 明らかに見える場合は、適合性の注記に従って評価すべきです。
Web Platform Design Principles との関係 [design-principles]
このW3C文書には、 ウェブプラットフォーム技術のための設計原則が含まれています。WSGは、 持続可能なベストプラクティスを前進させるため、これらの原則を取り入れています。

1.5.2 その他の標準

Global Reporting Initiative(GRI)との関係
[GRI]は、ウェブ持続可能性 報告のための世界で最も広く使用されている標準を提供します。 WSGは、測定可能性の向上に伴ってデータが進化する中で、 持続可能性報告における透明性と準拠を支援するための GRI と整合した指標を提供します。

1.5.3 ベストプラクティス

AFNOR(Association Française de Normalisation)との関係
AFNOR SPEC 2201は、デジタル実践におけるウェブ持続可能性のためのガイドラインを提供します。WSGは、認知された持続可能性フレームワークと整合するため、 この文書を参照しています。
ARCEP(Autorité de Régulation des Communications Électroniques, des Postes et de la Distribution de la Presse)との関係
General Policy Framework for the Ecodesign of Digital Servicesは、 持続可能なデジタルサービス設計のためのガイドラインを提供します。WSGは、 デジタル実践における準拠と持続可能性を支援するため、この枠組みと整合します。
Amazon Web Services(AWS)および Microsoft Azure Well-Architected Frameworks との関係
AWSおよびAzure Well-Architected Frameworks は、デジタルリソースを最適化するためのベストプラクティスを提供します。WSGは、ウェブ持続可能性の目標がリソース効率と責任あるクラウド利用と重なる場合に、 これらの枠組みを相互参照します。
Center for Democracy & Technology(CDT)との関係
Human Rights and Technical Standard-Setting for the Web [HR-Spec]は、 アクセシビリティ、プライバシー、国際化、セキュリティを含む、ウェブ標準における人権の重要性を 強調しています。WSGは、 デジタル実践が持続可能であると同時に倫理的に 責任あるものとなるよう、これらの原則を統合しています。
GR491(Handbook of Sustainable Digital Design)との関係
Institute for Sustainable IT によって公開されたGR491は、 持続可能なデジタルサービスのためのベストプラクティスのハンドブックです。WSGは、 実証済みのウェブ持続可能性戦略を取り入れるため、このハンドブックを 相互参照します。
GreenIT との関係
デジタルの炭素フットプリントを削減するためのガイドラインを提供するオープンソースの取り組みです。WSGは、持続可能な IT 実践を促進するため、GreenIT のウェブエコデザインのベストプラクティスガイドラインの 推奨事項を採用しています。
OpQuast との関係
Digital Quality Frameworkを通じてデジタル品質のチェックリストを提供する品質保証プロバイダーです。 WSGは、ウェブ持続可能性のために パフォーマンスとリソース効率を高めるため、OpQuast のガイドラインと整合します。
United Nations(UN)Sustainable Development Goals(SDGs)との関係
UN の SDGsは、持続可能な変化のための世界的な目標です。 WSGは、より広範な 持続可能性への取り組みに貢献するため、デジタル実践を関連するSDG目標に対応付けます。
注記

WSGの指針が他の文書の指針と 衝突する場合、まず代替解決策がウェブ持続可能性と 準拠義務の両方を満たせるかどうかを確認してください。衝突が残る場合は、リスクを評価します。法律などの より上位の権限によってWSGが上書きされない限り、 持続可能性リスクの低い推奨事項に従ってください。

1.6 WSG 補足文書

WSG仕様は、安定した参照可能な 基盤を提供します。補足文書は、実装指針、方法論、および 新しい技術に取り組むための戦略によって、それを拡張します。補足文書には次が含まれます:

詳しくは、W3C Sustainable Web Interest Group の GitHub にある、 WSGに関連する教育リソースについてのページを参照してください。 ツールなどのその他のリソースは、必要に応じて参照される場合があります。

2. ユーザー体験設計

ユーザー向けに設計されたコンテンツやシステムを作成しているなら、意識しているかどうかにかかわらず、あなたは ユーザー体験(UX)に取り組んでいます。

ユーザー体験設計は、プロジェクトを長期にわたって使いやすく、効率的で、信頼できるものに保つことで、 不必要な反復やリソース使用を減らし、持続可能性に貢献します。使いにくい場合、多くの場合、より多くの サポート、再試行が必要となり、必要以上に早く放棄されたり置き換えられたりする可能性があります。これは寿命を短くし、 再設計や再開発への需要を増やします。この影響は、ユーザー全体および時間の経過とともに蓄積します。

目標には次が含まれます:

利点には次が含まれます:

ユーザー体験設計の平易な言葉による要約:

2.1 持続可能性への影響を特定、評価、開示、レビュー、軽減する

デジタルプロジェクトが地球・人々・繁栄に与える影響を評価・報告し、その活動が 現実世界にもたらす影響について測定可能な削減を計画します。

成功基準:影響分析

リソース

プロジェクトの開始時および定期的な間隔で、地球・人々・繁栄への影響を見直します。 特定した主な問題、改善が必要な箇所、および達成した進捗を記録します。これらの調査結果を、 一般に公開するガバナンス文書およびプロジェクト報告に反映します。

成功基準:外部影響

リソース

プロジェクトに関連するデジタル活動がもたらす、非デジタルの環境的・社会的影響を 削減するための計画を作成します。物流および配送による排出、インフラの排出、 地域の健康への影響、ならびにサプライチェーンへの圧力による影響を含めます。 測定可能な行動を用いて、外部における地球・人々・繁栄の成果を改善します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、互換性、ハードウェア、アイデア創出、ネットワーキング、パフォーマンス、プライバシー、 レポート、調査、社会的公平性、ソフトウェア

2.2 ユーザーの 要件または制約を理解する

ユーザーおよび影響を受けるコミュニティを特定して関与させ、そのニーズを調査します。

達成基準: オーディエンス評価

リソース

プロジェクトの主要ユーザー、副次的ユーザー、および影響を受けるコミュニティを特定します。調査、 テスト、分析、レビューを用いて、それらのニーズとプロジェクトがそれらに与える影響を理解します。 プロジェクト全体を通じてユーザーを関与させます。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

タグ

Accessibility, Compatibility, Ideation, Patterns, Reporting, KPIs, Privacy, Research, Social Equity, UI, Usability

2.3 アイデア創出プロセスのあらゆる段階に持続可能性を組み込む

持続可能なブランディングと体験を設計およびレビューし、プロセス全体を通じてユーザーを関与させ、 早期テストと環境を意識した設計によって、不必要な開発と環境影響を減らします。

達成基準: 持続可能なブランド開発

リソース

承認済みのブランディング素材とアセットを、公開前に組織の持続可能性要件を満たすよう最適化し、 公開後も定期的にレビューします。ブランドガイドラインが存在する場合は、素材とアセットの環境影響に関する情報と、 持続可能な制作、使用、廃棄のための指針を含めます。

達成基準: ワイヤーフレームとプロトタイプ

リソース

ワイヤーフレームと迅速なプロトタイプを用いて、アイデアを早期にテストし、合意をすばやく形成し、リスクを減らし、 不必要な開発作業とリソース使用を避けます。

達成基準: 参加とテスト

リソース

設計プロセス全体を通じて参加型設計の手法を用います。テストと反復にユーザーを関与させ、 コミュニティが知識と経験を共有して製品またはサービスを改善する機会を提供します。

達成基準: 環境を考慮したアイデア創出

リソース

アイデア創出段階で、地球のニーズと環境上の限界に対処します。これには、 動物や地球に焦点を当てた視点など、非ユーザー、非人間のペルソナを作成することや、 気候に特化したユーザーストーリーやスプリントを開発することが含まれます。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

タグ

Accessibility, Ideation, KPIs, Research, Social Equity, Software, Strategy, UI

2.4 効率的で 合理化されたユーザージャーニーを設計する

ユーザーが最小限の労力でタスクを完了し、コンテンツを見つけられるよう支援する、 明確で効率的なジャーニーを設計します。

達成基準: 効率的な経路

リソース

タスクをシンプルかつ効率的に完了できるようにします。タスクの開始時に必要なことをユーザーが理解できるようにし、 不必要な選択肢を減らし、ジャーニーにかかる見込み時間を示します。

達成基準: 効率のためのパターン

リソース

明確で効率的なユーザージャーニーを設計します。人々がすでに理解している確立されたデザインパターンを使用します。

達成基準: コンテンツ発見

リソース

特に、ナビゲーションが単純でない大規模、複雑、またはレガシーなウェブサイトでは、 人間が読めるサイトマップを提供します。定期的に更新された状態を保ちます。ユーザーが必要なコンテンツやサービスをすばやく見つけられるよう、 明確でアクセシブルなナビゲーションと検索機能を提供します。ニュースページ、更新情報、変更履歴を含め、 ユーザーが新しいコンテンツやサービスを発見できるようにする軽量で効率的な方法を使用します。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

タグ

Accessibility, Content, HTML, Marketing, Patterns, Performance, Privacy, Social Equity, UI, Usability

2.5 妨げるのではなく 支援するように設計する

通知と集中に対する制御をユーザーに与え、タスクに関連するコンテンツを優先し、 注意をそらしたり不要にエンゲージメントを延ばしたりする設計を避けます。

達成基準: ユーザーの注意を尊重する

リソース

ユーザーの注意、集中、精神的負荷を尊重しながら、情報をいつ、どのように受け取るかを ユーザーが制御できるようにします。

達成基準: 注意をそらさない設計

リソース

ユーザーの現在のタスクに関連する情報を表示し、不必要な中断や競合するインターフェイス要素を避けます。 すぐには必要でない情報は遅延または折りたたみますが、見つけやすい状態を保ちます。 ポップアップ、モーダルウィンドウ、その他の妨害的なインターフェイス要素は、ユーザーが開くことを選んだ場合にのみ表示します。 装飾的なデザインはユーザー体験を改善する場合にのみ使用し、任意のアセットは削除可能にするか、既定でオフにします。 アクセシビリティ、安全性、またはさまざまなユーザーニーズにとって重要な可能性のある情報や機能を削除してはなりません。

達成基準: エンゲージメントの罠を取り除く

リソース

無限スクロールや標準のブラウザー操作およびナビゲーション機能を無効にすることなど、 必要以上に長くユーザーを関与させるデザインパターンを避けます。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

タグ

Accessibility, Assets, Content, Patterns, Performance, Privacy, Social Equity, UI, Usability

2.6 操作的または 欺瞞的にならないようにする

欺瞞的なパターンを避け、広告を明確にラベル付けし、トラッキングへの同意を尊重し、 検索、共有、発見可能性に関する実践が、最適化や操作よりもユーザーのニーズを優先するよう確保します。

達成基準: 欺瞞的なデザインパターン

リソース

ユーザーに圧力をかけたり誤解させたりする欺瞞的なデザインパターンを避けます。これには、 おとり商法、隠れた手数料、または偽の希少性などの慣行が含まれます。

達成基準: 広告

リソース

広告およびスポンサー付きコンテンツを明確にラベル付けします。ユーザーが体験を制御できるようにしながら、 軽量で最小限の妨害にとどめた方法で広告を配信します。

達成基準: 分析とトラッキング

リソース

不必要な分析とトラッキングを削除し、トラッキング分析に対するユーザーの同意を尊重します。

達成基準: 検索エンジン最適化

リソース

操作ではなくユーザーのニーズを支援する方法で、検索とソーシャル共有に向けてコンテンツを最適化します。 検索順位に影響を与えることだけを目的として、アクセシビリティ機能を誤用したり、低品質なコンテンツを作成したり、 不必要な重複を追加したりしてはなりません。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

タグ

Accessibility, Assets, Compatibility, JavaScript, JavaScript, Patterns, Privacy, Security, Social Equity, UI, Usability

2.7 成果物を 理解しやすく再利用可能にする

長期的な理解、再利用、持続可能性を支援する、発見可能で保守しやすく再利用可能な 文書化およびコードリソースを作成します。

達成基準: 成果物の再利用性

リソース

重複作業を減らし、長期的な持続可能性を支援するため、文書やその他の成果物を再利用可能な形式で作成します。

達成基準: 成果物の文書化

リソース

機能と技術要件を、明確で保守しやすいリソースに文書化します。時間の経過とともに 文書を更新し、古くなった情報を置き換えたり廃止したりするための指針を提供します。

達成基準: 成果物の可読性

リソース

開発者がコードを容易に理解、保守、再利用できるよう、ソースコードとコードコメントへのアクセスを提供します。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

タグ

Accessibility, Assets, Content, Education, Patterns, Software

2.8 インターフェイスの一貫性のために デザインシステムを使用する

再利用可能なコンポーネントと明確な保守慣行を通じて、一貫性があり、効率的で、 持続可能なインターフェイスを確保するため、デザインシステムと確立されたパターンを使用します。

達成基準: デザインシステム

リソース

大規模なプロジェクト、または多くの貢献者が関わるプロジェクトでは、一貫性、 パフォーマンス、長期的な持続可能性を改善するためにデザインシステムを使用します。ウェブ標準に基づく再利用可能なコンポーネントを使用し、 各ページまたは機能に必要なコンポーネントのみを読み込み、明確な所有権、 バージョニング、更新された文書によってシステムを保守します。確立されたデザインパターンと慣例に従います。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

タグ

Accessibility, Assets, CSS, Education, Patterns, Strategy, UI, Usability

2.9 リソース使用を減らすために メディアを最適化する

ユーザーのニーズを支援する場合にのみメディアを含めます。メディアを効率的に 管理、最適化、読み込みます。ユーザーが再生とデータ使用を制御できるようにします。

達成基準: メディアの必要性

リソース

ユーザー体験を支援する、または理解を改善する場合にのみメディアを含め、メディア項目の数を最小限に保ちます。

達成基準: 最適化されたメディア

リソース

さまざまな画面サイズ、デバイス、ユーザーニーズに合わせて、メディアのサイズ変更、最適化、圧縮を行います。 可能な場合はネイティブ再生を可能にする、広くサポートされた効率的な形式を使用します。不必要なカスタムまたは 非ネイティブのメディアプレーヤーを避けます。利用可能でセキュリティ要件と互換性がある場合は、 ハードウェアアクセラレーションによる再生を使用します。

達成基準: 遅延読み込み

リソース

すぐに必要なメディア要素と、ユーザー操作時にのみ読み込むべきメディア要素を特定することで、 最初から遅延読み込みまたは延期読み込みを組み込みます。大きなメディアやデータ集約的なメディアは、 ユーザーの要求または操作まで読み込みを延期するため、非機能的な静的ファサードまたはプレースホルダーを使用して、 必要な場合にのみ読み込みます。

達成基準: ユーザー制御可能なメディア

リソース

音声、動画、その他のメディアの自動再生は既定で無効にします。ユーザーが再生と 解像度を制御できるようにします。メディアの長さ、形式、予想されるデータ使用量についてユーザーに知らせます。 データ集約的なメディアを無効にする選択肢、または低帯域幅の代替手段を提供します。

達成基準: メディアの管理と使用

リソース

メディア管理および使用ポリシーを作成します。圧縮、レンダリング性能、 ファイル形式、データ保持、保存、レビュー、削除に関する指針を含めます。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

<picture> 
	<source type="image/avif" srcset="image.avif">
	<source type="image/webp" srcset="image.webp">
	<img width="100px" height="100px" src="image.jpg" alt="" loading="lazy"/>
</picture>

タグ

Accessibility, Assets, Content, HTML, Performance, Software, UI, Usability

2.10 アニメーションが適切で制御しやすいことを確保する

理解を支援する場合にのみ、アニメーションを控えめかつ効率的に使用し、 パフォーマンスへの影響を制限しながら、ユーザーが動きを制御できるようにします。

達成基準: アニメーションの必要性

リソース

アニメーションは、ユーザー体験を支援する場合、またはユーザーがコンテンツや操作を理解する助けになる場合にのみ使用します。

達成基準: 過負荷の回避

リソース

注意散漫を減らし、リソース使用を抑え、デバイス性能への影響を避けるため、アニメーションの数と頻度を制限します。 再生または反復の最大回数を設定します。

達成基準: アニメーションの制御

リソース

ユーザーがアニメーションおよび動くコンテンツを開始、一時停止、停止、または制御できるようにします。

達成基準: 効率的なアニメーション

リソース

インタラクティブでアニメーションを含むコンテンツを可能な限り軽量に保ちます。形式、長さ、複雑さ、寸法、品質、 ツール、実装アプローチを考慮して、レンダリングコストを削減します。複数のアプローチが利用可能な場合は、 ブラウザーまたはプラットフォームネイティブのアニメーション機能を選び、メインスレッドまたはレイアウト負荷の高い作業を 最小限にします。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

@media (prefers-reduced-motion: reduce) {
	body *,
	body *::before,
	body *::after {
		animation-delay: -1ms !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		background-attachment: initial !important;
		transition-duration: 1ms !important;
		transition-delay: -1ms !important;
		scroll-behavior: auto !important;
	}
}

タグ

Accessibility, CSS, JavaScript, Performance, UI, Usability

2.11 最適化されたウェブタイポグラフィを使用する

必要な言語と動的コンテンツをサポートしながら、ダウンロードと複雑さを最小限に抑える フォント戦略を使用します。

達成基準: プリインストール済み書体

リソース

フォントのダウンロードを減らし、パフォーマンスを改善するため、システムフォントまたはその他のプリインストール済みフォントを使用します。

達成基準: ウェブフォントの最適化

リソース

ダウンロードされるフォントの数と複雑さを制限します。可変フォントを使用する場合は、ファイルサイズを減らすため、 サポートする軸と範囲をプロジェクトに必要なものだけに制限します。利用可能な最も高性能な フォント形式を使用し、フォント読み込み中またはカスタムフォントを読み込めない場合でも可読性とパフォーマンスを維持するため、 適切なフォールバックフォントを提供します。

達成基準: ウェブフォントのサブセット化

リソース

未使用のフォントスタイル、ウェイト、文字セットを削除します。プロジェクトで明示的にサポートする 言語、文字体系、Unicode 範囲に基づいてフォントをサブセット化します。すべての 入力と出力を完全に制御できる場合は、関連する Unicode 範囲または文字セットのみを含むようフォントをサブセット化します。 動的コンテンツまたはユーザー生成入力を含む場合は、より広い文字体系のカバレッジを提供し、 Incremental Font Transfer(IFT)を使用して必要なフォント セグメントをオンデマンドで読み込みます。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

タグ

Accessibility, CSS, Performance, UI, Usability

2.12 不要な通知を避ける

ユーザーが要求した通知のみを送信し、設定、オプトイン、アカウント、連絡先設定を 管理するための明確でアクセシブルなコントロールを提供します。

達成基準: 通知の必要性

リソース

ユーザーの設定に一致する通知、またはユーザーが明示的に要求した通知のみを送信します。 不必要なメール、(SMS)メッセージ、プッシュ 通知を避けます。各通知タイプについて、ユーザーに明確な制御を与えます。

達成基準: 通知設定

リソース

ユーザーが通知およびメッセージ設定を容易に管理できるようにします。配信停止、ログアウト、アカウント閉鎖の オプションを見つけやすくアクセシブルにします。任意の通知は既定でオフにし、 ユーザーのオプトイン後にのみ有効にします。

追加情報

このガイドラインとその達成基準を理解するための追加情報を表示 / 非表示にします。

タグ

JavaScript, Privacy, UI, Usability

2.13 ダウンロード可能な文書および物理的な文書の影響を削減する

デジタルファーストのワークフローによって紙の使用を削減し、アクセシブルな ダウンロード可能文書を最適化・再利用し、明確でユーザーが制御できる文書プレビューと形式を提供します。

成功基準:印刷文書

リソース

紙の文書の必要性を削減するようにワークフローを設計します。紙の使用が必要な場合は、効率的な 印刷レイアウトと最小限のページ数によって紙の使用を削減します。印刷用スタイルシートを含め、 実際のコンテンツでテストします。紙による保存やアーカイブではなく、デジタル形式の使用を促します。

成功基準:最適化された文書

リソース

ダウンロード可能な文書を最適化・圧縮し、さまざまなユーザーニーズに適したアクセシブルな形式で 提供し、独自のファイル形式よりも、HTMLなどのオープンで広くサポートされている形式を選択します。

成功基準:最適化された配信

リソース

作業の重複を避けます。文書を再利用する場合は、効率的に再利用できるよう、サーバー上で一度だけ 生成して保存し、できればCookieを使用しないドメインに置きます。

成功基準:ラベルと選択

リソース

ダウンロード前に、文書名、形式、サイズ、短い概要をユーザーに示します。ユーザーが最も適した 形式と言語を選べるようにします。文書をページに直接埋め込むことは避け、代わりに ダウンロード用またはブラウザー表示用のリンクを提供します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、アセット、互換性、コンテンツ、電子廃棄物、ハードウェア、パフォーマンス、ソフトウェア、 UI、ユーザビリティ

2.14 プロジェクトの早い段階で ユーザーを関与させる

ユーザーテストを通じてプロトタイプとインターフェイスコンポーネントを定義・検証し、 実際のユースケースや多様なユーザーニーズにおいて効果的に機能することを確保します。

成功基準:早期ユーザーテスト

リソース

新しい機能とインターフェイスコンポーネントのプロトタイピングおよびテストのために、明確な プロセスを作成します。代表的なユーザーとともに検証し、実世界の条件やさまざまなニーズに 対応して機能することを確保します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、教育、ガバナンス、アイデア創出、調査、社会的公平性、戦略、UI、ユーザビリティ

2.15 解決が必要なバグまたは問題について監査・テストする

プロジェクトの安定性を確保するため、シミュレーションと実世界の両方のシナリオで 定期的にテストを実行し、問題や不具合を定期的に監査します。

成功基準:継続的な評価

リソース

現在のユーザー体験を評価し、コードベースのバグを確認し、パフォーマンス上の問題を特定し、 毎月または四半期などの適切な定期的な間隔で、アクセシビリティ、サステナビリティ、 またはセキュリティの問題を考慮に入れます。

成功基準:自動テスト

リソース

重要な機能を対象とする自動テストスイートを維持し、ビルドとリリースの際に一貫して実行して、 リグレッションを早期に検出します。

成功基準:パフォーマンステスト

リソース

円滑で摩擦の少ないユーザージャーニーを促進するため、サステナビリティとパフォーマンスに 影響を及ぼす可能性のある基盤コードまたはインフラのボトルネックや問題を特定し、解決します。 シミュレーション指標と実世界の指標の両方を考慮します。適切なツールを用いるか、 調査および監査を通じて、すべてのリリースサイクルでパフォーマンスを監視します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、互換性、KPI、 パフォーマンス、プライバシー、レポート、調査、セキュリティ、社会的公平性、ソフトウェア、戦略、 UI、ユーザビリティ

2.16 テストと実際の使用を通じてユーザビリティを検証する

ユーザーフィードバックと実際の利用状況を監視して機能の有効性を評価し、 ユーザビリティテストとユーザー調査を用いて継続的な改善を導きます。

成功基準:利用状況の変化

リソース

各機能について、ユーザーフィードバック、採用状況、チャーンを監視します。これらの知見を用いて、 更新と将来のリリースを導きます。

成功基準:ユーザビリティテスト

リソース

プロダクト開発全体を通じて、ユーザビリティテスト、実ユーザー指標、ユーザーインタビューを用います。 調査結果の影響を測定し、リリースされた機能がユーザーニーズと内部目標を満たしているかを確認します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、教育、ガバナンス、アイデア創出、KPI、調査、社会的公平性、戦略、UI、ユーザビリティ

2.17 クロスプラットフォームの 互換性サポート

互換性を文書化し、不要な陳腐化を避け、デバイス、システム、ネットワーク条件を またいでテストします。

成功基準:互換性文書

リソース

対応するデバイス、オペレーティングシステム、ブラウザーを、バージョン範囲を含めて文書化します。 現在のリリースを反映するために、定期的に見直し更新します。

成功基準:互換性の維持

リソース

計画的な陳腐化を避けます。合理的に可能な限り長く互換性を維持します。更新が、パフォーマンスに 影響する可能性のある大きな変更なのか、問題を修正したりセキュリティを改善したりする 小さな更新なのかを明確に説明します。

成功基準:ユーザーの制約

リソース

低速、制限付き、または不安定な接続、仮想プライベートネットワーク(VPN)の使用、 さまざまなオペレーティングシステムとブラウザー、古いデバイスまたは低性能デバイスを含む、 幅広いユーザー条件についてテストします。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、互換性、KPI、調査、 セキュリティ、社会的公平性、ソフトウェア、戦略、UI、 ユーザビリティ

3. ウェブ開発

フロントエンドおよびバックエンドにおける持続可能なウェブ設計と開発の実践は、多くの場合 ベストプラクティスと交差し、地球、人々、繁栄のそれぞれに多くの利点をもたらします。

フロントエンドおよびバックエンドのウェブ開発は、プロジェクトがリソースをどれだけ効率的に 使用するかを改善することで、より持続可能なウェブに貢献します。効率的なコードは不必要な処理とデータ転送を減らし、 大規模なサービスにおける環境影響を低減します。こうした改善は、プロジェクトをより高速で信頼性の高いものにし、 より長い期間にわたって利用可能かつ保守可能な状態を保つ助けにもなります。その結果、持続可能なウェブ開発は、 パフォーマンスとデジタル製品の長期的な存続可能性の両方を支援します。

目標には次が含まれます:

利点には次が含まれます:

ウェブ開発の平易な言葉による要約:

3.1 パフォーマンスとエネルギー影響に基づいて目標を設定する

パフォーマンスと環境目標を定義し、相対的なエネルギーおよび処理コストを 意識してコンテンツを設計します。

成功基準:パフォーマンス目標

リソース

リクエスト数、レンダリングされる要素数、その他の測定可能なリソース使用量の上限を含め、 プロジェクトの明確なパフォーマンス目標と環境目標を設定します。

成功基準:エネルギー強度

リソース

コンポーネント間のエネルギー使用量の測定可能な差異に注意を払い、影響の少ない設計上の選択を 優先します。複雑な構造、スタイル設定、スクリプト駆動の体験は、グラフィックの多い表示や メディアリッチなレンダリングとともに、レンダリングの計算複雑性を高めます。より負荷の高い アプローチは、それらが明確な価値を加える場合にのみ使用します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

KPI、ネットワーキング、パフォーマンス、調査、 社会的公平性、戦略

3.2 コードを最小化し、未使用コードを削除する

ファイルサイズを削減し、読み込み効率と保守性を向上させるため、コードとデータを 最小化し、未使用の文字を削除します。

成功基準:最小化されたコード

リソース

不要な空白、コメント、必須ではない文字を削除して、コードとデータファイルを最小化します。 システム全体でこれを一貫して適用し、ファイルサイズを削減して読み込み効率を改善します。 これは、大規模な累積データ転送と処理オーバーヘッドの削減に役立ち、リソース効率を高め、 エネルギー消費を低減します。

成功基準:冗長性の削除

リソース

特にCSSとJavaScriptにおいて、未使用またはデッドコードを特定して削除します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(g,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,v=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf

タグ

アクセシビリティ、CSS、HTML、JavaScript、パフォーマンス

3.3 帯域幅を多く使うコンポーネントを モジュール化する

大きなコンポーネントを、必要時に読み込まれる小さなモジュールに分割し、保守性と キャッシュ性能のバランスを取りながら読み込み効率を改善します。

成功基準:コード分割

リソース

大きな、または帯域幅を多く使うコンポーネントを、必要なときにのみ読み込まれる小さなモジュールに 分割します。過度な分割は、オーバーヘッドを増やし、キャッシュ効率を低下させ、コードの保守を 難しくする可能性があるため避けます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

link.addEventListener("click", (e) => {
	e.preventDefault();
	import("/modules/my-module.js")
	.then((module) => {
		/* Do something */
	})
	.catch((err) => {
		console.error(err.message);
	});
});

タグ

CSS、JavaScript、パフォーマンス

3.4 コード内の冗長性と 重複を避ける

リファクタリングと再利用によってコードの重複を減らし、保守性を確保し、 作り直すよりも既存の解決策を発展させることを優先します。

成功基準:削除または簡素化

リソース

構造を改善し、繰り返されるロジックを統合し、再利用を促すことで、コードをリファクタリングして 重複と冗長性を減らします。

成功基準:作り直しより反復改善

リソース

ユーザー向けの解決策をゼロから作り直すよりも、既存のものを改善・拡張することを優先します。 既存の解決策を置き換えるのは、ユーザー体験、パフォーマンス、スケーラビリティ、 または保守性に明確な利点がある場合のみにします。

成功基準:コード配置の整理

リソース

保守性を改善する場合は、DRY(Don't Repeat Yourself)の原則を CSSとJavaScriptに適用します。重複削減の取り組みが、複雑性を高めたり、不要な 依存関係を導入したり、パフォーマンスに悪影響を与えたりしないようにします。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

.opinions_box {
	margin: 0 0 8px 0;
	text-align: center;
	&__view-more {
		text-decoration: underline;
	}
	&__text-input {
		border: 1px solid #ccc;
	}
	&--is-inactive {
		color: gray;
	}
}

タグ

アクセシビリティ、CSS、JavaScript、パターン、 パフォーマンス

3.5 サードパーティを ファーストパーティと同じように扱う

軽量でユーザーが制御でき、必要なときにのみ読み込まれる統合を使用することで、 サードパーティサービスを最小限に抑え、慎重に管理します。

成功基準:評価と削減

リソース

プラグイン、ウィジェット、フィード、地図、カルーセル、トラッキングスクリプト、および類似の コンポーネントを含め、設計またはアイデア創出プロセスの早い段階でサードパーティのコンテンツ および/またはサービスを見直します。全体的な環境影響を削減するため、できるだけ少なく使用し、 軽量な選択肢を優先します。これにはGHGプロトコルのスコープ3排出量も含まれます。サードパーティ提供者が、 ファーストパーティと同じコンプライアンス、セキュリティ、プライバシー、データ保持制限、 データ削除ポリシー、および必須のセキュリティ更新基準を適用するようにします。

成功基準:サードパーティの実装

リソース

サードパーティコンテンツは、ユーザーがそれとやり取りしたときにのみ読み込みます。ウィジェットを 埋め込む代わりにフォームへリンクするなど、単純な代替手段を提供します。

成功基準:セルフホスティング

リソース

実用的な場合は、コンテンツ、アイコン、フォント、スクリプト、ウィジェットなどのアセットを、 ストレージや配信のためにサードパーティサービスに埋め込んだり依存したりするのではなく、 自分が制御するインフラから提供します。これにより外部システムへの依存が減り、信頼性が向上し、 不要なネットワークリクエストを削減できる場合があります。

成功基準:サードパーティに関する設定

リソース

サードパーティのコンテンツとサービスに関するユーザー設定を尊重します。必須ではない サードパーティ機能を無効化またはオプトアウトするための明確なコントロールを提供します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

<iframe src="https://example.com" loading="lazy" width="600" height="400"></iframe>

タグ

アクセシビリティ、JavaScript、パフォーマンス、プライバシー、セキュリティ、ソフトウェア、UI、ユーザビリティ

3.6 コードが適切な セマンティックな実践に従うようにする

標準に準拠したHTMLとWebプラットフォーム機能を使用し、不要な複雑性や 非標準コードを避けます。

成功基準:セマンティックコード

リソース

妥当で標準に準拠したマークアップを使用します。

成功基準:任意機能

リソース

アクセシビリティ、可読性、機能性、またはパフォーマンスに悪影響を与えない場合は、任意のHTML要素、 属性引用符、および既定属性を削除します。アクセシビリティを改善する場合、パフォーマンスを損なわずに 明確さを維持する場合、または一貫したブラウザーレンダリングを確保する場合は、それらを含めます。

成功基準:非標準コード

リソース

レガシー互換性やアクセシビリティなど、明確で正当化された必要性がない限り、非推奨、独自仕様、 または非標準の技術を避けます。ポリフィルは必要な場合にのみ使用し、削除できるかを定期的に 見直します。

成功基準:カスタムコード

リソース

要件を満たせる場合は、標準のHTML要素、属性、機能、およびAPIを使用します。組み込みのWebプラットフォーム機能ではニーズを満たせない場合、 または再利用可能なデザインシステムコンポーネントを構築する場合にのみ、カスタム要素、 Web Components、またはカスタム機能を使用します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

<button onclick="window.dialog.showModal();">open dialog</button>
<dialog id="dialog">
	<p>I'm a dialog.</p>
	<form method="dialog">
		<button>Close</button>
	</form>
</dialog>

タグ

アクセシビリティ、互換性、コンテンツ、HTML、セキュリティ、社会的公平性、ユーザビリティ

3.7 重要でないリソースの 読み込みを遅延させる

レンダリング性能を改善し、視覚的な問題を避けるため、必須ではないアセットを 非同期または優先度付けによって読み込みます。

成功基準:非同期コード

リソース

必須ではない外部アセットを非同期で読み込むか遅延させ、Flash Of Unstyled Content(FOUC)、 Flash of Invisible Text(FOIT)、またはFlash of Faux Text(FOFT)などのレンダリング上の問題を避けます。

成功基準:最適化された読み込み

リソース

複数のアセットが帯域幅やレンダリング順序を競合する場合に、読み込み性能を改善するため、 リソースヒントと優先度ヒントを使用します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

<link rel="prefetch" href="/articles/" as="document">

タグ

アクセシビリティ、アセット、CSS、JavaScript、 パフォーマンス

3.8 機械可読性のために メタデータを構造化する

ユーザビリティ、アクセシビリティ、機械可読性を改善するため、不可欠な文書メタデータと 構造化データを含めます。

成功基準:必須要素

リソース

必須のtitle要素を含め、ユーザビリティ、アクセシビリティ、またはパフォーマンスを改善する場合は 任意のHTML head要素を追加します。

成功基準:メタタグ

リソース

ブラウザー、検索エンジン、その他のユーザーエージェントで広く使用されている関連メタタグを含めます。

成功基準:構造化データ

リソース

JSON-LD、microdata、RDFa、またはmicroformatsで実装されたschema.orgなどの構造化データを使用し、 ツールやサービスをまたいで、人間と機械の双方によるコンテンツの一貫した解釈と再利用を可能にします。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

<html>
	<head>
		<title>Example: A website about Examples</title>
		<script type="application/ld+json">
		{
			"@context" : "https://schema.org",
			"@type" : "WebSite",
			"name" : "Example",
			"url" : "https://example.com/"
		}
	</script>
	</head>
	<body>
	</body>
</html>

タグ

アクセシビリティ、AI、HTML、マーケティング、ユーザビリティ

3.9 サステナビリティ目標を 支援するメディアクエリを使用する

色、動き、コントラスト、データ使用量、および関連設定について、メディアクエリで ユーザー設定を支援し、アクセシビリティと効率を改善します。

成功基準:メディアクエリと設定クエリ

リソース

prefers-color-schemeなどのCSSメディアクエリを使用して、 一般的なユーザー設定に対応します。ユーザーに利点がある場合は、monochrome、 prefers-contrast、prefers-reduced-data、prefers-reduced-transparency、 prefers-reduced-motionなどの追加の設定クエリも考慮します。効率やサステナビリティを 改善できる場合は、printおよびscriptingメディアクエリを使用します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

@media (prefers-color-scheme: dark) {
	/* wants dark mode */
}
@media (prefers-color-scheme: light) {
	/* wants light mode */
}

タグ

アクセシビリティ、アセット、CSSUI、ユーザビリティ

3.10 レイアウトがさまざまなデバイスと要件で機能するようにする

レスポンシブ、プログレッシブエンハンスメント、カーボンアウェアな設計を使用して、 リソース使用を管理しながら、デバイスや操作方法をまたいだアクセシブルで適応可能な機能を確保します。

成功基準:デバイス適応性

リソース

レスポンシブおよびアダプティブデザインを使用し、電話、タブレット、ノートPC、デスクトップ、TV、 新興プラットフォームなどのデバイスと画面サイズをまたいでプロダクトが機能するようにします。 特定の機能や技術がサポートされていない場合でも、プロジェクトが引き続き機能するようにします。

成功基準:プログレッシブエンハンスメント

リソース

HTMLのベースラインから始め、コア機能をスタイルや操作に依存させずにユーザー体験を段階的に 改善することで、堅牢で回復力のあるプロジェクトを確保し、プログレッシブエンハンスメントを 用いてサステナビリティを高めます。

成功基準:カーボンアウェアデザイン

リソース

電力需要またはシステム負荷が高いときにエネルギー使用を削減するため、カーボンアウェアデザインを 使用します。状況に応じた設計を用いて、高影響の機能をより低影響の代替手段に置き換え、 削減または無効化します。変更が透明性を保つ限り、自動しきい値によって必須ではない機能を 調整または無効化することもできます。何が変更されたのか、なぜ変更されたのかを明確に伝え、 可能な場合はユーザーが完全な機能を復元できるようにします。

成功基準:代替ブラウジング

リソース

支援技術、音声入力、QRコード、リーダービュー(ブラウザー、アプリケーション、またはRSS)、接続デバイスなど、サステナブルな非視覚的および 間接的な操作方法をサポートします。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

@media screen and (min-width: 600px) {
	body {
		color: red;
	}
}

タグ

アクセシビリティ、AI、互換性、コンテンツ、CSS、パフォーマンス、社会的公平性、UI、ユーザビリティ

3.11 サステナブルな JavaScriptとAPIを使用する

効率的なJavaScriptを書き、処理、データ使用量、エネルギー消費を最小化するAPIを使用します。

成功基準:サステナブルなJavaScript

リソース

不要な計算を減らし、DOM更新を制限し、ネットワークリクエストを最小化することで、 長期的なアプリケーションパフォーマンスを支えるJavaScriptを書きます。

成功基準:エネルギー関連のAPI

リソース

Compression Streams、Page Visibility、VibrationなどのJavaScript APIが エネルギー使用の削減または効率改善に役立つ場合は、それらを活用します。

成功基準:API リクエスト

リソース

クライアント側またはサーバー側のAPIは、 必要な場合にのみ呼び出します。リクエストとレスポンスには、タスクに必要なデータのみが含まれるようにします。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

const audio = document.querySelector("audio");
// Handle page visibility change:
// - If the page is hidden, pause the video
// - If the page is shown, play the video
document.addEventListener("visibilitychange", () => {
if (document.hidden) {
	audio.pause();
} else {
	audio.play();
}
});

タグ

アクセシビリティ、JavaScript、プライバシー、セキュリティ

3.12 依存関係は 控えめに使用し、保守する

依存関係を定期的に見直し、未使用または不要なライブラリやフレームワークを削除し、 必要なパッケージを最新に保ちます。最小限で安全かつモジュール化された解決策を選択します。

成功基準:依存関係管理

リソース

依存関係を定期的に見直し、未使用のライブラリとフレームワークを削除します。不要なパッケージを アンインストールします。

成功基準:依存関係の必要性

リソース

外部ライブラリとフレームワークの使用を必要な範囲に制限します。これにより、ブラウザーが ダウンロードして解析しなければならないコード量が減ります。可能な場合はプレーンなコードを 優先します。パッケージサイズを見直し、ライブラリ全体ではなく個別モジュールをインポートできるか、 またはより高性能な代替手段を使用できるかを評価します。確立された信頼できるセキュリティ ライブラリをカスタム実装で置き換えないでください。これは脆弱性を高め、サステナビリティに 悪影響を及ぼす可能性があります。

成功基準:依存関係の更新

リソース

定期的な見直しと保守を通じて、すべての依存関係を最新に保ちます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

npm uninstall <package-name>

タグ

アクセシビリティ、JavaScript、パターン、パフォーマンス、プライバシー、セキュリティ、ソフトウェア

3.13 期待されるファイルと 有益なファイルを含める

発見可能性、透明性、運用上のベストプラクティスを支援するため、標準的なWebサイト メタデータと設定ファイルを含めます。

成功基準:期待されるファイル

リソース

favicon.ico、robots.txt、opensearch.xml、site.webmanifest、sitemap.xmlを既定で含めます。 追加の既定ファイルが標準になった場合は、それらも含めます。

成功基準:有益なファイル

リソース

ads.txt、carbon.txt、humans.txt、security.txtなどの追加の標準ファイルを含めます。 追加の既定ファイルが標準になった場合は、それらも含めます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

以下はrobots.txt形式のファイルです。

User-agent: *
Disallow: /cgi-bin/

タグ

アクセシビリティ、アセット、互換性、マーケティング、パターン、セキュリティ、UI

3.14 サービスに 最も効率的な解決策を使用する

シンプルでネイティブかつ静的な解決策を優先しながら、労力、パフォーマンス、 環境影響のバランスを取る、軽量で効率的な実装アプローチを選択します。

成功基準:適切な実装

リソース

労力、パフォーマンス、環境影響のバランスを取る実装アプローチを選択します。より単純な解決策は、 複雑性と実行時の影響を減らせる場合がありますが、より多くの人的労力を必要とします。一方、 既製ツールは構築時間と開発労力を削減する場合がありますが、継続的なリソース使用を増やします。

成功基準:最適化された方法論

リソース

ユースケースに最も高性能なアプローチを使用します。多くの場合、ゼロからコーディングすることで 最も高性能な結果を得られますが、よく保守された既存の解決策が利用できる場合、それは自分で 作成できるものよりも最適化されている可能性があります。WYSIWYGエディター、 ビジュアルページビルダー、または重いフレームワークよりも、ネイティブコンポーネントと ファイルシステムを優先します。サードパーティの解決策のパフォーマンス、保守、環境影響に 注意します。

成功基準:動的より静的

リソース

可能な限り、動的コンテンツの代わりに静的コンテンツを配信します。コード生成が必要な場合は、 Static Site Generators(SSG)などの効率的なツールを優先します。動的なCMS駆動のコンテンツは、通常、静的アプローチと比べてより多くの サーバー側処理を伴い、より大きなライブラリに依存することに注意します。

成功基準:拡張機能とプラグイン

リソース

プラグイン、拡張機能、テーマを定期的に見直し、それらがプラットフォームおよび他のコンポーネントと 引き続き互換性を持ち、効率的でアクセシブルであることを確保します。

成功基準:インターフェイスコンポーネント

リソース

軽量で焦点が絞られ、効率的なユーザーインターフェイスコンポーネントを使用し、リソース使用、 環境影響、または保守負担を増やす不要な複雑性を避けます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、互換性、アイデア創出、パフォーマンス、プライバシー、セキュリティ、ソフトウェア、戦略

3.15 最新の安定した 言語バージョンを使用する

効率性と保守性を確保するため、最新の技術を使用し、各タスクに最も適した プログラミング言語を選択します。

成功基準:バージョン管理

リソース

選択した言語とフレームワークの最新の安定版を使用します。

成功基準:言語の選択

リソース

多くのツールと言語は特定の種類の作業に最適化されていることを認識し、タスクに最適な プログラミング言語を使用します。利点がコストを上回り、合理的なユーザーベースがある場合、 導入労力は正当化されます。ただし、関係者のウェルビーイングに影響を与えたり、 費用面で非現実的になったりしないことが条件です。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

互換性、パフォーマンス、セキュリティ

3.16 データベースクエリの数と複雑性を削減する

クエリを最小化し範囲を絞り、繰り返しリクエストを減らし、データガバナンスの 実践を適用することで、データベースの使用を最適化します。

成功基準:効率的なデータベースクエリ

リソース

必要なデータをできるだけ少ないクエリで取得し、特に頻繁にアクセスされるデータについては、 アプリケーションやORMコードではなくデータベースレベルでフィルタリングと選択を 適用することで、データベースクエリを最適化して負荷を削減します。

成功基準:取得済みデータの再利用

リソース

リクエストまたはプロセスごとにデータを一度だけ取得し、データベースクエリを繰り返す代わりに ローカルで再利用します。

成功基準:クエリにおけるデータ最小化

リソース

必要なフィールドとレコードだけを返すようにデータベースクエリの範囲を絞ります。

成功基準:データライフサイクル制御

リソース

Time-to-Live(TTL)、UUIDのような非機微な識別子の使用、非識別化、および目的限定の原則に 沿った保存データの最小化など、データライフサイクルとガバナンスの制御を適用します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

以下はPHP形式のコードです。

$value = get_post_meta( int $post_id, string $key = '', bool $single = false ): mixed

タグ

ネットワーキング、パフォーマンス

4. ホスティング、インフラストラクチャ、および システム

データにも住まいがあります。ツールの開発、データ処理、オンラインシステムの保守、 ウェブサイトの運用、またはその他のことを行っている場合でも、ホスティング、 インフラストラクチャ、システムの持続可能性を改善する意識的な選択は、非常に大きな影響を持ち得ます。

開発運用チームとホスティングプロバイダーは、インフラストラクチャが パフォーマンス、信頼性、持続可能性の要件を満たすことを確保するうえで重要な役割を果たします。 持続可能性は、コンテンツ、コード、データをどこでどのように保存および処理するかに関する決定に依存します。 これらの選択は、エネルギー消費、データ転送距離、サーバー効率に影響するためです。 インフラストラクチャを最適化することで、不必要な計算負荷を減らし、ユーザーへの応答時間を改善でき、 より効率的で環境に配慮したプロジェクトに貢献します。

目標には次が含まれます:

利点には次が含まれます:

ホスティング、インフラストラクチャ、およびシステムの平易な言葉による要約:

4.1 サステナブルなホスティングを使用する

サステナビリティ指標を用いてインフラを選択・管理し、選択時には低炭素の エネルギー使用と低影響のホスティングおよびドメイン選択を優先し、管理時にはハードウェア寿命を延ばし、 排出量を最小化します。

成功基準:プロバイダーの選択

リソース

潜在的なインフラ、ホスティング、クラウド、プラットフォーム、外部管理コンテンツ、またはその他の デジタルサービスを選択・評価する際に、サステナビリティ指標を含めます。環境方針および関連する パフォーマンス指標を公開し、透明性をもって開示しているプロバイダーを優先します。これには、 Power Usage Effectiveness(PUE)、Water Usage Effectiveness(WUE)、Carbon Usage Effectiveness (CUE)、再生可能エネルギーの使用、排出削減への コミットメント、ならびにハードウェアの保守と調達の実践が含まれます。

成功基準:効率的な運用

リソース

稼働中のすべてのインフラがもたらす環境への悪影響を、時間の経過とともに監視し削減します。 外部委託かセルフホストかにかかわらず、エネルギー使用量、水使用量、サーバーリソース使用率など、 利用可能な関連指標をすべて追跡します。これにはCPU/コア、 メモリ、ストレージ、ネットワーク使用量が含まれます。この情報を用いて非効率を特定し、 過剰プロビジョニングを削減し、リソース使用を最適化し、透明性のあるサステナビリティ報告を 支援します。

成功基準:設備の長寿命化

リソース

ハードウェアの寿命を延ばします。設備を効率的かつ適切な容量で使用し、安全にパッチを適用し、 適切に保守します。新しいハードウェアは、デバイスの長寿命化、パッチ適用、修理オプションに コミットする供給元から調達すべきです。

成功基準:低炭素電力

リソース

可能な限り炭素強度の低い電力を使用します。ホスティングプロバイダーは、オンサイト発電、 バックアップシステム、ストレージを含む、利用可能な所在地ベースの電力網データを用いて 炭素強度を測定・報告すべきです。この情報を用いて、より低炭素なホスティングプロバイダーを 選択し、エネルギー調達とインフラ効率を改善します。

成功基準:残余排出量

リソース

GHGプロトコル(スコープ2)に基づく間接的な電力排出について、 市場ベースの炭素会計を用いて残余排出量を削減します。Energy Attribute Certificates(EAC)またはRenewable Energy Certificates(REC)を通じて低炭素電力を購入する場合は、 証書が使用した電力の時間と場所に一致し、再生可能電力がいつ生成されたかを特定でき、 二重計上を防ぐ方法で有効に発行・償却できることを確認します。

成功基準:ドメイン名

リソース

ドメイン名登録の影響が、ドメインレジストリおよびレジストラによって開示されていることを確認します。 レジストラから環境影響データを入手できる場合は、それをドメイン登録の意思決定と環境影響の緩和に 活用します。そのようなデータが入手できない場合は、登録の意思決定時に想定される環境影響を評価し、 可能な場合はサステナビリティを重視した選択を行います。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

AI、電子廃棄物、ハードウェア、ネットワーキング、社会的公平性

4.2 キャッシュを最適化し、 オフラインアクセスをサポートする

キャッシュとオフライン機能を使用してネットワーク負荷を削減し、回復力を高め、 パフォーマンスとサステナビリティのバランスを取ります。

成功基準:リソースのキャッシュ

リソース

処理時間、繰り返されるデータベースクエリ、API呼び出し、ネットワークリクエストを削減するために キャッシュを使用します。動的コンテンツにはサーバー側キャッシュを、頻繁に変更されないリソースには クライアント側キャッシュを適用します。キャッシュの有効期間を制御し、安定したアセットには静的版を 提供し、頻繁に使用されるリソースへの繰り返しリクエストを最小化します。その際、データ配信方法を 改善するため、追加される複雑性や保守コストとのバランスを取ります。

成功基準:オフラインアクセス

リソース

ネットワーク中断時にも、不可欠なコンテンツと機能を利用できる状態に保ちます。Progressive Web Applications(PWA)、Service Workers、Web Workers、またはlocal storageなどのWebプラットフォーム機能を使用して、オフラインアクセスを提供します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

以下は.htaccess形式のファイルです。

<IfModule mod_expires.c>
	ExpiresActive on
	# Default: Fallback
	ExpiresDefault                                      "access plus 1 year"
	# Specific: Assets
	ExpiresByType image/x-icon                          "access plus 1 week"
	ExpiresByType application/rss+xml                   "access plus 1 hour"
	ExpiresByType application/json                      "access"
</IfModule>

タグ

アクセシビリティ、アセット、HTML、JavaScript、ネットワーキング、パフォーマンス、ソフトウェア

4.3 圧縮によって データ転送を削減する

処理コストとのバランスを取りながら、サーバーレスポンスとメディアファイルを圧縮して、 帯域幅、ストレージ使用量、配信オーバーヘッドを削減します。

成功基準:サーバー側圧縮

リソース

効率的な形式と品質設定を使用して、画像、音声、動画をアップロードする前にファイルサイズを削減します。 ファイルがアップロードに適したサイズになっている場合は、追加の圧縮を適用しないようにします。

成功基準:メディア圧縮

リソース

ストレージと転送の要件を削減するため、画像、動画、音声などのメディアファイルを、どこかに アップロードする前に圧縮します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

以下は.htaccess形式のファイルです。

<IfModule mod_deflate.c>
	<IfModule mod_setenvif.c>
		<IfModule mod_headers.c>
			SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
			RequestHeader append Accept-Encoding "zstd, gzip, br, deflate" env=HAVE_Accept-Encoding
		</IfModule>
	</IfModule>
	<IfModule mod_filter.c>
		AddOutputFilterByType DEFLATE "application/atom+xml application/javascript application/json application/ld+json application/manifest+json application/rdf+xml application/rss+xml application/schema+json application/geo+json application/vnd.ms-fontobject application/wasm application/x-font-ttf application/x-javascript application/x-web-app-manifest+json application/xhtml+xml application/xml font/eot font/opentype font/otf font/ttf image/bmp image/svg+xml image/vnd.microsoft.icon image/x-icon text/cache-manifest text/calendar text/css text/html text/javascript text/plain text/markdown text/vcard text/vnd.rim.location.xloc text/vtt text/x-component text/x-cross-domain-policy text/xml"
	</IfModule>
	<IfModule mod_mime.c>
		AddEncoding gzip              svgz
	</IfModule>
</IfModule>

タグ

アセット、ネットワーキング、パフォーマンス

4.5 不要な仮想化環境またはコンテナの維持を避ける

効率性と保守性を改善するため、不要な仮想化環境を削除します。

成功基準:未使用環境

リソース

必要なセキュリティ、分離、またはコンプライアンスの保証を低下させずに実施できる場合は、未使用または 冗長な仮想環境および物理環境(例:コンテナや仮想マシン)を非アクティブ化、オフライン化、または 削除することで、アクティブな環境の数を削減します。稼働中のサービスも同様に評価します。 同様に、未使用のブランチ、環境、サービスのコードベースと設定を評価し、不要になったものを削除します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

AI、ハードウェア、ネットワーキング、パフォーマンス、ソフトウェア

4.6 自動化を賢く使用する

タスクとインフラを効率的に自動化・スケールし、必要な場合にのみプロセスを実行し、 不要なトラフィックを制御します。

成功基準:タスクの自動化

リソース

手作業を削減し一貫性を改善するため、デプロイ、テスト、コンパイルなどの反復タスクを、 継続的インテグレーションおよび継続的デリバリー(CI/CD)のベストプラクティスに沿って自動化します。環境影響の低い 自動化ツールとプラットフォームを優先し、自動化システムの不要な重複を避けます。

成功基準:必要なタスク

リソース

不要なリソース使用を避けるため、自動化タスクは必要な場合にのみ実行します。

成功基準:自動スケーリング

リソース

需要に基づいてサーバー容量を調整するためにオートスケーリングを使用します。負荷の圧力を管理するため、 バッファリングとスロットリングを実装します。需要が高いときはリソースを拡張し、需要が低下したら 縮小して、過剰プロビジョニングを避けます。

成功基準:不審な活動の管理

リソース

正当なユーザー、検索エンジン、有益または許可されたクローラーに対してコンテンツがアクセス可能な状態を 保ちながら、不要で不必要なサードパーティクローラー、ユーザーエージェント、ボット、スクレイパーを セキュリティ制御によって制限します。一部のスクレイパーは、大規模言語モデルへの情報提供や学習を 含む有益な目的に使用される場合があることを考慮します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、AI、パフォーマンス、セキュリティ、 ソフトウェア

4.7 データ更新の頻度を 定義する

ユーザー要件とサステナビリティ要件のバランスに基づいて、いつデータを更新するかを 決定します。

成功基準:更新頻度

リソース

ユーザーニーズ、正確性要件、リソース効率に基づいてキャッシュ更新率を定義し、データがいつ更新されるかを 決定します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

JavaScript、ネットワーキング、パフォーマンス、ユーザビリティ

4.8 重要データを 定期的な間隔でバックアップする

問題が発生した場合に信頼できるフェイルセーフが存在するよう、定期的な間隔で データをバックアップします。

成功基準:データバックアップ

リソース

ストレージ使用量を最小化し、バックアップ時間を短縮するため、システムとユーザーデータのバックアップが 安全で差分的であることを確保します。バックアップへのアクセスを制限し、ユーザーを識別可能な情報が 長期保存されないようにする仕組みを確立します。データ損失または不正使用からバックアップを保護します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

ハードウェア、パフォーマンス、セキュリティ

4.9 データ処理の影響と要件を評価する

パフォーマンス、セキュリティ、制約のバランスを取りながら、カーボンアウェアなスケジューリング、 効率的で安全なプロトコル、単純なシステム設計を用いて、不要な処理を削減します。

成功基準:カーボンシフト

リソース

リアルタイムの電力網炭素強度データに基づいて炭素強度が低い時間にタスクを実行するよう スケジューリングまたはバッチ処理したり、可能な場合は炭素強度の低い地域へワークロードを移動したり することで、カーボンアウェアコンピューティングを使用してワークロード実行を動的に最適化します。 その際、セキュリティ、パフォーマンス、データ所在地の制約を尊重します。

成功基準:プロトコル効率

リソース

効率を改善しリソース使用を削減することで、ユーザーニーズ、セキュリティ、サステナビリティの バランスを取る通信プロトコルを選択します。HTTPSSFTP/SSHなどの 安全な選択肢を優先し、HTTPFTPなどの安全でないレガシープロトコルを避け、 パフォーマンス向上とネットワークオーバーヘッド低減のため、HTTP/2またはHTTP/3などの現代的な標準を採用します。 後方互換性は必要な場合にのみ維持します。

成功基準:イベント駆動アーキテクチャ

リソース

ページ全体の再読み込みを必要としない状態変化を持つプロダクトを構築する場合は、イベント駆動 アーキテクチャとマイクロサービスを使用します。パフォーマンス、電力、処理要因に基づいて、 RESTスタイルの同期的なAPIよりもエネルギー効率の高い代替手段を 提供する場合はそれらを優先し、要件を満たしながらサーバーワークロードと環境影響を削減する アプローチを選択します。

成功基準:データ処理効率

リソース

不要なデータ処理を避けます。パフォーマンス、セキュリティ、サステナビリティ指標、リソース使用に基づいて、 処理をクライアント側で行うべきかサーバー側で行うべきかを慎重に判断します。

成功基準:効率的な場所

リソース

アプリケーションの各層間でのデータ変換、転送、処理は、できるだけソースに近い場所で実行します。 これにより不要なシリアライズのオーバーヘッドを削減し、リソースの浪費を避けます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

AI、JavaScript、ネットワーキング、パフォーマンス

4.10 有益な場合にContent Delivery Networks(CDN)を使用する

不要な分散と転送を避けながら、効率とサステナビリティを改善する場合にのみ、 静的コンテンツと処理のためにCDNとデータ所在地を 戦略的に使用します。

成功基準:グローバルCDN

リソース

静的コンテンツ、アセット、その他の読み取り専用リソースについて、明確な利点がある場合にのみ Content Delivery Network(CDN)を使用し、 より広範なWebホスティングの選択に沿って、パフォーマンス改善と環境影響をケースごとに評価します。 完全に地域限定のオーディエンスに提供する場合は、CDNが必要かどうかを評価し、代わりに地理的に近い ホスティングを優先します。

成功基準:サステナビリティへのコミットメント

リソース

信頼できる、証拠に基づいたWebサステナビリティへのコミットメントを示すCDN プロバイダーを選択します。

成功基準:不適切なリソース

リソース

動的または頻繁に変更されるリソースをCDNへデプロイすることは避けます。キャッシュパーティショニングや Cross-Origin Resource Sharing(CORS)のような ブラウザー機構により、キャッシュの利点とインタラクション性能が制限され、リソース効率が低下する 可能性があり、回避策はセキュリティまたはプライバシー上のリスクをもたらす場合があります。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、AI、コンテンツ、ハードウェア、 ネットワーキング、パフォーマンス

4.11 インフラがプロジェクト要件に合うようにする

需要に合ったオートスケーリングインフラを使用し、過剰プロビジョニングをせずに 需要を効率的に満たします。

成功基準:最小限の要件

リソース

要件と顧客契約を満たしつつ、過剰プロビジョニングをしないインフラを選択します。要件が許す場合は、 マルチゾーンまたは分散構成よりもスタンドアロンインスタンスを優先します。効率的なリソース使用を 確保するため、ピーク負荷ではなく平均負荷に合わせてプロビジョニングします。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

電子廃棄物、ハードウェア、パフォーマンス

4.12 ユーザーのニーズに応じてデータを保存する

長期的なアセットへの効率的なアクセスを維持しながら、保持、圧縮、ライフサイクル ポリシーを用いて、保存データ(コンテンツ、ログ、メディア、ダウンロードを含む)を定期的に管理・削減します。

成功基準:未使用データの削除

リソース

ストレージとエネルギーコストを削減し、データを保存するかどうか、および保存期間を管理するため、 未使用または陳腐化したデータ(「ダークデータ」)を定期的に削除します。

成功基準:ライフサイクル管理

リソース

分類およびタグ付けポリシーを使用して、保持、期限切れ、アーカイブを含むデータライフサイクルルールを 定義・管理します。

成功基準:効率的なストレージ

リソース

データは、永続的な運用上、分析上、または法的価値を提供し、容易に再生成または置換できない場合に のみ保存します。陳腐化した場合は削除またはアーカイブします。不要な重複を避け、圧縮、キャッシュ、 ストレージ最適化技術などの効率的なストレージ実践を使用します。

成功基準:最適化されたログ記録

リソース

定期的なローテーション、保持、圧縮、バックアップの実践によってログを管理します。これには、実用的な場合に、 エネルギー需要と運用オーバーヘッドを削減するため、リソース集約的な処理を活動の少ない時間帯に スケジューリングすることも含まれます。回復力または復旧のために必要な場合はオフサイトストレージを 含む、回復力のあるバックアップ戦略を使用し、セキュリティとプライバシーのリスクを最小化するため、 可能な限りログから機微情報を削除します。

成功基準:アセットのダウンロード

リソース

ユーザーがサーバーへ繰り返しリクエストする必要がないよう、大きな長期アセットを容易に ダウンロードできるようにします。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、コンテンツ、電子廃棄物、ハードウェア、パフォーマンス、プライバシー

5. 事業戦略と 製品管理

より優れた持続可能性のためにウェブサイトやアプリケーションを設計するには、優れた事業戦略と 製品管理が必要です。

ウェブサイトまたはアプリケーションに責任を持つ人は誰でも、その環境影響に影響を与えることができます。事業者や 上級意思決定者は、多くの場合、インフラストラクチャへの投資、パフォーマンスの優先順位、長期的な 製品の方向性を含め、サービスがどのように構築、提供、保守されるかを形作る戦略的な選択に責任を負います。 しかし、デジタル製品に関わるすべての個人は、効率を改善し不必要なリソース使用を減らす日々の 意思決定を通じて貢献できます。これらの取り組みは、プロジェクトのウェブ持続可能性に影響する、より広範な 組織的実践にもつながっています。

目標には次が含まれます:

利点には次が含まれます:

事業戦略と製品管理の平易な言葉による要約:

5.1 倫理的で サステナブルなプロダクト戦略を持つ

倫理、サステナビリティ、責任あるデータ利用に関する組織的な実践を実装します。 その実装を示すポリシーを公開し、維持します。

成功基準:公開文書

リソース

倫理規範、プロダクトガイドライン、アクセシビリティ、サステナビリティ声明など、主要な組織ポリシーを 策定、公開、維持します。デジタルプロダクト、サービス、およびAIなどの新興または破壊的技術について明確な文言を含めます。 これらのポリシーを一般にアクセス可能にし、透明性のためにバージョン管理します。

成功基準:成果とコンプライアンス

リソース

Webサステナビリティに関連する成果、機能、コンプライアンス更新、およびその他の関連情報を、 専用のサステナビリティセクション内で公開します。

成功基準:長期的なガバナンス

リソース

サステナビリティポリシーと実践が長期にわたり積極的に実装、監視、統治されていることを示す 証拠を提供します。

成功基準:技術法制

リソース

デジタルプライバシー、雇用上の権利、透明性、説明責任、責任ある新興技術、デジタルサステナビリティを 推進する証拠に基づいた法律と標準を支持し、遵守します。同時に、最低限の期待を超える取り組みを行い、 特にアクセシビリティおよびデータ保護要件に準拠しながら、効率的でアクセシブルなユーザージャーニーを 保つため、不要なデータ収集を避けることに努めます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、AI、教育、アイデア創出、KPI、プライバシー、調査、セキュリティ、社会的 公平性、戦略

5.2 サステナビリティ 推進担当者を任命する

サステナビリティに関する問題について発言し、代弁するために必要なものを与えられた サステナビリティ推進担当者を任命します。

成功基準:サステナビリティを推進する

リソース

特定のデジタル専門知識を持つサステナビリティ責任者を任命し、その表明された目標を達成するために 必要なリソース、予算、ツール、時間を提供することで、デジタルサステナビリティに対する明確な 責任を割り当てます。一部の組織では、意欲ある個人で構成される気候ワーキンググループへ これを拡張することで、さらに利益を得られる場合があります。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、教育、アイデア創出、マーケティング、プライバシー、社会的公平性

5.3 サステナビリティについて情報提供し、意識を高め、訓練する

サステナビリティ実践に関する継続的な研修、オンボーディング、ガイダンスを提供し、 明確な資料、知識共有、組織的な奨励を通じてサステナビリティの取り組みへの参加を支援します。

成功基準:情報提供と意識向上

リソース

内部チーム、外部貢献者、同僚、組織の意思決定者を含む、プロジェクトに関係するすべての人に対して、 オンボーディング資料とワークショップを作成、提供、および/または提供を促進します。一般的な 気候リテラシーとデジタル気候リテラシーに関する教育、および自組織のサステナブル技術ポリシーに 関するガイダンスを含めます。

成功基準:定期的な研修

リソース

サステナビリティ目標の達成においてチームを支援する継続的な学習機会を通じて、サステナビリティ スキルを開発、確立、更新するための積極的かつ定期的な研修を提供します。

成功基準:積極的な参加

リソース

個人が環境影響を削減するよう奨励します。気候およびサステナブルな取り組みとアイデアを共有します。 サステナブルデザイン、ベストプラクティス、概念に関するリソースを提供します。

成功基準:研修資料

リソース

採用されたサステナビリティポリシーと実践、およびそれらの実装方法を概説するため、専用の 研修マニュアル、ワークショップ、資料を作成および/または提供します。新しいポリシーや ベストプラクティスが生じた際には、それらに合わせてこれらの資料を長期にわたり管理・維持します。

成功基準:進捗へのインセンティブ

リソース

完了を認め、サステナビリティ関連活動のための時間を割り当て、インセンティブと便益を提供することで、 リーダーシップ、チーム、個人が研修目標に向けて進捗を出すよう奨励します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

コンテンツ、教育、マーケティング、レポート

5.4 ユーザーの選択による環境影響を伝える

ユーザーの選択が自身の環境影響に影響を与え得る場合に、ユーザーが意思決定できるよう 力を与えます。

成功基準:影響の伝達

リソース

ユーザーの行動がエネルギー使用、排出、またはリソース消費にどのように影響するかを示し、 より十分な情報に基づいた選択を行うのに役立つ選択肢を提供します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

コンテンツ、教育、マーケティング、レポート

5.5 環境影響を 算定する

サステナブルな設計上の意思決定に役立てるため、サードパーティサービスの影響を含む ライフサイクル全体の環境影響を評価し比較します。

成功基準:ライフサイクルアセスメント

リソース

評価対象となるプロダクトまたはサービスの定義された測定単位である各機能単位の環境影響を理解するため、 ライフサイクルアセスメント(LCA)を実施します。 これには、プロジェクトの全ライフサイクルにわたるライフサイクル温室効果ガス(GHG) 排出量とその他の関連する環境影響が含まれます。

成功基準:競合との影響比較

リソース

意思決定目標に役立てるため、比較可能な代替案と照らしてプロジェクトの環境影響を評価します。 プロジェクトの追加価値またはサステナビリティ上の利点が、その環境影響を正当化するかどうかを 判断します。

成功基準:ツールの影響

リソース

パイプラインの任意の段階で使用されるツールやサードパーティソリューションの影響または推定影響を 含めます。それらは自分で作成したものではないとしても、製造、保守、使用で生じる排出も全体的な ソリューションに不可欠な一部です。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、AI、アイデア創出、KPI、調査、社会的公平性、ソフトウェア、 戦略

5.6 明確な組織的サステナビリティ目標と指標を定義する

測定可能なサステナビリティ目標と指標を定義し、長期にわたる進捗を伝えます。

成功基準:Webサステナビリティ目標

リソース

明確なWebサステナビリティ目標を定義し公開します。測定可能なパフォーマンス指標を特定し、 人々がサステナビリティパフォーマンスを理解し評価できるよう、それらの目標に対する進捗を伝えます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

AI、ガバナンス、アイデア創出、KPI、調査、社会的公平性

5.7 外部検証を通じてWebサステナビリティの取り組みを検証する

独立した検証を使用して、サステナビリティに関する主張を支援し改善します。

成功基準:検証の取得

リソース

独立した第三者による検証または保証を使用して、サステナビリティに関する主張を検証します。

成功基準:検証の維持

リソース

サステナビリティに関する主張を長期にわたり再評価し、新しい証拠がその正確性に影響する場合は更新します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

ガバナンス、KPI

5.8 義務的な 開示と報告を支援する

長期にわたる進捗を追跡し、誤解を招く報告を避けながら実際の影響削減を明確に説明する、 標準に沿った透明性のあるサステナビリティ報告書を公開します。

成功基準:ポリシーと実践

リソース

認知された標準に沿って、デジタルプロダクト、プログラム、サービスの環境的、社会的、ガバナンス上の 影響を開示するためのポリシーと実践を作成し公開します。

成功基準:影響報告書

リソース

過去の報告書およびWebサステナビリティ目標に対する進捗を含む、公開のサステナビリティ影響報告書を 少なくとも年1回公開します。

成功基準:開示報告

リソース

デジタルプロダクトおよびWebサービスの排出量ならびに環境的、社会的、ガバナンス上の影響について、 透明性のある報告実践を作成し維持します。

成功基準:影響削減

リソース

二重計上、グリーンウォッシング、データ除外、選択的報告などの誤解を招く実践を避けながら、 環境的、社会的、ガバナンス上の影響がどのように削減されるかを明確に説明します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

AI、コンテンツ、KPI、レポート

5.9 1つ以上の インパクトビジネスモデルを作成する

収益創出が環境的および社会的成果をどのように支援するかを説明します。

成功基準:変化の理論

リソース

組織がどのように収益を生み出し、それらの収益源が環境的および社会的影響とどのように関係するかを 文書化します。影響がどのように測定、見直し、長期にわたり改善されるかを説明します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

コンテンツ、アイデア創出、調査、戦略

5.10 プロダクト管理と保守の戦略に従う

セキュリティ、サステナビリティ、失敗リスクの早期検出を含む、長期的なプロダクトサポートのための 明確な文書化、リソース配分、測定実践を維持します。

成功基準:管理と保守

リソース

組織がプロダクト管理と保守にどのように取り組むかを概説する文書を作成し維持します。

成功基準:計画戦略

リソース

プロダクトライフサイクル全体にわたって長期的なサステナビリティ、エネルギー効率、責任あるリソース使用を 優先する、すべてのデジタルプロダクトとサービスの保守計画およびセキュリティ計画を策定、 実装、維持します。

成功基準:プロダクトへのリソース配分

リソース

プロダクト、プロトタイプ、テスト、および支援プロセスに、長期にわたり十分なリソースが割り当てられるように します。プロジェクトを放棄することなく、技術的負債への対応、リファクタリング、機能の進化を含む 継続的な保守を支えるため、十分な人員と予算を維持します。

成功基準:リソース測定

リソース

保守プロセスに炭素とリソースの測定を含め、長期にわたる改善を追跡します。提供される本質的価値と サステナビリティ成果を反映する指標を優先します。不要な作業、リソース消費、排出を促す指標は 避けます。

成功基準:失敗指標

リソース

アクセシビリティ、ユーザビリティ、その他の環境的、社会的、ガバナンス上の影響に関連するものを含め、 Key Failure Indicators(KFI)を特定し文書化します。 KFIを監視して新たなリスクを検出し、是正措置に 役立てます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、互換性、セキュリティ、戦略

5.11 継続的改善の 手順を実装する

機能変更、保守、更新と、ユーザー価値およびサステナビリティ成果とのバランスを取る 継続的改善プロセスを維持します。

成功基準:継続的改善

リソース

何が変更されるのか、なぜ変更されるのか、それが環境サステナビリティ成果を改善するのかを明確に 報告する継続的改善の実践を組み込みます。環境およびその他のESG影響が、運用および事業パフォーマンス指標とともに 評価されるようにします。

成功基準:レトロスペクティブの実施

リソース

成果物を見直し頻繁に更新して、プロジェクトチームがユーザー調査を実施し、技術的負債を特定して 解消し、高品質な成果物を生み出し、学んだことを共有するための十分な時間を確保します。

成功基準:反復的な検討

リソース

デジタルプロダクトまたはサービスを分析するための継続的改善(反復)プロセスの実績を示します。 同時に、技術的負債、プロダクトパフォーマンス、排出量など、継続的な実験による潜在的な結果に 対処します。意思決定を支援し、ユーザーフィードバックを促し、組織目標とユーザーニーズに対する パフォーマンスを比較する、厳密に必要な機能に分析を限定します。

成功基準:機能に関する意思決定

リソース

プロダクトライフサイクル全体を通じて、すべての機能を定期的に見直します。環境影響、ユーザー価値、 利用状況、保守コストに基づいて、機能を維持、変更、追加、削除する意思決定を正当化し優先順位付けします。 これには、未使用または低トラフィックの機能とコンテンツの廃止が含まれます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、AI、互換性、KPI、パフォーマンス、プライバシー、セキュリティ、 戦略、UI

5.12 更新と 進化を文書化する

機能が変更されるたびに、ユーザーが進むべき方向を見つけられるよう文書を提供します。

成功基準:機能変更

リソース

機能が追加、変更、削除される際に、明確で構造化された文書を提供します。一貫したバージョン管理または 変更追跡システムを使用して、変更の性質と影響を伝えます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

以下はchange.logプレーンテキストファイルです。

# Changelog - Website

## [Unreleased]
- N/A

## 1.0.0 - YYYY-MM-DD
### Added
- Content.

## [Guide]
- Added: New features.
- Changed: Altered functionality.
- Deprecated: Disappearing features.
- Removed: Eliminated features.
- Fixed: Bugs patched.
- Security: Solved vulnerabilities.

タグ

互換性、コンテンツ、教育、セキュリティ、ユーザビリティ

5.13 デジタルプロダクトまたはサービスが必要かどうかを評価する

サステナビリティ目標との整合性を評価し、プロダクトの必要性を検証し、アクセス、 ユーザビリティ、公平性への障壁を削減します。

成功基準:持続可能な開発目標

リソース

プロダクトまたはサービスが関連する国連の持続可能な開発目標(U.N.SDG) のいずれかと整合するかを特定し、該当する場合は、対応するターゲットをサステナビリティ声明に含めます。

成功基準:作成の評価

リソース

望ましさ、実現可能性、事業成立性に基づいて、プロダクトまたはサービスが必要かどうかを評価します。

成功基準:障壁の考慮

リソース

アクセシビリティ、技術的、地理的、公平性に関する障壁を含め、プロダクトまたはサービスの利用を 妨げる障壁を取り除くか削減します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、AI、電子廃棄物、アイデア創出、レポート、 ソフトウェア

5.14 サプライヤーの実践基準文書を提供する

サステナビリティ原則に基づいてサプライヤーを選択し協働し、その影響を測定し、 パートナーシップの成果を透明性をもって公開します。

成功基準:潜在的パートナーの審査

リソース

潜在的パートナーを審査・評価するための明確なポリシーに支えられた形で、サプライチェーンの パートナー選定とガバナンス全体にサステナビリティ原則を適用します。

成功基準:協働による測定

リソース

影響を受ける当事者への影響を作成、追跡、測定するためにサプライヤーと連携します。

成功基準:情報を伴うパートナー紹介

リソース

パートナーシップがどのように集合的な影響を生み出すかに関する情報とともに、一般に利用可能な場所で パートナーシップを紹介し開示します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

AI、コンテンツ、ガバナンス、ハードウェア、アイデア創出、 社会的公平性

5.15 経済的利益を共有する

公正な賃金を約束し、労働者と請負業者を共有されたインパクト目標に合わせ、 利用可能なリソース内で従業員福利厚生を提供します。

成功基準:生活賃金

リソース

従業員、請負業者、その他の影響を受ける当事者に生活賃金を支払うことを公に約束します。

成功基準:インセンティブ付与

リソース

インセンティブの設計と適用方法を導く明確なポリシーに支えられた形で、労働者や請負業者などの 影響を受ける当事者へのインセンティブを組織的実践に組み込み、インパクト目標を支援します。

成功基準:従業員福利厚生

リソース

利用可能なリソースに見合った従業員福利厚生を提供します。これには医療、退職支援、柔軟な働き方、 利益分配が含まれる場合があります。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

ガバナンス、社会的公平性

5.16 影響を受ける当事者と意思決定権限を共有する

ユーザーとスタッフを意思決定に関与させ、人間による監督を確保し、自動化された意思決定に対する 透明性と異議申立ての仕組みを提供します。

成功基準:意思決定

リソース

ユーザーやスタッフを含む人々を、彼らに影響する意思決定に関与させます。関連する意思決定プロセスに 参加する意味のある機会を提供し、意思決定者が明確な権限と説明責任を持つようにします。自動化 システムが使用される場合は、意思決定におけるその役割について透明性を提供し、人間による監督を 可能にし、人々がオプトアウト、異議申立て、同意の撤回、意思決定への異議申立てを行えるようにします。 異議申立てが人間の意思決定者によって見直されるようにします。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、アイデア創出、社会的公平性、戦略

5.17 Diversity, Equity, Justice, Inclusion(DEJI)の実践を使用する

Diversity, Equity, Justice, Inclusion(DEIJ)およびアクセシビリティへの コミットメントを公開し実行し、研修と測定可能な進捗を支援し、プロダクトと運用全体で インクルーシブな成果を確保します。

成功基準:DEJIの実践

リソース

DEIJへの明確なコミットメントを公開します。排除を減らし、多様で十分なサービスを受けていない、 または周縁化されたコミュニティのためにプロダクトへのアクセスの長期的なサステナビリティを 支援するため、組織がこれらのコミットメントをどのように適用するかを説明します。

成功基準:DEJI研修

リソース

DEIJ研修、およびアルゴリズムバイアス、デジタルディバイド、雇用の公平性、誤情報・偽情報などの トピックを提供します。

成功基準:DEJIの改善

リソース

採用、リーダーシップ、運用全体におけるDEIJの測定可能な進捗を追跡し公開します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、アイデア創出、社会的公平性、戦略

5.18 責任あるデータ 実践を推進する

収集の最小化、ユーザー制御、ポータビリティ、削除、コンテンツアーカイブを通じて、 ユーザーのデータ権利を尊重し、データライフサイクルを管理します。

成功基準:データ実践

リソース

プライバシー、法律、ポリシー文書を、平易な言葉とアクセシブルな形式で一般にアクセス可能な状態に 維持します。認知された国際標準に沿った強固なデータ保護実践に従い、ユーザーへのリスクが高い場合や 保護措置が不十分な場合はより強い保護を適用し、透明性のあるデータ利用とガバナンスを通じて、 プライバシー、アクセシビリティ、サステナビリティにおける良い実践を支援します。

成功基準:データ所有権

リソース

アクセス、訂正、削除、オプトアウト、データポータビリティを含むユーザーデータ権利を尊重します。 アカウント、データ、サブスクリプションを管理するための明確なユーザーコントロールを提供します。 定義された目的のために、必要な期間を超えない範囲でのみ個人データを収集・保持します。オープンで 一般的に使用される形式でデータエクスポートを提供します。削除および同意の変更が、合理的な期間内に、 データベース、派生データセット、バックアップ、キャッシュを含むすべてのシステムに適用されるようにします。

成功基準:古くなったコンテンツ

リソース

自動有効期限と定期的なプロダクト監査を通じて、古くなった、または期限切れとなったプロダクト コンテンツとデータをアーカイブおよび削除します。アーカイブスケジュールを公開し、必要とする人のために 古い検索可能コンテンツの軽量版が維持されるようにします。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

AI、コンテンツ、ガバナンス、プライバシー、セキュリティ、 社会的公平性、戦略

5.19 AIおよび新興または破壊的技術に関する責任ある実践を確立する

倫理的に調達され適切なサイズのデータとモデルのみを使用し、環境影響を管理し、 労働力の適応を支援し、ユーザーエージェント制御を尊重し、正当化される場合にのみ耐量子暗号を 使用することで、自動化システムの責任ある利用を確保します。

成功基準:AI とデータ収集

リソース

自動化システムで使用、作成、または参照されるデータセットが、タスクに必要な大きさを超えず、 倫理的に調達され、スクリーニング、検証、保存され、公正で非差別的かつ責任ある方法で使用されるようにします。

成功基準:事業適応

リソース

従業員の役割や組織の運用を変化または混乱させる可能性のある新技術への適応において、従業員を支援します。

成功基準:環境責任

リソース

AIおよび新興または破壊的技術の推進または採用に関連する環境影響を監査し、 説明責任を果たします。これには、サードパーティシステム、利用ごとに発生する廃棄物、水、排出、 ならびに初期導入と更新に起因するものが含まれます。効率を優先し、環境影響を最小化する方法で 導入します。

成功基準:自動化ツール

リソース

ボット、クローラー、ユーザーエージェント、スクレイパー、人工知能、その他すべての自動化ツールが、 ホスト、サーバー、サイトレベルでのオプトアウトシグナルを尊重するようにします。提供者は、 HTTPヘッダー内のユーザーエージェントで、自らが 非人間であることを宣言しなければなりません。

成功基準:耐量子性

リソース

「今収集し、後で復号する」攻撃と長期的なデータ機密性リスクから保護する明確な必要性がある場合にのみ、 耐量子暗号を使用します。既存の暗号方式を置き換えるものではなく補完するものとして扱い、移行中は 両方を使用します。高トラフィックサービスで耐量子暗号を採用する際は、帯域幅消費、処理需要、 設計の複雑性、移行リスクがセキュリティ上の利点を上回る可能性があるため、慎重に適用します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、AI、コンテンツ、電子廃棄物、ガバナンス、 ハードウェア、ネットワーキング、パフォーマンス、プライバシー、セキュリティ、社会的公平性、ソフトウェア

5.20 責任ある 財務実践を採用する

高炭素資産から投資撤退し、予算編成と財務パートナーシップを長期的なサステナビリティに 合わせることで、責任ある資金調達の実践を採用します。

成功基準:化石燃料からの投資撤退

リソース

化石燃料から投資撤退し、銀行取引やスポンサーシップを含む財務関係を、よりサステナブルな パートナーへ移行します。

成功基準:責任ある財務

リソース

長期的な保守と環境責任を支える、責任ある予算編成と資金調達の実践を使用します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

ガバナンス、アイデア創出、社会的公平性

5.21 組織的なフィランソロピー実践を採用する

パートナーシップと企業寄付を組織の目的に合わせ、明確なパートナーシップおよび 寄付ポリシーを通じて、スキル構築につながるボランティア活動とプロボノ活動を支援します。

成功基準:フィランソロピーポリシー

リソース

企業寄付ポリシーを作成し、戦略的に整合した組織とのフィランソロピー・パートナーシップを確立します。

成功基準:ボランティア活動

リソース

チームの学習を助け、非営利団体や慈善団体に利益をもたらすボランティア活動とプロボノ活動を支援します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

コンテンツ、ガバナンス、社会的公平性

5.22 デジタルプロダクトまたはサービスのケアと終末期を計画する

プロジェクトが終了するときのことを文書化し、ユーザーのデータに何が起こるかを ユーザーに知らせます。

成功基準:終末期ケア

リソース

データ廃棄、アーカイブ、ファイル削除、その他の関連ガイダンスを含む、明確で文書化された 終末期ガイドラインを提供します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

互換性、電子廃棄物、プライバシー、調査、セキュリティ、社会的公平性、ソフトウェア、戦略

5.23 電子廃棄物を修理、再利用、再整備、リサイクル、または削減する

ユーザーによる修理の支援を含め、認証されたサービスを通じて、ハードウェアと電子廃棄物の 修理、再利用、再整備、責任あるリサイクルを優先します。

成功基準:電子廃棄物管理

リソース

不要なハードウェアと材料をリサイクル、修理、またはアップサイクルします。可能な場合は部品を回収、 再配備、再利用し、残りの材料はサステナブルな方法で処分します。認証された修理およびリサイクル サービスを使用して、寿命を迎えたデジタル機器と運用上の電子廃棄物を責任をもって扱います。 サービス提供者は、責任ある電子廃棄物管理のための明確なポリシーを維持すべきです。

成功基準:電子廃棄物ポリシー

リソース

ハードウェアの修理とリサイクルに関するポリシーを維持し、修理を奨励します。

成功基準:再整備戦略

リソース

新しい設備を購入する前に、既存ハードウェアの再利用、再整備、再配備を優先します。

成功基準:修理する権利

リソース

ユーザーが購入した製品をできる限り修理できるようにし、可能な場合は原価で交換部品を提供し、 故障が発生した際に修理に役立つ明確な手順を提供します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

コンテンツ、電子廃棄物、ガバナンス、ハードウェア、アイデア創出、社会的公平性

5.24 パフォーマンス、環境、人間の予算を定義する

ライフサイクルのサステナビリティ予算とパフォーマンス予算を定義して適用し、証拠に基づく KPIを設定し、長期にわたる測定可能な改善を追跡します。

成功基準:環境予算

リソース

作成、使用、廃止を含むプロダクトとサービスの全ライフサイクルを対象とするデジタルサステナビリティ 予算基準を概説し文書化します。これらの上限が積極的に適用され、すべての影響を受ける当事者に 伝えられるようにします。

成功基準:パフォーマンス予算

リソース

パフォーマンス予算を使用してデジタルプロダクトまたはサービスのサイズと複雑性に上限を設け、 データ転送とファイルサイズを積極的に削減して、パフォーマンスを改善し、よりサステナブルで 低影響なデジタル体験を作ります。

成功基準:人間の予算

リソース

エンジニアリング作業量、開発時間、またはスプリントに関するKPIを定義します。 労働者の健康、ウェルビーイング、サステナブルなワークロードを優先しながら、作業が丁寧に行われるよう ワークフローをサステナブルに最適化します。

成功基準:測定可能な改善

リソース

ベースライン測定を確立し、長期にわたる改善を追跡します。改善に関する主張は証拠によって 支えられることを求めます。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

以下はJSON形式のファイルです。

[
{
	"resourceSizes": [],
	"timings": [
	{
		"metric": "largest-contentful-paint",
		"budget": 2500
	},
	{
		"metric": "max-potential-fid",
		"budget": 100
	},
	{
		"metric": "cumulative-layout-shift",
		"budget": 0.1
	}
	]
}
]

タグ

アクセシビリティ、アイデア創出、KPI、パフォーマンス、 調査、ユーザビリティ

5.25 オープンソースを 使用し貢献する

オープンソースポリシーを定義・維持し、コード、時間、金銭的または現物支援を通じて オープンソースコミュニティに積極的に貢献します。

成功基準:オープンソースガバナンス

リソース

再利用を優先し、重複を減らし、長期的な保守性を支援する選定、承認、リリースワークフローを含む、 オープンソースツールのサステナブルな利用と貢献のためのプロセスを定義し維持します。

成功基準:協働と貢献

リソース

オープンソース原則に根ざして、サステナブルなソフトウェア開発を支援するためにオープンソース エコシステムと協働し、共有された保守、再利用、作業重複の削減を改善するため、コード、時間、 または金銭的支援を通じてコミュニティベースのプロジェクトに定期的に貢献します。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

アクセシビリティ、アセット、アイデア創出、社会的公平性、ソフトウェア、UI

5.26 事業継続と災害復旧の計画を作成する

テスト済みのインシデント対応計画を維持し、サービス上の問題、リスク、復旧について ユーザーと透明性をもってコミュニケーションします。

成功基準:行動計画

リソース

インシデント対応計画を作成、維持、定期的に見直し、テストして、準備状況を判断し、システムとサービスが あらゆるインシデントから迅速に復旧できるようにします。

成功基準:利用者への周知

リソース

インシデント、サービス上の問題、データまたは可用性に対するリスクについて、ユーザーと透明性をもって コミュニケーションします。

追加情報

このガイドラインとその成功基準を理解するための追加情報を表示/非表示にします。

タグ

AI、ガバナンス、セキュリティ、戦略

A. 考慮事項

この仕様内のガイドラインのうち、アクセシビリティ、プライバシー、またはセキュリティに影響を与える可能性があると Interest Group が特定したものを以下に示します。これらは、エンドユーザーに保護を提供するもの、または デジタル持続可能性を実装するために設計された機能を実装する際に、ウェブサイト提供者が考慮することが重要なものです。 この一覧は Interest Group の現在の理解を反映していますが、公開時点で Interest Group が認識していない 影響を持つガイドラインが他にもある可能性があります。

これらの目的に関連するベストプラクティスについてさらに理解したい個人または組織は、この分野における W3C Working and Interest Groups が提供する関連資料を読むべきです。 優れたアクセシビリティ、国際化、プライバシー、セキュリティの結果は、測定可能な形で地球、人々、繁栄に利益をもたらし得ます。

アクセシビリティ、国際化、プライバシー、セキュリティに取り組むグループは、それぞれの作業の中で 持続可能性への影響を特定し、適切な場合にはこれらの懸念の範囲を限定するためのベストプラクティスに関する 関連する指針を提供する可能性があることに注意する必要があります。そのような指針は、WSG 内で提供されるものを補完するものとして考慮されるべきです。

注: グリーンウォッシングは考慮事項として 真剣に扱うべきです。社会的影響を不正確に示すことは、デジタル包摂、セキュリティ、プライバシーを損なう可能性があるためです。 さらに、これらのリスクと影響自体が、環境上またはより広範な社会的危害の媒介として悪用される可能性があります。

A.1 アクセシビリティ

この仕様内のガイドラインのうち、アクセシビリティに関連する可能性があるものは次のとおりです:

A.2 プライバシー

この仕様内のガイドラインのうち、プライバシーに 関連する可能性があるものは次のとおりです:

A.3 セキュリティ

この仕様内のガイドラインのうち、セキュリティに 関連する可能性があるものは次のとおりです:

B. 用語集

アクセシビリティ

ウェブアクセシビリティは、 (インクルーシブデザインの文脈では)ウェブサイト、ツール、技術が、障害のある人々(および障害のない人々)が 障壁なく使用できるように設計および開発されていることを意味します。

アクセシビリティ障壁の種類には、聴覚、認知、神経、身体、発話、視覚に関するものが含まれる場合があります。 それらは、恒久的、一時的、または状況的(状況に依存する)である場合もあります。

PPP

Planet, People, and Prosperity(PPP)は、 持続可能性プロセス中にこれら各要素を考慮することを推奨する一連の原則です。

地球、人々、繁栄を考慮するこの方法は、Environmental, Social, and (corporate) Governance(ESG)のような、類似した目的を持つ他の略語でも知られており、 これは経済的要因も併せて考慮します。また、類似したパターンに従う Environment, Equity, and Economy(EEE)もあります。

参考情報

情報提供を目的とするものであり、準拠のために要求されるものではありません。

「参考情報」または「非規範的」として識別される内容は、準拠のために要求されることはありません。

規範的

準拠のために要求されます。

C. 謝辞

Sustainable Web Interest Group への参加に関する追加情報は、Interest Group の GitHub リポジトリ内で確認できます。

C.1 この文書の開発に積極的に参加した参加者

Adam Newman, Addison Phillips, Alexander Dawson, Alisa Bonsignore, Andrea Davanzo, Andrew Wright, Andy Blum, Anne Faubry, Arnaud Levy, Barry Pollard, Ben Clifford, Berwyn Powell, Bhavani Shankar Garikapati, Brett Tackaberry, Brian Louis Ramirez, Brian Kardell, Chris Adams, Chris Augier, Chris Butterworth, Chris Lilley, Chris Needham, Chris Sater, Chris Wilson, Christian H Brown, Claire Thornewill, Crystal Preston-Watson, Daniel Appelquist, David Jeanmonod, Denis Roio, Dennis Lemm, Diogo Abrantes Da Silva, Dominique Hazael-Massieux, Dom Robinson, Elika Etemad, Eloisa Guerrero, Emily Trotter, Emma Horrell, Fershad Irani, Florian Rivoal, Francesco Fullone, François Burra, Gaël Duez, Glenda Sims, Hannah Smith, Hidde de Vries, Iain McClenaghan, Ian Jacobs, Ines Akrap, Ismael Velasco, Iulia Raluca Ionita, James Christie, Jeffrey Yasskin, Jennifer Strickland, Jens Oliver Meiert, Jeroen Hulscher, Jim McCool, Josh Kim, Julien Wilhelm, Kazuhito Kidachi, Kenneth G. Franqueiro, Laurent Devernay Satyagraha, Len Dierickx, Leon Brocard, Lewis Halstead, Łukasz Mastalerz, Marie Ototoi, Michelle Barker, Mike Gifford, Morgan Murrah, Nahuai Badiola, Neil Clark, Nick Doty, Nick Lewis, Nicola Bonotto, Nigel Megitt, Oliver Winks, Orie Steele, Owen Barton, Owen Rogers, Peter Krautzberger, Philippe Le Hégaret, Richard Ishida, Romuald Priol, Rose Newell, Rudolf Van Der Berg, Ryan Sholin, Sandy Dähnert, Sarah Zama, Sarven Capadisli, Shane Herath, Siddhesh Wagle, Simon Perdrisat, Simone Onofri, Sorca Duffy, Susannah Hill, Tantek Çelik, Tej Kalianda, Theresa O'Connor, Thibaud Colas, Thorsten Jonas, Tim Frick, Tzviya Siegman, Youen Chéné, Yuna Orsini, Zoe Lopez-Latorre.

C.2 その他の積極的な参加者、または支援リソースへの貢献者

Aiste Rugeviciute, Alekh Gupta, Alicia Pritchett, Anthony Vallée-Dubois, Antoine Abélard, Asim Hussain, Bee Flaherty, Boris Schapira, Brian Sharpe, Carine Bournez, Christophe Clouzeau, Christos Bacharakis, Danielle Subject, Denis Didier, Edward Bender, Elise West, Florence Maurice, Gerry McGovern, Greg McDonald, Ignacio Rondini, Ivano Malavolta, James Cannings, James Gallagher, Jan Henckens, Jean Rigotti, Jon Gibbins, Juan Sotés, Julien Robitaille, Kate Mroczkowski, Katya Dreyer-Oren, Kimi Wei, Laila Tamani, Leah Goldfarb, Lenchi Danch, Loren Velasquez, Louise Towler, Luciene Bulhões Mattos, Luis Tiago, Manfred Jurgovsky, Marie Koesnodihardjo, Mark Butcher, Marketa Benisek, Mert Altinöz, Michelle Sanver, Moritz Guth, Nicholas Oliveira, Nick Oliveira, Nick Sollecito, Nicolas Lanthemann, Nicolas Oren, Patrick Hypscher, Pietro Jarre, Radu Micu, Rafael Lebre, Rebecca Brocton, Rick Butterfield, Rick Viscomi, Robin Whittleton, Samuel Pitoňák, Sandra Pallier, Sebastien Solere, Sylvain Tenier, Thierry Leboucq, Thomas Alexander Munch-Woolff, Tom Greenwood, Tom Howells, Torsten Beyer, Tristan Nitot, Yelle Lieder, Youcef Bekhti.

D. 変更履歴

この変更履歴は、2024年12月6日付の 最終草案 Community Group Report 以降の実質的な変更のみを示していることに注意してください。

対応済みのすべての課題の一覧については、Interest Group および以前の Community Group の課題トラッカーを参照してください。

継続中のリリースノート

追加:

  • [#348] WSG Impact Measurement & Impact JSON API データセットが公開されました。
    @anewmandev, @AlexDawsonUK, @andreadavanzo, @awright1979-alt, @mrchrisadams, @chrisn, @ehorrell, @fershad, @hanopcan, @hidde, @jyasskin, @jenstrickland, @ldevernay, @astuanax, @lmastalerz, @mgifford, @the-sustainabledev, @nicolabonotto, @ohuu, @ryansholin, @systemstree, @susannah-hill, @tantek, @thorstenjonas, @timfrick, @TzviyaSiegman

更新:

  • 考慮事項セクションに、a11y、セキュリティ、プライバシーに関する W3C ミッションへのリンクを追加しました。
    @AlexDawsonUK
  • 概要補足文書は、内容が WSG の導入部に統合されたため、非推奨化され削除されました。
    @AlexDawsonUK
  • UX セクションに対して、ピアレビュー、平易な英語、トーン、その他の内容更新を行いました。
    @AlexDawsonUK, @andreadavanzo, @awright1979-alt, @bkardell, @ChristianHiBr, @CrystalPrestonWatson, @mylonelycomputer, @ehorrell, @fershad, @hidde, @ines-akrap, @JamesChristie-SustainableUX, @jyasskin, @jenstrickland, @JeroenHulscher, @kazuhito-kidachi, @mgifford, @airbr, @the-sustainabledev, @codewordcreative, @ryansholin, @Sarahz27, @systemstree, @hober, @timfrick, & @TzviyaSiegman
  • WebDev セクションに対して、ピアレビュー、平易な英語、トーン、その他の内容更新を行いました。
    @AlexDawsonUK, @awright1979-alt, @CrystalPrestonWatson, @fershad, @hidde, @jyasskin, @kazuhito-kidachi, @Lewish1998, @lmastalerz, @airbr, @codewordcreative, @Sarahz27, @csarven, @systemstree, @tkalianda, @hober, @thorstenjonas, @timfrick, & @TzviyaSiegman
  • インフラストラクチャセクションに対して、ピアレビュー、平易な英語、トーン、その他の内容更新を行いました。
    @AlexDawsonUK, @fershad, @hidde, @ines-akrap, @JamesChristie-SustainableUX, @jyasskin, @Lewish1998, @lmastalerz, @mgifford, @airbr, @codewordcreative, @ryansholin, @Sarahz27, @systemstree, @susannah-hill, @hober, & @TzviyaSiegman
  • 事業セクションに対して、ピアレビュー、平易な英語、トーン、その他の内容更新を行いました。
    @AlexDawsonUK, Alisa Bonsignore, @ChristianHiBr, @Jaromil, @mylonelycomputer, @fershad, @hidde, @ines-akrap, @jenstrickland, @kazuhito-kidachi, @lmastalerz, @mgifford, @airbr, @the-sustainabledev, @codewordcreative, @simoneonofri, @systemstree, @hober, @timfrick, & @TzviyaSiegman
  • [#216] Quick Reference を よりアクセシブルで印刷しやすいものに更新し、PDF を削除しました。
    @AlexDawsonUK & @jenstrickland
  • [#243] Plain English introduction boxes は、可視性を最大化するため既定で展開されるようになりました。
    @AlexDawsonUK, @codewordcreative & @TzviyaSiegman
  • [#291] 導入部を、 IG メンバーおよび概要文書からの新しい素材で更新しました。
    @AlexDawsonUK, @AnneFaubry, @hidde, @mgifford, @Psychpsyo, @codewordcreative, @ryansholin, @timfrick, & @TzviyaSiegman
  • [#309] 利点との整合性を高めるため、 考慮事項とタグ付けを更新しました。
    @AlexDawsonUK
  • [#342] "Sustainability metrics" を "Provider selection" と "Efficient operation" の SC に分割しました。
    @AlexDawsonUK, @fershad, & @codewordcreative

修正:

  • 一貫性のため、文書間の一部の表現を揃えました。
    @AlexDawsonUK & @codewordcreative
  • 壊れたリンクとリダイレクトを解決または削除しました。
    @AlexDawsonUK & @kantoche
  • TAG から提起された多数の課題に、導入部とUXセクションで対応しました。
    @AlexDawsonUK, @codewordcreative, @susannah-hill, and @TzviyaSiegman
  • [#213] アクセシビリティに関する Horizontal Review のフィードバックを含めました。
    @AlexDawsonUK, @goodwitch, @JamesChristie-SustainableUX, @jenstrickland, @codewordcreative, & @TzviyaSiegman
  • [#214] 国際化に関する Horizontal Review のフィードバックを含めました。
    @aphillips, @AlexDawsonUK, @svgeesus, @r12a, & @codewordcreative
  • [#215] プライバシーに関する Horizontal Review のフィードバックを含めました。
    @AlexDawsonUK, @gbshankar, @codewordcreative, &@TzviyaSiegman
  • [#216] GreenIT の URL を 最新リリースに合わせて更新しました。
    @AlexDawsonUK
  • [#216] その他の 成果物の相互参照がすべて TR 仕様 URL を指すようにしました。
    @AlexDawsonUK
  • [#232] laws & policies 補足に 追加の参照を追加しました。
    @AlexDawsonUK
  • [#232] at-a-glance 補足内の 統計を更新しました。
    @AlexDawsonUK
  • [#247] 明確さのため、 GRI 情報の前にある段落を変更しました。
    @AlexDawsonUK & @ChristianHiBr
  • [#351] 相互リンクで details 要素の内容が自動的に表示されるようになりました。
    @AlexDawsonUK
  • [#351] 保守性向上のため、 番号付けを分かりやすい ID と URL に置き換えました。
    @AlexDawsonUK
  • [#353] HTML、 CSS、または JS ではない例では、形式を説明するようになりました。
    @airbr
2025年第4四半期リリースノート(2025年12月15日)

追加:

  • [#192] 関連する コンテンツ向けに、フィルターシステムへ AI タグを追加しました。
    @TzviyaSiegman

更新:

  • [#97] & [#191] 導入部の内容と 用語集の定義を更新しました。
    @awright1979-alt, @hidde, @ines-akrap, @mgifford, @codewordcreative, @systemstree, @timfrick, & @TzviyaSiegman
  • [#192] フィルターシステムが TOC 内でより見やすくなり、multiPage が削除されました。
    @AlexDawsonUK, @kfranqueiro, @timfrick, & @TzviyaSiegman
  • [#192] TOC の更新と URL の クエリ文字列が、アクティブなフィルターを反映するようになりました。
    @AlexDawsonUK & @fershad
  • [#192] 標準参照に関して、 導入部に明確化を提供しました。
    @TzviyaSiegman
  • [#192] 関係性の更新により、 W3C WebML WG Ethical Principles 仕様を含めました。
    @TzviyaSiegman
  • [#194] Infrastructure Task Force による ホスティングセクションへの複数の更新を適用しました。
    @AlexDawsonUK, @codewordcreative, @ryansholin & @susannah-hill, & @TzviyaSiegman
  • [#195] 利点は、 さらなる精査のため専用の補足文書に移動しました。
    @AlexDawsonUK, @codewordcreative, @fershad, @nigelmegitt
  • [#197] 仕様内に 追加の有用なリソースを含めました。
    @AlexDawsonUK
  • [#197] UX Task Force によるユーザー体験セクションへの複数の更新を適用しました。
    @aphillips, @AlexDawsonUK, @awright1979-alt, @AnneFaubry, @ChrisButterworth, @fantasai, @ehorrell, @fershad, @hidde, @ines-akrap, @JamesChristie-SustainableUX, @jenstrickland, @kazuhito-kidachi, @mgifford, @airbr, @the-sustainabledev, @nigelmegitt, @r12a, @codewordcreative, @Sarahz27, @systemstree, @sorca11y, @thorstenjonas, & @TzviyaSiegman
  • [#197] 新興技術と AI に関する明確さを提供するため、5.20 を更新しました。
    @AlexDawsonUK & @codewordcreative

修正:

  • [#25] IG の合意により、 テスト可能性バブルは保証できるようになるまで削除されました。
    @fershad, @hidde, & @jyasskin
  • [#192] draft note ステータス前の pubRules に関する追加修正。
    @AlexDawsonUK, @plehegar, & @TzviyaSiegman
  • [#192] 仕様内のいくつかの 冗長性の問題を修正しました。
    @AlexDawsonUK
  • [#192] @codewordcreative の 2025年第3四半期の貢献について、編集者の役割とクレジットを更新しました。
    @AlexDawsonUK, @ines-akrap, @mgifford, @timfrick, & @TzviyaSiegman
  • [#197] 壊れたリンクと リダイレクトを解決または削除しました。
    @AlexDawsonUK
  • [#197] 重複する達成基準を 統合、グループ化、または削除しました。
    @AlexDawsonUK, @chrisn, @fullo, @hidde, @jyasskin, @kazuhito-kidachi, @mgifford, @airbr, @codewordcreative, @systemstree, @timfrick, & @TzviyaSiegman
  • [#197] WSG ヘッダー内の補足一覧のラベル説明を改善しました。
    @AlexDawsonUK
  • [#200] Organize code arrangement に 軽微な修正を適用しました。
    @fershad
  • [#201] Lazy Loading に関する STAR 資料へ更新を適用しました。
    @airbr & @tunetheweb
2025年第3四半期リリースノート(2025年9月15日)

追加:

  • [#122] 仕様と補足文書に ダークモード機能を追加しました。
    @AlexDawsonUK

更新:

  • [#116] & [#127] 導入部に 編集上の改善を提供しました。
    @AlexDawsonUK, @AnneFaubry, @codewordcreative, @fershad, & @ldevernay
  • [#125] 廃止された影響と 労力の評価を仕様から削除しました。
    @AlexDawsonUK
  • [#128] Summary 補足 (旧 Intro)の内容を更新しました。
    @AlexDawsonUK & @AnneFaubry

修正:

  • [#70] & [#117] WSG に全体的な編集改善とバグ修正を適用しました。
    @AlexDawsonUK, @codewordcreative, @jenstrickland, @mrchrisadams, & @ryansholin
  • [#79] & [#119] Intent を 更新、短縮し、ガイドラインの小見出しにしました。
    @airbr, @AlexDawsonUK, Alisa Bonsignore, @andreadavanzo, @codewordcreative, @Sarahz27, @susannah-hill & @TzviyaSiegman
  • [#89] & [#90] アクセシビリティのため、 クロスオーバーリンクの構造を改善しました。
    @jenstrickland, @pkra, @TzviyaSiegman
  • [#90] 著者の帰属が 謝辞リンク付きで pubRules に準拠するようになりました。
    @AlexDawsonUK & @TzviyaSiegman
  • [#93], [#102], & [#104] web dev の達成基準に 編集上の改善を提供しました。
    @airbr, @AlexDawsonUK, @codewordcreative, @fershad, @hidde, @ryansholin, & @TzviyaSiegman
  • [#100] カテゴリー導入部に 編集上の改善を提供しました。
    @AlexDawsonUK, @awright1979-alt, @codewordcreative, @fershad, @hidde, @ines-akrap, @jenstrickland, @ryansholin, @susannah-hill, @timfrick, & @TzviyaSiegman
  • [#101] UX の達成基準に編集上の改善を提供しました。
    @AlexDawsonUK, @awright1979-alt, @ChrisButterworth, @codewordcreative, @fershad, @jenstrickland, @Sarahz27, @systemstree, @the-sustainabledev, @thorstenjonas, & @TzviyaSiegman
  • [#105] ホスティングの達成基準に 編集上の改善を提供しました。
    @AlexDawsonUK, @codewordcreative, @fershad, @susannah-hill, @ryansholin, & @TzviyaSiegman
  • [#107] 事業の達成基準に 編集上の改善を提供しました。
    @AlexDawsonUK, @codewordcreative, @fershad, @timfrick, & @TzviyaSiegman
  • [#108] UX の利点に編集上の改善を提供しました。
    @awright1979-alt, @codewordcreative, @jenstrickland, @Sarahz27, @thorstenjonas, & @TzviyaSiegman
  • [#109] web dev の利点に 編集上の改善を提供しました。
    @codewordcreative, @ryansholin, & @TzviyaSiegman
  • [#110] ホスティングの利点に 編集上の改善を提供しました。
    @codewordcreative, @susannah-hill, @ryansholin, & @TzviyaSiegman
  • [#112] & [#118] 壊れたリンクと リダイレクトを解決または削除しました。
    @AlexDawsonUK & @ldevernay
  • [#113] 事業の利点に 編集上の改善を提供しました。
    @codewordcreative, @timfrick, & @TzviyaSiegman
  • [#114], [#125], & [#132] 例に 編集上の改善を提供しました。
    @AlexDawsonUK, @codewordcreative, @the-sustainabledev, & @timfrick
  • [#118] & [#125] 壊れたリンクと リダイレクトを解決または削除しました。
    @AlexDawsonUK
  • [#120] 支援文書における normative の言語使用に関する問題を解決しました。
    @frivoal, @hidde, @tantek
  • [#121] & [#122] W3C Principle Notes、Manual of Style、QA Framework と整合しました。
    @AlexDawsonUK, @codewordcreative, & @hidde
  • [#122] すべての文書を 必須の pubRules 要件に整合させました。
    @AlexDawsonUK
  • [#125] 印刷スタイルシートに 関連する軽微なバグを修正しました。
    @AlexDawsonUK
2025年第2四半期リリースノート(2025年6月30日)

追加:

  • [#6] 持続可能性リンクの リポジトリとなる新しいリソース補足
    @AlexDawsonUK
  • [#14], [#58], [#67], & [#68] (全体文書モード向けの) data-attributes を使用する ガイドラインフィルターが利用可能になりました。
    @airbr, @AlexDawsonUK, @ldevernay, @timfrick, & @TzviyaSiegman
  • [#41] 生きた変更履歴セクションが WSG に追加されました(Github releases は継続します)。
    @AlexDawsonUK & @TzviyaSiegman
  • [#53] ドメイン名の影響に関する 範囲を提供する、4.1 の 新しい達成基準。
    @codewordcreative & @exortech
  • [#68] アクセシビリティ、国際化、 プライバシー、セキュリティの相互参照を備えた新しい考慮事項セクション。
    @AlexDawsonUK & @TzviyaSiegman

更新:

  • [#30] & [#55] 以前のアクセシビリティ ガイドライン 3.5 は削除されました。有用な素材は 2.29 の SC に統合されました。
    @airbr, @andreadavanzo, & @hidde
  • [#45] 3.11 の達成基準を、 より適切な構造化データの使用を反映するよう更新しました。
    @hidde
  • [#51] 3.5 の達成基準を、CSS 方法論の命名を避けるよう更新しました。
    @airbr & @andreadavanzo
  • [#52] & [#67] 成果物を更新し、 大文字小文字の使用とインタラクティブ要素の一貫性を確保しました。
    @AlexDawsonUK
  • [#56] カテゴリー導入部は、 より多くの素材(小見出し、目標、利点)を含むよう書き直されました。
    @AlexDawsonUK & @codewordcreative
  • [#67] & [#72] 仕様内に 追加の有用なリソースを含めました。
    @AlexDawsonUK
  • [#67] 新しいセクションと 補足文書をよりよく扱うため、導入部を更新しました。
    @AlexDawsonUK
  • [#67] タグは、 可読性を最大化するためアルファベット順に並べ替えられました。
    @AlexDawsonUK

修正:

  • [#41] 略語の使用を修正し、 仕様と成果物全体での整合性を確保しました。
    @AlexDawsonUK
  • [#41] STAR テストスイート内に存在していた、古くなった ウェブサイト参照をいくつか解決しました。
    @AlexDawsonUK
  • [#42] ボタンの左パディングと 全体文書更新を含む multiPage の問題を修正しました。
    @AlexDawsonUK
  • [#42] 用語集が、メインの WSG 文書ではなく、インデックスの一部として正しく表示されるようになりました。
    @AlexDawsonUK
  • [#42], [#43], & [#48] 文書に複数のスペルおよび 文法修正を適用しました。
    @AlexDawsonUK & @hidde
  • [#50] 特定のファイルへの参照を、 完全なファイル名を併記することで修正しました。
    @airbr
  • [#59] & [#80] 壊れたリンクとリダイレクトを 解決または削除しました。
    @AlexDawsonUK
  • [#60] & [#68] パフォーマンスを改善するため、 ソースコード内の廃止された CSS と JavaScript を削除しました。
    @AlexDawsonUK
  • [#60] 新規および更新された 達成基準の素材を反映するため、タグの一部を更新しました。
    @AlexDawsonUK
  • [#67] 内容品質を改善するため、 さらに全体的な文法修正を適用しました。
    @codewordcreative
  • [#67] 達成基準は、 テスト可能性などの外部リソースを含まない正確な識別子を持つようになりました。
    @AlexDawsonUK
  • [#73] Firefox のページ内検索が multiPage の問題を受ける原因となっていた問題を修正しました。
    @TzviyaSiegman
  • [#80] multi-page view での検索が 正しく機能しない問題を修正しました。
    @dontcallmedom
  • [#82] フィルタリングを引き起こしていた いくつかの想定外の全体文書ページ内検索問題を修正しました。
    @AlexDawsonUK
2025年第1四半期リリースノート(2025年3月31日)

追加:

  • IGWSG readme の読みやすいバージョンのために、 Jekyll 設定が提供されました。
    @AlexDawsonUK
  • W3C 仕様向けに ReSpec の multiPage プラグイン が作成されたため、WSG にページネーションが追加されました。
    @AlexDawsonUK, @hidde, @kazuhito-kidachi, & @TzviyaSiegman
  • 新しい IG readmeWSG readmecontributing および IE policy を、 新しい W3C ステータスを反映するよう追加しました。
    @AlexDawsonUK, @ines-akrap, @mgifford, @timfrick, & @TzviyaSiegman
  • 持続可能なブランド開発とアセット管理に関する、2.4 の新しい達成基準。
    @codewordcreative
  • 有益である可能性のある Energy-relevant API に関する、 3.14 の 新しい達成基準。
    @AlexDawsonUK
  • スクレイピング技術を扱う自動化ツールに関する、5.22 の 新しい達成基準。
    @codewordcreative
  • STAR JSON API が、技法とテストスイート URL とともに公開されました。
    @AlexDawsonUK & @mgifford
  • [#15] 他の仕様 (および団体)との関係性に関する 新しい導入セクションを含めました。
    @AlexDawsonUK & @TzviyaSiegman
  • [#17] 冗長な処理を扱う Data processing efficiency に関する、4.9 の新しい達成基準。
    @jyasskin

更新:

  • インタラクションの可視性を高めるため、追加情報セクションを再設計しました。
    @AlexDawsonUK
  • 仕様内に追加の有用なリソースを含めました。
    @AlexDawsonUK
  • ガイドラインのタイトルは、実行可能な SC をより説明するよう拡張されました。
    @AlexDawsonUK & @torgo
  • Laws & Policies 文書には、参照と修正を含む追加の法律が含まれています。
    @AlexDawsonUK
  • ガイドライン 2.17 の 達成基準には、アニメーション反復への言及が含まれるようになりました。
    @codewordcreative
  • ガイドライン 4.9 の 達成基準には、改善されたプロトコル使用互換性が含まれるようになりました。
    @ldevernay & @mgifford
  • ガイドライン 4.2 を、クライアント側とサーバー側の両方をより包摂するよう更新しました。
    @ldevernay & @mgifford
  • WSG は、 CG から W3C IG リポジトリへの移行に成功しました。
    @AlexDawsonUK
  • [#4] 曖昧な表現を削除するため、 ガイドライン 2.16 の SC などを更新しました。
    @timfrick
  • [#14] ガイドラインの説明は Intent としてラベル付けし直され、一時的に追加情報へ移動されました。
    @AlexDawsonUK
  • [#16] 旧ガイドライン 3.18-19 は単一のガイドラインに統合されました。
    @andreadavanzo
  • [#20] & [#24] 基準の堅牢性を改善するため、 ガイドライン 3.7 の SC を更新しました。
    @andreadavanzo & @hidde
  • [#21] ガイドライン 3.19 の 2つの達成基準は、単一の SC に統合されました。
    @andreadavanzo & @hidde
  • [#23] ガイドライン 5.20 の2つの達成基準が統合されました。
    @andreadavanzo
  • [#27] ガイドライン 3.2 の達成基準に、データ型に関する詳細が追加されました。
    @andreadavanzo
  • [#28] ガイドライン 3.3 の達成基準に、モジュール化されたフロントエンドおよびバックエンドコードが含まれるようになりました。
    @andreadavanzo
  • [#32] ガイドライン 3.7 の達成基準が、より広範に定義されました。
    @fullo, @hidde, & @kazuhito-kidachi
  • [#35] ガイドライン 3.19 の 達成基準に、現代的なブラウザーでポリフィルを避けることが含まれるようになりました。
    @AlexDawsonUK

修正:

  • 壊れたリンクとリダイレクトを解決または削除しました。
    @AlexDawsonUK
  • グループステータスが CG Draft から W3C Editors Draft に変更されました。
    @AlexDawsonUK
  • 可読性を改善するため、ガイドライン見出しが文頭のみ大文字の形式になりました。
    @AlexDawsonUK
  • 表内で欠落していたテストスイート参照が解決されました。
    @AlexDawsonUK
  • SustyWeb への参照を IG に変更しました(URL も一致するよう更新)。
    @AlexDawsonUK
  • 引用規約が誤っていたいくつかの問題を解決しました。
    @AlexDawsonUK
  • SustyWeb Community のリンクと仕様に superseded notice が追加されました。
    @AlexDawsonUK, @ianbjacobs, & @TzviyaSiegman
  • Living document ステータスに合わせるため、バージョニング参照を削除しました。
    @AlexDawsonUK
  • [#26] 内部参照が 誤った素材を指していたいくつかの問題を解決しました。
    @airbr
  • [#31] 複数のスペルおよび 文法修正を適用しました。
    @AlexDawsonUK, @codewordcreative, & @hidde

新しいバグを見つけた場合、または含めるべき新しい内容やアイデアがある場合は、課題を提出してください

E. 参考文献

E.1 参考情報の参考文献

[COMMS]
2010年から2021年の間、デジタル技術からの 世界的排出は、温室効果ガス排出会計標準の中で大きく見えにくくされていた. Janna Axenbeck, Stefanie Kunkel, Joris Blain, and Francis Charpentier. 2026年1月28日. 参考情報. URL: https://www.nature.com/articles/s44458-025-00022-6
[design-principles]
ウェブプラットフォーム設計原則. Martin Thomson; Jeffrey Yasskin. W3C. 2026年2月24日. W3C Working Group Note. URL: https://www.w3.org/TR/design-principles/
[ethical-web-principles]
倫理的ウェブ原則. Daniel Appelquist; Hadley Beeman; Amy Guy. W3C. 2024年12月12日. STMT. URL: https://www.w3.org/TR/ethical-web-principles/
[fingerprinting-guidance]
ウェブ仕様におけるブラウザーフィンガープリンティングの 軽減. Nick Doty; Tom Ritter. W3C. 2025年9月25日. W3C Working Group Note. URL: https://www.w3.org/TR/fingerprinting-guidance/
[GRI]
Global Reporting Initiative. Global Reporting Initiative. 2022年6月30日. 参考情報. URL: https://www.globalreporting.org/
[HR-Spec]
ウェブにおける 人権と技術標準設定. Nick Doty, Alissa Cooper, and Wendy Seltzer. 2023年3月10日. 参考情報. URL: https://cdt.org/wp-content/uploads/2023/03/human-rights-web-standards.html
[ICT-IMPACT]
ICT の実際の気候影響と 変革的影響: 推定、傾向、規制への批判. Charlotte Freitag, Mike Berners-Lee, Kelly Widdicks, Bran Knowles, Gordon S. Blair, and Adrian Friday. 2021年9月10日. 参考情報. URL: https://www.cell.com/patterns/pdfExtended/S2666-3899(21)00188-4
[MANIFESTO]
Sustainable Web Manifesto. Wholegrain Digital. 参考情報. URL: https://www.sustainablewebmanifesto.com/
[privacy-principles]
プライバシー原則. Robin Berjon; Jeffrey Yasskin. W3C. 2025年5月15日. STMT. URL: https://www.w3.org/TR/privacy-principles/
[SHIFT]
Lean ICT: デジタル 節度へ向けて. The Shift Project. 2019年3月9日. 参考情報. URL: https://theshiftproject.org/en/publications/lean-ict/
[VARIABLES]
ウェブ 持続可能性の変数. Alexander Dawson. 2023年1月22日. 参考情報. URL: https://websitesustainability.com/cache/files/variables.pdf
[WCAG]
Web Content Accessibility Guidelines (WCAG) 2.2. Michael Cooper; Andrew Kirkpatrick; Alastair Campbell; Rachael Bradley Montgomery; Charles Adams. W3C. 2024年12月12日. W3C Recommendation. URL: https://www.w3.org/TR/WCAG22/
[webmachinelearning-ethics]
ウェブ機械学習のための倫理原則. Anssi Kostiainen. W3C. 2024年1月8日. DNOTE. URL: https://www.w3.org/TR/webmachinelearning-ethics/