Copyright © 2026 World Wide Web Consortium. W3C® liability, trademark and permissive document license rules apply.
ウェブ持続可能性ガイドライン(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 プロセス文書に準拠します。
導入の平易な言葉による要約:
WSGは、ウェブ持続可能性を 次のように定義します:
可能な限りクリーンで、効率的で、オープンで、誠実で、再生的で レジリエントなウェブにつながる、デジタル製品とサービスを設計、開発、運用するためのアプローチ。 [MANIFESTO]
ウェブ持続可能性は、害を減らすことにとどまりません。生態系を回復し、 コミュニティが繁栄できるよう支援することでもあります。ウェブは問題の一部であると同時に、 解決策の触媒にもなり得ます。
WSGは、より倫理的で、人間的で、包摂的なウェブを育むことを目指します。このガイドラインは、 持続可能な開発に不可欠なものとして、システム思考、横断性、部門横断的な協働を 強調します。
WSGは、その定義に含まれる主要な用語を 次のように理解します:
- クリーン: 低炭素または再生可能エネルギーを用いてホストされていること;
- 効率的: 可能な限り少ないリソースを使用すること;
- オープン: 透明で、アクセス可能で、ユーザーが制御できること;
- 誠実: 操作、搾取、または欺瞞的なパターンを避けること;
- 再生的: コミュニティと生態系を支援すること;
- レジリエント: 変化する状況下で持続し適応できるよう設計されていること。
これは、ウェブ持続可能性の既存の柱に基づいています:
- 地球: 健全な生態系を保護し促進すること。
- 人々: 個人、コミュニティ、そして社会全体を守ること。
- 繁栄: 優れたガバナンス、レジリエンス、共有された公平性に根ざした実践に従うこと。
Web Sustainability Guidelines(WSG)は、 地球、人々、そして繁栄のために、ウェブ製品とサービスをより持続可能にする方法を探求します。 ウェブ持続可能性は、厳密な環境上の懸念だけにとどまるものではありません。 アクセシビリティ、国際化、プライバシー、セキュリティなどの要因が プロジェクトの長期的な存続可能性に影響するためです。これらの原則は、ウェブ持続可能性を追求する際にも 妥協なく常に守られるべきです。
デジタルサービスは、複雑な環境・社会・経済システムの中で機能します。そのため、Webの サステナビリティには、ある領域で行われた意思決定が他の領域の成果にどのように 影響するかを理解するためのシステム思考のアプローチが必要です。これには、異なる部門の 専門知識を結集する部門横断的な協働が必要です。これらの相互依存関係を考慮することで、意図しない 結果を避け、機会を見出すことができます。
これらのガイドラインは複数の領域にわたってウェブ持続可能性を促進しますが、考え得る すべての環境改善、方法、戦略を網羅するものではありません。ウェブ持続可能性は 進化中の分野であり、研究や確立されたベストプラクティスに空白が存在する可能性があります。常に、 文脈により適した追加のアプローチを探求してください。
WSGはウェブ技術に焦点を当てますが、 ウェブが私たちの行うほとんどすべてのことにつながっているのと同様に、WSGは、 デジタルサービスやウェブとの関係が一見すると薄く見える場合でも、ウェブ持続可能性に影響を与える あまり明白でない詳細も検討します。組織は、目標設定、報告、規制への準拠を確保する際に、 これらのより広範な影響を考慮すべきです。
WSGは、開発者、デザイナー、政策立案者などを含む 多様な読者を対象として設計されています。さまざまなニーズに対応するため、 複数の指針レイヤーを提供します。
これらのレイヤーは合わせて、他のW3Cガイドラインに似た構造化されたアプローチを提供し、実装者がより 持続可能なプロジェクトを作成する助けになります。ガイドラインはウェブ持続可能性の目標を説明し、達成基準は測定可能な 期待事項を定義し、追加情報は実装を支援する文脈と例を提供します。
Web Sustainability Guidelines(WSG)は、 デジタルサービスとウェブに関わる異なる役割を反映した4つのカテゴリーに整理されています。読者は すべてのセクションを確認すべきです。たとえ自分の想定される 責任に名目上関連しないセクションであっても同様です。これは、一部の達成基準が割り当てられた カテゴリーの外にも関連性を持つため重要です。WSGは包括的ですが、これらのガイドラインの範囲外にも ウェブ持続可能性の改善が存在します。
この対話的な仕様では、関心に応じて達成基準をフィルターできます。関係に 列挙されている標準はフィルターとして利用可能であり、リソース文書で 相互参照されています。
WSGは、自動化ツールと人間による評価を通じて テスト可能であるよう設計されています。幅広いウェブ技術に適用され、 世界中の専門家からの意見をもとに開発されました。
WSGは、データに基づく 意思決定を重視します。達成基準は証拠とベストプラクティスに裏付けられており、 補足資料はリソース文書で利用できます。
デジタルサービスに関連する環境影響は、エネルギー消費と 温室効果ガス(GHG)排出を超えて広がります。材料の使用、 電子廃棄物、水消費、デジタルインフラに関連する化学汚染も、 データと方法論が利用可能な場合には考慮されるべきです [VARIABLES]。
ウェブ持続可能性の改善にはトレードオフが伴う場合があります。たとえば、 水使用を減らす行動がエネルギー需要を増加させる可能性があり、パフォーマンス最適化が アクセシビリティやデバイス互換性に影響を与える可能性もあります。実装者は、一つの領域での改善が 別の領域で意図しない害を引き起こさないよう、潜在的なトレードオフを慎重に評価すべきです。
Web Sustainability Guidelines(WSG)の影響測定リソースは、 人々、地球、繁栄という3つのカテゴリーにわたってWSGガイドラインの影響を評価するための枠組みを 定義しています。各ガイドラインには、影響評価(不確定、低、中、高)と、 その影響が観測されると予想される時期を示す時間枠(短期、中期、長期)が割り当てられています。
これらの入力は、各ガイドラインの影響スコアを計算するために使用されます。このスコアは、組織が ガイドラインを比較し、相対的な影響と時間枠に基づいて行動の優先順位を付けるのに役立ちます。より高いスコアは、 より短い時間枠で達成されるより高い影響を示します。結果として得られるスコアは リソースに含まれています。
定量的な測定が不可能な場合、評価は利用可能な研究と専門家の 意見に基づきます。各ガイドラインには、その評価と時間枠の根拠が含まれ、必要に応じて、 評価を支援するための推奨指標も含まれます。
Web Sustainability Guidelines は複数の実装主体に依存しています:
それらの影響の例には、レンダリング性能や、開発者ツールを通じたエネルギー使用量の正確な測定が含まれます。 オーサリングツールも、効率的なコードを生成し、無駄を減らし、可能な限り持続可能な方法で結果を提供することで、 ウェブ持続可能性を支援します。
WSGの洞察を提供するツールまたはユーザーエージェントは、 フィンガープリンティングのリスクを避けなければなりません。たとえば、 一意の識別子、スコア、またはパターンによってユーザーを追跡することです。エネルギー指標は、 個々のユーザーを識別しないよう集約されるべきです。
これに加えて、ウェブ持続可能性にはすべての役割にわたる推進者が必要です:
持続可能性は共有された責任です。さまざまな推進者は、自身の専門性と文脈に応じて、 異なるガイドラインを主導、支援、または提唱することがあります。
研究、技術、ウェブ持続可能性の実践が進化するにつれて、WSGは継続的に更新されます。GitHub から貢献して、 指針が現在の知識と実践的な実装経験を反映し続けるよう支援してください。
このセクションでは、WSGへの適合に関する要件を定義します。これには、任意の適合主張と グリーンウォッシングを避けるための指針が含まれます。
WSGへの適合は、部分的であれ完全であれ、 特定のWSG基準のセットが 満たされていることを意味します。WSGへの適合は、 達成基準、ガイドライン、セクション(役割ベース)、または仕様全体について 確立できます。
デジタル製品またはサービスは、その達成基準に含まれる要件を満たす場合、 特定の達成基準に適合します。
デジタル製品またはサービスは、そのガイドライン内のすべての達成基準を満たす場合、 個別のガイドラインに適合します。達成基準が適用できない場合、それは そのガイドラインの適合性に影響しません。
達成基準が適用できない場合があります。たとえば、動画 コンテンツに関連する達成基準で、評価対象の製品またはサービスに動画が含まれていない場合などです。
セクションレベル(役割ベース)の適合は、1つの セクション内のすべてのガイドラインに適合することで達成できます。たとえば、Web Development セクション内のすべてのガイドラインが満たされている場合、そのウェブサイトまたは 組織は、そのセクションについて部分的に適合していると見なされます。
これらは次のように呼ばれます:
デジタル製品またはサービスは、すべてのガイドラインにわたるすべての達成基準を満たす場合、 WSGに完全に適合します。
すべての製品またはサービスで完全適合を達成できるとは限りません。これらのガイドラインを実装し遵守する際には、 完璧よりも実用主義と進歩を最重要視すべきです。
適合主張は任意です。行う場合、それらは 次を含まなければなりません:
実装者は、主張を行うことなく WSGに適合できます。
適合主張自体に加えて、次を含めると有用です:
持続可能性声明に主張と補足証拠を記録することは、 削減目標、内部スコープ会計、または規制への準拠を示す助けになります。
これらのガイドラインを使用することで、組織は環境および持続可能性の実践に関連する既存および新興の法律、政策、 報告制度との整合性をより高めることができます。これらは完全な準拠を 保証するものではなく、適用される法的および規制上の 要件と併せて適用されるべきです。
グリーンウォッシングとは、企業またはその他の主体が実際よりも多く環境保護に取り組んでいると 一般の人々に信じさせるよう誤解を招くことです。虚偽の主張は、他の分野においてユーザーに害を及ぼす可能性があると認識されています。 持続可能性においては、この脅威ベクトルから生じる害は、製品やサービスの ユーザーだけでなく、より広い生態系と社会にも影響を与える可能性があります。
これを避けるには:
WSGが基づくガイドラインと標準は、 常に変化しています。「リビング」または「エバーグリーン」標準と呼ばれるものの中には、頻繁に更新され、 この文書の関連性にすばやく影響を与える可能性があるものがあります。他のものは更新頻度が低いため、変更が 新しいバージョンが出るまでWSGに影響しない場合があります。
このため、WSGを使用する人は、新しい研究やデータに基づく ベストプラクティスの更新を定期的に確認すべきです。また、 最新の指針に準拠し続けるために、自分たちのツールが最新であることも確認すべきです。
WSGの指針が他の文書の指針と 衝突する場合、まず代替解決策がウェブ持続可能性と 準拠義務の両方を満たせるかどうかを確認してください。衝突が残る場合は、リスクを評価します。法律などの より上位の権限によってWSGが上書きされない限り、 持続可能性リスクの低い推奨事項に従ってください。
WSG仕様は、安定した参照可能な 基盤を提供します。補足文書は、実装指針、方法論、および 新しい技術に取り組むための戦略によって、それを拡張します。補足文書には次が含まれます:
詳しくは、W3C Sustainable Web Interest Group の GitHub にある、 WSGに関連する教育リソースについてのページを参照してください。 ツールなどのその他のリソースは、必要に応じて参照される場合があります。
ユーザー向けに設計されたコンテンツやシステムを作成しているなら、意識しているかどうかにかかわらず、あなたは ユーザー体験(UX)に取り組んでいます。
ユーザー体験設計は、プロジェクトを長期にわたって使いやすく、効率的で、信頼できるものに保つことで、 不必要な反復やリソース使用を減らし、持続可能性に貢献します。使いにくい場合、多くの場合、より多くの サポート、再試行が必要となり、必要以上に早く放棄されたり置き換えられたりする可能性があります。これは寿命を短くし、 再設計や再開発への需要を増やします。この影響は、ユーザー全体および時間の経過とともに蓄積します。
目標には次が含まれます:
利点には次が含まれます:
ユーザー体験設計の平易な言葉による要約:
デジタルプロジェクトが地球・人々・繁栄に与える影響を評価・報告し、その活動が 現実世界にもたらす影響について測定可能な削減を計画します。
プロジェクトの開始時および定期的な間隔で、地球・人々・繁栄への影響を見直します。 特定した主な問題、改善が必要な箇所、および達成した進捗を記録します。これらの調査結果を、 一般に公開するガバナンス文書およびプロジェクト報告に反映します。
プロジェクトに関連するデジタル活動がもたらす、非デジタルの環境的・社会的影響を 削減するための計画を作成します。物流および配送による排出、インフラの排出、 地域の健康への影響、ならびにサプライチェーンへの圧力による影響を含めます。 測定可能な行動を用いて、外部における地球・人々・繁栄の成果を改善します。
タグ
アクセシビリティ、互換性、ハードウェア、アイデア創出、ネットワーキング、パフォーマンス、プライバシー、 レポート、調査、社会的公平性、ソフトウェア
ユーザーおよび影響を受けるコミュニティを特定して関与させ、そのニーズを調査します。
プロジェクトの主要ユーザー、副次的ユーザー、および影響を受けるコミュニティを特定します。調査、 テスト、分析、レビューを用いて、それらのニーズとプロジェクトがそれらに与える影響を理解します。 プロジェクト全体を通じてユーザーを関与させます。
タグ
Accessibility, Compatibility, Ideation, Patterns, Reporting, KPIs, Privacy, Research, Social Equity, UI, Usability
持続可能なブランディングと体験を設計およびレビューし、プロセス全体を通じてユーザーを関与させ、 早期テストと環境を意識した設計によって、不必要な開発と環境影響を減らします。
承認済みのブランディング素材とアセットを、公開前に組織の持続可能性要件を満たすよう最適化し、 公開後も定期的にレビューします。ブランドガイドラインが存在する場合は、素材とアセットの環境影響に関する情報と、 持続可能な制作、使用、廃棄のための指針を含めます。
ワイヤーフレームと迅速なプロトタイプを用いて、アイデアを早期にテストし、合意をすばやく形成し、リスクを減らし、 不必要な開発作業とリソース使用を避けます。
設計プロセス全体を通じて参加型設計の手法を用います。テストと反復にユーザーを関与させ、 コミュニティが知識と経験を共有して製品またはサービスを改善する機会を提供します。
アイデア創出段階で、地球のニーズと環境上の限界に対処します。これには、 動物や地球に焦点を当てた視点など、非ユーザー、非人間のペルソナを作成することや、 気候に特化したユーザーストーリーやスプリントを開発することが含まれます。
タグ
Accessibility, Ideation, KPIs, Research, Social Equity, Software, Strategy, UI
ユーザーが最小限の労力でタスクを完了し、コンテンツを見つけられるよう支援する、 明確で効率的なジャーニーを設計します。
タスクをシンプルかつ効率的に完了できるようにします。タスクの開始時に必要なことをユーザーが理解できるようにし、 不必要な選択肢を減らし、ジャーニーにかかる見込み時間を示します。
明確で効率的なユーザージャーニーを設計します。人々がすでに理解している確立されたデザインパターンを使用します。
特に、ナビゲーションが単純でない大規模、複雑、またはレガシーなウェブサイトでは、 人間が読めるサイトマップを提供します。定期的に更新された状態を保ちます。ユーザーが必要なコンテンツやサービスをすばやく見つけられるよう、 明確でアクセシブルなナビゲーションと検索機能を提供します。ニュースページ、更新情報、変更履歴を含め、 ユーザーが新しいコンテンツやサービスを発見できるようにする軽量で効率的な方法を使用します。
タグ
Accessibility, Content, HTML, Marketing, Patterns, Performance, Privacy, Social Equity, UI, Usability
通知と集中に対する制御をユーザーに与え、タスクに関連するコンテンツを優先し、 注意をそらしたり不要にエンゲージメントを延ばしたりする設計を避けます。
ユーザーの注意、集中、精神的負荷を尊重しながら、情報をいつ、どのように受け取るかを ユーザーが制御できるようにします。
ユーザーの現在のタスクに関連する情報を表示し、不必要な中断や競合するインターフェイス要素を避けます。 すぐには必要でない情報は遅延または折りたたみますが、見つけやすい状態を保ちます。 ポップアップ、モーダルウィンドウ、その他の妨害的なインターフェイス要素は、ユーザーが開くことを選んだ場合にのみ表示します。 装飾的なデザインはユーザー体験を改善する場合にのみ使用し、任意のアセットは削除可能にするか、既定でオフにします。 アクセシビリティ、安全性、またはさまざまなユーザーニーズにとって重要な可能性のある情報や機能を削除してはなりません。
無限スクロールや標準のブラウザー操作およびナビゲーション機能を無効にすることなど、 必要以上に長くユーザーを関与させるデザインパターンを避けます。
タグ
Accessibility, Assets, Content, Patterns, Performance, Privacy, Social Equity, UI, Usability
欺瞞的なパターンを避け、広告を明確にラベル付けし、トラッキングへの同意を尊重し、 検索、共有、発見可能性に関する実践が、最適化や操作よりもユーザーのニーズを優先するよう確保します。
ユーザーに圧力をかけたり誤解させたりする欺瞞的なデザインパターンを避けます。これには、 おとり商法、隠れた手数料、または偽の希少性などの慣行が含まれます。
広告およびスポンサー付きコンテンツを明確にラベル付けします。ユーザーが体験を制御できるようにしながら、 軽量で最小限の妨害にとどめた方法で広告を配信します。
不必要な分析とトラッキングを削除し、トラッキング分析に対するユーザーの同意を尊重します。
操作ではなくユーザーのニーズを支援する方法で、検索とソーシャル共有に向けてコンテンツを最適化します。 検索順位に影響を与えることだけを目的として、アクセシビリティ機能を誤用したり、低品質なコンテンツを作成したり、 不必要な重複を追加したりしてはなりません。
タグ
Accessibility, Assets, Compatibility, JavaScript, JavaScript, Patterns, Privacy, Security, Social Equity, UI, Usability
長期的な理解、再利用、持続可能性を支援する、発見可能で保守しやすく再利用可能な 文書化およびコードリソースを作成します。
重複作業を減らし、長期的な持続可能性を支援するため、文書やその他の成果物を再利用可能な形式で作成します。
機能と技術要件を、明確で保守しやすいリソースに文書化します。時間の経過とともに 文書を更新し、古くなった情報を置き換えたり廃止したりするための指針を提供します。
開発者がコードを容易に理解、保守、再利用できるよう、ソースコードとコードコメントへのアクセスを提供します。
タグ
Accessibility, Assets, Content, Education, Patterns, Software
再利用可能なコンポーネントと明確な保守慣行を通じて、一貫性があり、効率的で、 持続可能なインターフェイスを確保するため、デザインシステムと確立されたパターンを使用します。
大規模なプロジェクト、または多くの貢献者が関わるプロジェクトでは、一貫性、 パフォーマンス、長期的な持続可能性を改善するためにデザインシステムを使用します。ウェブ標準に基づく再利用可能なコンポーネントを使用し、 各ページまたは機能に必要なコンポーネントのみを読み込み、明確な所有権、 バージョニング、更新された文書によってシステムを保守します。確立されたデザインパターンと慣例に従います。
タグ
Accessibility, Assets, CSS, Education, Patterns, Strategy, UI, Usability
ユーザーのニーズを支援する場合にのみメディアを含めます。メディアを効率的に 管理、最適化、読み込みます。ユーザーが再生とデータ使用を制御できるようにします。
ユーザー体験を支援する、または理解を改善する場合にのみメディアを含め、メディア項目の数を最小限に保ちます。
さまざまな画面サイズ、デバイス、ユーザーニーズに合わせて、メディアのサイズ変更、最適化、圧縮を行います。 可能な場合はネイティブ再生を可能にする、広くサポートされた効率的な形式を使用します。不必要なカスタムまたは 非ネイティブのメディアプレーヤーを避けます。利用可能でセキュリティ要件と互換性がある場合は、 ハードウェアアクセラレーションによる再生を使用します。
すぐに必要なメディア要素と、ユーザー操作時にのみ読み込むべきメディア要素を特定することで、 最初から遅延読み込みまたは延期読み込みを組み込みます。大きなメディアやデータ集約的なメディアは、 ユーザーの要求または操作まで読み込みを延期するため、非機能的な静的ファサードまたはプレースホルダーを使用して、 必要な場合にのみ読み込みます。
音声、動画、その他のメディアの自動再生は既定で無効にします。ユーザーが再生と 解像度を制御できるようにします。メディアの長さ、形式、予想されるデータ使用量についてユーザーに知らせます。 データ集約的なメディアを無効にする選択肢、または低帯域幅の代替手段を提供します。
メディア管理および使用ポリシーを作成します。圧縮、レンダリング性能、 ファイル形式、データ保持、保存、レビュー、削除に関する指針を含めます。
例
<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
理解を支援する場合にのみ、アニメーションを控えめかつ効率的に使用し、 パフォーマンスへの影響を制限しながら、ユーザーが動きを制御できるようにします。
アニメーションは、ユーザー体験を支援する場合、またはユーザーがコンテンツや操作を理解する助けになる場合にのみ使用します。
注意散漫を減らし、リソース使用を抑え、デバイス性能への影響を避けるため、アニメーションの数と頻度を制限します。 再生または反復の最大回数を設定します。
ユーザーがアニメーションおよび動くコンテンツを開始、一時停止、停止、または制御できるようにします。
インタラクティブでアニメーションを含むコンテンツを可能な限り軽量に保ちます。形式、長さ、複雑さ、寸法、品質、 ツール、実装アプローチを考慮して、レンダリングコストを削減します。複数のアプローチが利用可能な場合は、 ブラウザーまたはプラットフォームネイティブのアニメーション機能を選び、メインスレッドまたはレイアウト負荷の高い作業を 最小限にします。
例
@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
必要な言語と動的コンテンツをサポートしながら、ダウンロードと複雑さを最小限に抑える フォント戦略を使用します。
フォントのダウンロードを減らし、パフォーマンスを改善するため、システムフォントまたはその他のプリインストール済みフォントを使用します。
ダウンロードされるフォントの数と複雑さを制限します。可変フォントを使用する場合は、ファイルサイズを減らすため、 サポートする軸と範囲をプロジェクトに必要なものだけに制限します。利用可能な最も高性能な フォント形式を使用し、フォント読み込み中またはカスタムフォントを読み込めない場合でも可読性とパフォーマンスを維持するため、 適切なフォールバックフォントを提供します。
未使用のフォントスタイル、ウェイト、文字セットを削除します。プロジェクトで明示的にサポートする 言語、文字体系、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
ユーザーが要求した通知のみを送信し、設定、オプトイン、アカウント、連絡先設定を 管理するための明確でアクセシブルなコントロールを提供します。
ユーザーの設定に一致する通知、またはユーザーが明示的に要求した通知のみを送信します。 不必要なメール、(SMS)メッセージ、プッシュ 通知を避けます。各通知タイプについて、ユーザーに明確な制御を与えます。
ユーザーが通知およびメッセージ設定を容易に管理できるようにします。配信停止、ログアウト、アカウント閉鎖の オプションを見つけやすくアクセシブルにします。任意の通知は既定でオフにし、 ユーザーのオプトイン後にのみ有効にします。
タグ
JavaScript, Privacy, UI, Usability
デジタルファーストのワークフローによって紙の使用を削減し、アクセシブルな ダウンロード可能文書を最適化・再利用し、明確でユーザーが制御できる文書プレビューと形式を提供します。
紙の文書の必要性を削減するようにワークフローを設計します。紙の使用が必要な場合は、効率的な 印刷レイアウトと最小限のページ数によって紙の使用を削減します。印刷用スタイルシートを含め、 実際のコンテンツでテストします。紙による保存やアーカイブではなく、デジタル形式の使用を促します。
ダウンロード可能な文書を最適化・圧縮し、さまざまなユーザーニーズに適したアクセシブルな形式で 提供し、独自のファイル形式よりも、HTMLなどのオープンで広くサポートされている形式を選択します。
作業の重複を避けます。文書を再利用する場合は、効率的に再利用できるよう、サーバー上で一度だけ 生成して保存し、できればCookieを使用しないドメインに置きます。
ダウンロード前に、文書名、形式、サイズ、短い概要をユーザーに示します。ユーザーが最も適した 形式と言語を選べるようにします。文書をページに直接埋め込むことは避け、代わりに ダウンロード用またはブラウザー表示用のリンクを提供します。
タグ
アクセシビリティ、アセット、互換性、コンテンツ、電子廃棄物、ハードウェア、パフォーマンス、ソフトウェア、 UI、ユーザビリティ
ユーザーテストを通じてプロトタイプとインターフェイスコンポーネントを定義・検証し、 実際のユースケースや多様なユーザーニーズにおいて効果的に機能することを確保します。
新しい機能とインターフェイスコンポーネントのプロトタイピングおよびテストのために、明確な プロセスを作成します。代表的なユーザーとともに検証し、実世界の条件やさまざまなニーズに 対応して機能することを確保します。
タグ
アクセシビリティ、教育、ガバナンス、アイデア創出、調査、社会的公平性、戦略、UI、ユーザビリティ
プロジェクトの安定性を確保するため、シミュレーションと実世界の両方のシナリオで 定期的にテストを実行し、問題や不具合を定期的に監査します。
現在のユーザー体験を評価し、コードベースのバグを確認し、パフォーマンス上の問題を特定し、 毎月または四半期などの適切な定期的な間隔で、アクセシビリティ、サステナビリティ、 またはセキュリティの問題を考慮に入れます。
重要な機能を対象とする自動テストスイートを維持し、ビルドとリリースの際に一貫して実行して、 リグレッションを早期に検出します。
円滑で摩擦の少ないユーザージャーニーを促進するため、サステナビリティとパフォーマンスに 影響を及ぼす可能性のある基盤コードまたはインフラのボトルネックや問題を特定し、解決します。 シミュレーション指標と実世界の指標の両方を考慮します。適切なツールを用いるか、 調査および監査を通じて、すべてのリリースサイクルでパフォーマンスを監視します。
タグ
アクセシビリティ、互換性、KPI、 パフォーマンス、プライバシー、レポート、調査、セキュリティ、社会的公平性、ソフトウェア、戦略、 UI、ユーザビリティ
ユーザーフィードバックと実際の利用状況を監視して機能の有効性を評価し、 ユーザビリティテストとユーザー調査を用いて継続的な改善を導きます。
各機能について、ユーザーフィードバック、採用状況、チャーンを監視します。これらの知見を用いて、 更新と将来のリリースを導きます。
プロダクト開発全体を通じて、ユーザビリティテスト、実ユーザー指標、ユーザーインタビューを用います。 調査結果の影響を測定し、リリースされた機能がユーザーニーズと内部目標を満たしているかを確認します。
タグ
アクセシビリティ、教育、ガバナンス、アイデア創出、KPI、調査、社会的公平性、戦略、UI、ユーザビリティ
互換性を文書化し、不要な陳腐化を避け、デバイス、システム、ネットワーク条件を またいでテストします。
対応するデバイス、オペレーティングシステム、ブラウザーを、バージョン範囲を含めて文書化します。 現在のリリースを反映するために、定期的に見直し更新します。
計画的な陳腐化を避けます。合理的に可能な限り長く互換性を維持します。更新が、パフォーマンスに 影響する可能性のある大きな変更なのか、問題を修正したりセキュリティを改善したりする 小さな更新なのかを明確に説明します。
低速、制限付き、または不安定な接続、仮想プライベートネットワーク(VPN)の使用、 さまざまなオペレーティングシステムとブラウザー、古いデバイスまたは低性能デバイスを含む、 幅広いユーザー条件についてテストします。
タグ
アクセシビリティ、互換性、KPI、調査、 セキュリティ、社会的公平性、ソフトウェア、戦略、UI、 ユーザビリティ
フロントエンドおよびバックエンドにおける持続可能なウェブ設計と開発の実践は、多くの場合 ベストプラクティスと交差し、地球、人々、繁栄のそれぞれに多くの利点をもたらします。
フロントエンドおよびバックエンドのウェブ開発は、プロジェクトがリソースをどれだけ効率的に 使用するかを改善することで、より持続可能なウェブに貢献します。効率的なコードは不必要な処理とデータ転送を減らし、 大規模なサービスにおける環境影響を低減します。こうした改善は、プロジェクトをより高速で信頼性の高いものにし、 より長い期間にわたって利用可能かつ保守可能な状態を保つ助けにもなります。その結果、持続可能なウェブ開発は、 パフォーマンスとデジタル製品の長期的な存続可能性の両方を支援します。
目標には次が含まれます:
利点には次が含まれます:
ウェブ開発の平易な言葉による要約:
パフォーマンスと環境目標を定義し、相対的なエネルギーおよび処理コストを 意識してコンテンツを設計します。
リクエスト数、レンダリングされる要素数、その他の測定可能なリソース使用量の上限を含め、 プロジェクトの明確なパフォーマンス目標と環境目標を設定します。
コンポーネント間のエネルギー使用量の測定可能な差異に注意を払い、影響の少ない設計上の選択を 優先します。複雑な構造、スタイル設定、スクリプト駆動の体験は、グラフィックの多い表示や メディアリッチなレンダリングとともに、レンダリングの計算複雑性を高めます。より負荷の高い アプローチは、それらが明確な価値を加える場合にのみ使用します。
タグ
KPI、ネットワーキング、パフォーマンス、調査、 社会的公平性、戦略
ファイルサイズを削減し、読み込み効率と保守性を向上させるため、コードとデータを 最小化し、未使用の文字を削除します。
不要な空白、コメント、必須ではない文字を削除して、コードとデータファイルを最小化します。 システム全体でこれを一貫して適用し、ファイルサイズを削減して読み込み効率を改善します。 これは、大規模な累積データ転送と処理オーバーヘッドの削減に役立ち、リソース効率を高め、 エネルギー消費を低減します。
特に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、パフォーマンス
大きなコンポーネントを、必要時に読み込まれる小さなモジュールに分割し、保守性と キャッシュ性能のバランスを取りながら読み込み効率を改善します。
大きな、または帯域幅を多く使うコンポーネントを、必要なときにのみ読み込まれる小さなモジュールに 分割します。過度な分割は、オーバーヘッドを増やし、キャッシュ効率を低下させ、コードの保守を 難しくする可能性があるため避けます。
例
link.addEventListener("click", (e) => {
e.preventDefault();
import("/modules/my-module.js")
.then((module) => {
/* Do something */
})
.catch((err) => {
console.error(err.message);
});
});
タグ
CSS、JavaScript、パフォーマンス
リファクタリングと再利用によってコードの重複を減らし、保守性を確保し、 作り直すよりも既存の解決策を発展させることを優先します。
構造を改善し、繰り返されるロジックを統合し、再利用を促すことで、コードをリファクタリングして 重複と冗長性を減らします。
ユーザー向けの解決策をゼロから作り直すよりも、既存のものを改善・拡張することを優先します。 既存の解決策を置き換えるのは、ユーザー体験、パフォーマンス、スケーラビリティ、 または保守性に明確な利点がある場合のみにします。
保守性を改善する場合は、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、パターン、 パフォーマンス
軽量でユーザーが制御でき、必要なときにのみ読み込まれる統合を使用することで、 サードパーティサービスを最小限に抑え、慎重に管理します。
プラグイン、ウィジェット、フィード、地図、カルーセル、トラッキングスクリプト、および類似の コンポーネントを含め、設計またはアイデア創出プロセスの早い段階でサードパーティのコンテンツ および/またはサービスを見直します。全体的な環境影響を削減するため、できるだけ少なく使用し、 軽量な選択肢を優先します。これにはGHGプロトコルのスコープ3排出量も含まれます。サードパーティ提供者が、 ファーストパーティと同じコンプライアンス、セキュリティ、プライバシー、データ保持制限、 データ削除ポリシー、および必須のセキュリティ更新基準を適用するようにします。
サードパーティコンテンツは、ユーザーがそれとやり取りしたときにのみ読み込みます。ウィジェットを 埋め込む代わりにフォームへリンクするなど、単純な代替手段を提供します。
実用的な場合は、コンテンツ、アイコン、フォント、スクリプト、ウィジェットなどのアセットを、 ストレージや配信のためにサードパーティサービスに埋め込んだり依存したりするのではなく、 自分が制御するインフラから提供します。これにより外部システムへの依存が減り、信頼性が向上し、 不要なネットワークリクエストを削減できる場合があります。
サードパーティのコンテンツとサービスに関するユーザー設定を尊重します。必須ではない サードパーティ機能を無効化またはオプトアウトするための明確なコントロールを提供します。
例
<iframe src="https://example.com" loading="lazy" width="600" height="400"></iframe>
タグ
アクセシビリティ、JavaScript、パフォーマンス、プライバシー、セキュリティ、ソフトウェア、UI、ユーザビリティ
標準に準拠した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、セキュリティ、社会的公平性、ユーザビリティ
レンダリング性能を改善し、視覚的な問題を避けるため、必須ではないアセットを 非同期または優先度付けによって読み込みます。
必須ではない外部アセットを非同期で読み込むか遅延させ、Flash Of Unstyled Content(FOUC)、 Flash of Invisible Text(FOIT)、またはFlash of Faux Text(FOFT)などのレンダリング上の問題を避けます。
複数のアセットが帯域幅やレンダリング順序を競合する場合に、読み込み性能を改善するため、 リソースヒントと優先度ヒントを使用します。
例
<link rel="prefetch" href="/articles/" as="document">
タグ
アクセシビリティ、アセット、CSS、JavaScript、 パフォーマンス
ユーザビリティ、アクセシビリティ、機械可読性を改善するため、不可欠な文書メタデータと 構造化データを含めます。
必須の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、マーケティング、ユーザビリティ
色、動き、コントラスト、データ使用量、および関連設定について、メディアクエリで ユーザー設定を支援し、アクセシビリティと効率を改善します。
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 */
}
タグ
アクセシビリティ、アセット、CSS、UI、ユーザビリティ
レスポンシブ、プログレッシブエンハンスメント、カーボンアウェアな設計を使用して、 リソース使用を管理しながら、デバイスや操作方法をまたいだアクセシブルで適応可能な機能を確保します。
レスポンシブおよびアダプティブデザインを使用し、電話、タブレット、ノートPC、デスクトップ、TV、 新興プラットフォームなどのデバイスと画面サイズをまたいでプロダクトが機能するようにします。 特定の機能や技術がサポートされていない場合でも、プロジェクトが引き続き機能するようにします。
HTMLのベースラインから始め、コア機能をスタイルや操作に依存させずにユーザー体験を段階的に 改善することで、堅牢で回復力のあるプロジェクトを確保し、プログレッシブエンハンスメントを 用いてサステナビリティを高めます。
電力需要またはシステム負荷が高いときにエネルギー使用を削減するため、カーボンアウェアデザインを 使用します。状況に応じた設計を用いて、高影響の機能をより低影響の代替手段に置き換え、 削減または無効化します。変更が透明性を保つ限り、自動しきい値によって必須ではない機能を 調整または無効化することもできます。何が変更されたのか、なぜ変更されたのかを明確に伝え、 可能な場合はユーザーが完全な機能を復元できるようにします。
支援技術、音声入力、QRコード、リーダービュー(ブラウザー、アプリケーション、またはRSS)、接続デバイスなど、サステナブルな非視覚的および 間接的な操作方法をサポートします。
例
@media screen and (min-width: 600px) {
body {
color: red;
}
}
タグ
アクセシビリティ、AI、互換性、コンテンツ、CSS、パフォーマンス、社会的公平性、UI、ユーザビリティ
効率的なJavaScriptを書き、処理、データ使用量、エネルギー消費を最小化するAPIを使用します。
不要な計算を減らし、DOM更新を制限し、ネットワークリクエストを最小化することで、 長期的なアプリケーションパフォーマンスを支えるJavaScriptを書きます。
Compression Streams、Page Visibility、VibrationなどのJavaScript 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、プライバシー、セキュリティ
依存関係を定期的に見直し、未使用または不要なライブラリやフレームワークを削除し、 必要なパッケージを最新に保ちます。最小限で安全かつモジュール化された解決策を選択します。
依存関係を定期的に見直し、未使用のライブラリとフレームワークを削除します。不要なパッケージを アンインストールします。
外部ライブラリとフレームワークの使用を必要な範囲に制限します。これにより、ブラウザーが ダウンロードして解析しなければならないコード量が減ります。可能な場合はプレーンなコードを 優先します。パッケージサイズを見直し、ライブラリ全体ではなく個別モジュールをインポートできるか、 またはより高性能な代替手段を使用できるかを評価します。確立された信頼できるセキュリティ ライブラリをカスタム実装で置き換えないでください。これは脆弱性を高め、サステナビリティに 悪影響を及ぼす可能性があります。
定期的な見直しと保守を通じて、すべての依存関係を最新に保ちます。
例
npm uninstall <package-name>
タグ
アクセシビリティ、JavaScript、パターン、パフォーマンス、プライバシー、セキュリティ、ソフトウェア
発見可能性、透明性、運用上のベストプラクティスを支援するため、標準的な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
シンプルでネイティブかつ静的な解決策を優先しながら、労力、パフォーマンス、 環境影響のバランスを取る、軽量で効率的な実装アプローチを選択します。
労力、パフォーマンス、環境影響のバランスを取る実装アプローチを選択します。より単純な解決策は、 複雑性と実行時の影響を減らせる場合がありますが、より多くの人的労力を必要とします。一方、 既製ツールは構築時間と開発労力を削減する場合がありますが、継続的なリソース使用を増やします。
ユースケースに最も高性能なアプローチを使用します。多くの場合、ゼロからコーディングすることで 最も高性能な結果を得られますが、よく保守された既存の解決策が利用できる場合、それは自分で 作成できるものよりも最適化されている可能性があります。WYSIWYGエディター、 ビジュアルページビルダー、または重いフレームワークよりも、ネイティブコンポーネントと ファイルシステムを優先します。サードパーティの解決策のパフォーマンス、保守、環境影響に 注意します。
可能な限り、動的コンテンツの代わりに静的コンテンツを配信します。コード生成が必要な場合は、 Static Site Generators(SSG)などの効率的なツールを優先します。動的なCMS駆動のコンテンツは、通常、静的アプローチと比べてより多くの サーバー側処理を伴い、より大きなライブラリに依存することに注意します。
プラグイン、拡張機能、テーマを定期的に見直し、それらがプラットフォームおよび他のコンポーネントと 引き続き互換性を持ち、効率的でアクセシブルであることを確保します。
軽量で焦点が絞られ、効率的なユーザーインターフェイスコンポーネントを使用し、リソース使用、 環境影響、または保守負担を増やす不要な複雑性を避けます。
タグ
アクセシビリティ、互換性、アイデア創出、パフォーマンス、プライバシー、セキュリティ、ソフトウェア、戦略
効率性と保守性を確保するため、最新の技術を使用し、各タスクに最も適した プログラミング言語を選択します。
選択した言語とフレームワークの最新の安定版を使用します。
多くのツールと言語は特定の種類の作業に最適化されていることを認識し、タスクに最適な プログラミング言語を使用します。利点がコストを上回り、合理的なユーザーベースがある場合、 導入労力は正当化されます。ただし、関係者のウェルビーイングに影響を与えたり、 費用面で非現実的になったりしないことが条件です。
タグ
互換性、パフォーマンス、セキュリティ
クエリを最小化し範囲を絞り、繰り返しリクエストを減らし、データガバナンスの 実践を適用することで、データベースの使用を最適化します。
必要なデータをできるだけ少ないクエリで取得し、特に頻繁にアクセスされるデータについては、 アプリケーションやORMコードではなくデータベースレベルでフィルタリングと選択を 適用することで、データベースクエリを最適化して負荷を削減します。
リクエストまたはプロセスごとにデータを一度だけ取得し、データベースクエリを繰り返す代わりに ローカルで再利用します。
必要なフィールドとレコードだけを返すようにデータベースクエリの範囲を絞ります。
Time-to-Live(TTL)、UUIDのような非機微な識別子の使用、非識別化、および目的限定の原則に 沿った保存データの最小化など、データライフサイクルとガバナンスの制御を適用します。
例
以下はPHP形式のコードです。
$value = get_post_meta( int $post_id, string $key = '', bool $single = false ): mixed
タグ
ネットワーキング、パフォーマンス
データにも住まいがあります。ツールの開発、データ処理、オンラインシステムの保守、 ウェブサイトの運用、またはその他のことを行っている場合でも、ホスティング、 インフラストラクチャ、システムの持続可能性を改善する意識的な選択は、非常に大きな影響を持ち得ます。
開発運用チームとホスティングプロバイダーは、インフラストラクチャが パフォーマンス、信頼性、持続可能性の要件を満たすことを確保するうえで重要な役割を果たします。 持続可能性は、コンテンツ、コード、データをどこでどのように保存および処理するかに関する決定に依存します。 これらの選択は、エネルギー消費、データ転送距離、サーバー効率に影響するためです。 インフラストラクチャを最適化することで、不必要な計算負荷を減らし、ユーザーへの応答時間を改善でき、 より効率的で環境に配慮したプロジェクトに貢献します。
目標には次が含まれます:
利点には次が含まれます:
ホスティング、インフラストラクチャ、およびシステムの平易な言葉による要約:
サステナビリティ指標を用いてインフラを選択・管理し、選択時には低炭素の エネルギー使用と低影響のホスティングおよびドメイン選択を優先し、管理時にはハードウェア寿命を延ばし、 排出量を最小化します。
潜在的なインフラ、ホスティング、クラウド、プラットフォーム、外部管理コンテンツ、またはその他の デジタルサービスを選択・評価する際に、サステナビリティ指標を含めます。環境方針および関連する パフォーマンス指標を公開し、透明性をもって開示しているプロバイダーを優先します。これには、 Power Usage Effectiveness(PUE)、Water Usage Effectiveness(WUE)、Carbon Usage Effectiveness (CUE)、再生可能エネルギーの使用、排出削減への コミットメント、ならびにハードウェアの保守と調達の実践が含まれます。
稼働中のすべてのインフラがもたらす環境への悪影響を、時間の経過とともに監視し削減します。 外部委託かセルフホストかにかかわらず、エネルギー使用量、水使用量、サーバーリソース使用率など、 利用可能な関連指標をすべて追跡します。これにはCPU/コア、 メモリ、ストレージ、ネットワーク使用量が含まれます。この情報を用いて非効率を特定し、 過剰プロビジョニングを削減し、リソース使用を最適化し、透明性のあるサステナビリティ報告を 支援します。
ハードウェアの寿命を延ばします。設備を効率的かつ適切な容量で使用し、安全にパッチを適用し、 適切に保守します。新しいハードウェアは、デバイスの長寿命化、パッチ適用、修理オプションに コミットする供給元から調達すべきです。
可能な限り炭素強度の低い電力を使用します。ホスティングプロバイダーは、オンサイト発電、 バックアップシステム、ストレージを含む、利用可能な所在地ベースの電力網データを用いて 炭素強度を測定・報告すべきです。この情報を用いて、より低炭素なホスティングプロバイダーを 選択し、エネルギー調達とインフラ効率を改善します。
GHGプロトコル(スコープ2)に基づく間接的な電力排出について、 市場ベースの炭素会計を用いて残余排出量を削減します。Energy Attribute Certificates(EAC)またはRenewable Energy Certificates(REC)を通じて低炭素電力を購入する場合は、 証書が使用した電力の時間と場所に一致し、再生可能電力がいつ生成されたかを特定でき、 二重計上を防ぐ方法で有効に発行・償却できることを確認します。
ドメイン名登録の影響が、ドメインレジストリおよびレジストラによって開示されていることを確認します。 レジストラから環境影響データを入手できる場合は、それをドメイン登録の意思決定と環境影響の緩和に 活用します。そのようなデータが入手できない場合は、登録の意思決定時に想定される環境影響を評価し、 可能な場合はサステナビリティを重視した選択を行います。
タグ
AI、電子廃棄物、ハードウェア、ネットワーキング、社会的公平性
キャッシュとオフライン機能を使用してネットワーク負荷を削減し、回復力を高め、 パフォーマンスとサステナビリティのバランスを取ります。
処理時間、繰り返されるデータベースクエリ、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、ネットワーキング、パフォーマンス、ソフトウェア
処理コストとのバランスを取りながら、サーバーレスポンスとメディアファイルを圧縮して、 帯域幅、ストレージ使用量、配信オーバーヘッドを削減します。
効率的な形式と品質設定を使用して、画像、音声、動画をアップロードする前にファイルサイズを削減します。 ファイルがアップロードに適したサイズになっている場合は、追加の圧縮を適用しないようにします。
ストレージと転送の要件を削減するため、画像、動画、音声などのメディアファイルを、どこかに アップロードする前に圧縮します。
例
以下は.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>
タグ
アセット、ネットワーキング、パフォーマンス
明確なエラー処理を提供し、ナビゲーション上の問題を防ぐため、壊れたリンクは 修正するか、目的地へリダイレクトされるようにします。
明確なエラー処理とユーザーフレンドリーなエラーページを実装し、何が問題だったのかを説明し、 ユーザーをコンテンツへ戻れるように導きます。
壊れているリンクや古くなったリンクが有効でなくなった場合は、それらを更新します。リダイレクトは、 ユーザーに明確な利点がある場合、またはSEO価値を維持する場合にのみ使用し、 長い、または不要なリダイレクトチェーンは避けます。比例性を適用し、エンジニアリングと保守の コストがパフォーマンスやSEOの利得を上回らないようにします。 エラーやループを防ぐためリダイレクトをテストし、最も単純で効果的なアプローチを選択します。
例
以下は.htaccess形式のファイルです。
ErrorDocument 404 /404.html
タグ
アクセシビリティ、互換性、コンテンツ、マーケティング、ネットワーキング、UI、ユーザビリティ
効率性と保守性を改善するため、不要な仮想化環境を削除します。
必要なセキュリティ、分離、またはコンプライアンスの保証を低下させずに実施できる場合は、未使用または 冗長な仮想環境および物理環境(例:コンテナや仮想マシン)を非アクティブ化、オフライン化、または 削除することで、アクティブな環境の数を削減します。稼働中のサービスも同様に評価します。 同様に、未使用のブランチ、環境、サービスのコードベースと設定を評価し、不要になったものを削除します。
タグ
AI、ハードウェア、ネットワーキング、パフォーマンス、ソフトウェア
タスクとインフラを効率的に自動化・スケールし、必要な場合にのみプロセスを実行し、 不要なトラフィックを制御します。
手作業を削減し一貫性を改善するため、デプロイ、テスト、コンパイルなどの反復タスクを、 継続的インテグレーションおよび継続的デリバリー(CI/CD)のベストプラクティスに沿って自動化します。環境影響の低い 自動化ツールとプラットフォームを優先し、自動化システムの不要な重複を避けます。
不要なリソース使用を避けるため、自動化タスクは必要な場合にのみ実行します。
需要に基づいてサーバー容量を調整するためにオートスケーリングを使用します。負荷の圧力を管理するため、 バッファリングとスロットリングを実装します。需要が高いときはリソースを拡張し、需要が低下したら 縮小して、過剰プロビジョニングを避けます。
正当なユーザー、検索エンジン、有益または許可されたクローラーに対してコンテンツがアクセス可能な状態を 保ちながら、不要で不必要なサードパーティクローラー、ユーザーエージェント、ボット、スクレイパーを セキュリティ制御によって制限します。一部のスクレイパーは、大規模言語モデルへの情報提供や学習を 含む有益な目的に使用される場合があることを考慮します。
タグ
アクセシビリティ、AI、パフォーマンス、セキュリティ、 ソフトウェア
ユーザー要件とサステナビリティ要件のバランスに基づいて、いつデータを更新するかを 決定します。
ユーザーニーズ、正確性要件、リソース効率に基づいてキャッシュ更新率を定義し、データがいつ更新されるかを 決定します。
タグ
JavaScript、ネットワーキング、パフォーマンス、ユーザビリティ
問題が発生した場合に信頼できるフェイルセーフが存在するよう、定期的な間隔で データをバックアップします。
ストレージ使用量を最小化し、バックアップ時間を短縮するため、システムとユーザーデータのバックアップが 安全で差分的であることを確保します。バックアップへのアクセスを制限し、ユーザーを識別可能な情報が 長期保存されないようにする仕組みを確立します。データ損失または不正使用からバックアップを保護します。
タグ
ハードウェア、パフォーマンス、セキュリティ
パフォーマンス、セキュリティ、制約のバランスを取りながら、カーボンアウェアなスケジューリング、 効率的で安全なプロトコル、単純なシステム設計を用いて、不要な処理を削減します。
リアルタイムの電力網炭素強度データに基づいて炭素強度が低い時間にタスクを実行するよう スケジューリングまたはバッチ処理したり、可能な場合は炭素強度の低い地域へワークロードを移動したり することで、カーボンアウェアコンピューティングを使用してワークロード実行を動的に最適化します。 その際、セキュリティ、パフォーマンス、データ所在地の制約を尊重します。
効率を改善しリソース使用を削減することで、ユーザーニーズ、セキュリティ、サステナビリティの バランスを取る通信プロトコルを選択します。HTTPSやSFTP/SSHなどの 安全な選択肢を優先し、HTTPやFTPなどの安全でないレガシープロトコルを避け、 パフォーマンス向上とネットワークオーバーヘッド低減のため、HTTP/2またはHTTP/3などの現代的な標準を採用します。 後方互換性は必要な場合にのみ維持します。
ページ全体の再読み込みを必要としない状態変化を持つプロダクトを構築する場合は、イベント駆動 アーキテクチャとマイクロサービスを使用します。パフォーマンス、電力、処理要因に基づいて、 RESTスタイルの同期的なAPIよりもエネルギー効率の高い代替手段を 提供する場合はそれらを優先し、要件を満たしながらサーバーワークロードと環境影響を削減する アプローチを選択します。
不要なデータ処理を避けます。パフォーマンス、セキュリティ、サステナビリティ指標、リソース使用に基づいて、 処理をクライアント側で行うべきかサーバー側で行うべきかを慎重に判断します。
アプリケーションの各層間でのデータ変換、転送、処理は、できるだけソースに近い場所で実行します。 これにより不要なシリアライズのオーバーヘッドを削減し、リソースの浪費を避けます。
タグ
AI、JavaScript、ネットワーキング、パフォーマンス
不要な分散と転送を避けながら、効率とサステナビリティを改善する場合にのみ、 静的コンテンツと処理のためにCDNとデータ所在地を 戦略的に使用します。
静的コンテンツ、アセット、その他の読み取り専用リソースについて、明確な利点がある場合にのみ Content Delivery Network(CDN)を使用し、 より広範なWebホスティングの選択に沿って、パフォーマンス改善と環境影響をケースごとに評価します。 完全に地域限定のオーディエンスに提供する場合は、CDNが必要かどうかを評価し、代わりに地理的に近い ホスティングを優先します。
信頼できる、証拠に基づいたWebサステナビリティへのコミットメントを示すCDN プロバイダーを選択します。
動的または頻繁に変更されるリソースをCDNへデプロイすることは避けます。キャッシュパーティショニングや Cross-Origin Resource Sharing(CORS)のような ブラウザー機構により、キャッシュの利点とインタラクション性能が制限され、リソース効率が低下する 可能性があり、回避策はセキュリティまたはプライバシー上のリスクをもたらす場合があります。
タグ
アクセシビリティ、AI、コンテンツ、ハードウェア、 ネットワーキング、パフォーマンス
需要に合ったオートスケーリングインフラを使用し、過剰プロビジョニングをせずに 需要を効率的に満たします。
要件と顧客契約を満たしつつ、過剰プロビジョニングをしないインフラを選択します。要件が許す場合は、 マルチゾーンまたは分散構成よりもスタンドアロンインスタンスを優先します。効率的なリソース使用を 確保するため、ピーク負荷ではなく平均負荷に合わせてプロビジョニングします。
タグ
電子廃棄物、ハードウェア、パフォーマンス
長期的なアセットへの効率的なアクセスを維持しながら、保持、圧縮、ライフサイクル ポリシーを用いて、保存データ(コンテンツ、ログ、メディア、ダウンロードを含む)を定期的に管理・削減します。
ストレージとエネルギーコストを削減し、データを保存するかどうか、および保存期間を管理するため、 未使用または陳腐化したデータ(「ダークデータ」)を定期的に削除します。
分類およびタグ付けポリシーを使用して、保持、期限切れ、アーカイブを含むデータライフサイクルルールを 定義・管理します。
データは、永続的な運用上、分析上、または法的価値を提供し、容易に再生成または置換できない場合に のみ保存します。陳腐化した場合は削除またはアーカイブします。不要な重複を避け、圧縮、キャッシュ、 ストレージ最適化技術などの効率的なストレージ実践を使用します。
定期的なローテーション、保持、圧縮、バックアップの実践によってログを管理します。これには、実用的な場合に、 エネルギー需要と運用オーバーヘッドを削減するため、リソース集約的な処理を活動の少ない時間帯に スケジューリングすることも含まれます。回復力または復旧のために必要な場合はオフサイトストレージを 含む、回復力のあるバックアップ戦略を使用し、セキュリティとプライバシーのリスクを最小化するため、 可能な限りログから機微情報を削除します。
ユーザーがサーバーへ繰り返しリクエストする必要がないよう、大きな長期アセットを容易に ダウンロードできるようにします。
タグ
アクセシビリティ、コンテンツ、電子廃棄物、ハードウェア、パフォーマンス、プライバシー
より優れた持続可能性のためにウェブサイトやアプリケーションを設計するには、優れた事業戦略と 製品管理が必要です。
ウェブサイトまたはアプリケーションに責任を持つ人は誰でも、その環境影響に影響を与えることができます。事業者や 上級意思決定者は、多くの場合、インフラストラクチャへの投資、パフォーマンスの優先順位、長期的な 製品の方向性を含め、サービスがどのように構築、提供、保守されるかを形作る戦略的な選択に責任を負います。 しかし、デジタル製品に関わるすべての個人は、効率を改善し不必要なリソース使用を減らす日々の 意思決定を通じて貢献できます。これらの取り組みは、プロジェクトのウェブ持続可能性に影響する、より広範な 組織的実践にもつながっています。
目標には次が含まれます:
利点には次が含まれます:
事業戦略と製品管理の平易な言葉による要約:
倫理、サステナビリティ、責任あるデータ利用に関する組織的な実践を実装します。 その実装を示すポリシーを公開し、維持します。
倫理規範、プロダクトガイドライン、アクセシビリティ、サステナビリティ声明など、主要な組織ポリシーを 策定、公開、維持します。デジタルプロダクト、サービス、およびAIなどの新興または破壊的技術について明確な文言を含めます。 これらのポリシーを一般にアクセス可能にし、透明性のためにバージョン管理します。
Webサステナビリティに関連する成果、機能、コンプライアンス更新、およびその他の関連情報を、 専用のサステナビリティセクション内で公開します。
サステナビリティポリシーと実践が長期にわたり積極的に実装、監視、統治されていることを示す 証拠を提供します。
デジタルプライバシー、雇用上の権利、透明性、説明責任、責任ある新興技術、デジタルサステナビリティを 推進する証拠に基づいた法律と標準を支持し、遵守します。同時に、最低限の期待を超える取り組みを行い、 特にアクセシビリティおよびデータ保護要件に準拠しながら、効率的でアクセシブルなユーザージャーニーを 保つため、不要なデータ収集を避けることに努めます。
タグ
アクセシビリティ、AI、教育、アイデア創出、KPI、プライバシー、調査、セキュリティ、社会的 公平性、戦略
サステナビリティに関する問題について発言し、代弁するために必要なものを与えられた サステナビリティ推進担当者を任命します。
特定のデジタル専門知識を持つサステナビリティ責任者を任命し、その表明された目標を達成するために 必要なリソース、予算、ツール、時間を提供することで、デジタルサステナビリティに対する明確な 責任を割り当てます。一部の組織では、意欲ある個人で構成される気候ワーキンググループへ これを拡張することで、さらに利益を得られる場合があります。
タグ
アクセシビリティ、教育、アイデア創出、マーケティング、プライバシー、社会的公平性
サステナビリティ実践に関する継続的な研修、オンボーディング、ガイダンスを提供し、 明確な資料、知識共有、組織的な奨励を通じてサステナビリティの取り組みへの参加を支援します。
内部チーム、外部貢献者、同僚、組織の意思決定者を含む、プロジェクトに関係するすべての人に対して、 オンボーディング資料とワークショップを作成、提供、および/または提供を促進します。一般的な 気候リテラシーとデジタル気候リテラシーに関する教育、および自組織のサステナブル技術ポリシーに 関するガイダンスを含めます。
サステナビリティ目標の達成においてチームを支援する継続的な学習機会を通じて、サステナビリティ スキルを開発、確立、更新するための積極的かつ定期的な研修を提供します。
個人が環境影響を削減するよう奨励します。気候およびサステナブルな取り組みとアイデアを共有します。 サステナブルデザイン、ベストプラクティス、概念に関するリソースを提供します。
採用されたサステナビリティポリシーと実践、およびそれらの実装方法を概説するため、専用の 研修マニュアル、ワークショップ、資料を作成および/または提供します。新しいポリシーや ベストプラクティスが生じた際には、それらに合わせてこれらの資料を長期にわたり管理・維持します。
完了を認め、サステナビリティ関連活動のための時間を割り当て、インセンティブと便益を提供することで、 リーダーシップ、チーム、個人が研修目標に向けて進捗を出すよう奨励します。
タグ
コンテンツ、教育、マーケティング、レポート
ユーザーの選択が自身の環境影響に影響を与え得る場合に、ユーザーが意思決定できるよう 力を与えます。
ユーザーの行動がエネルギー使用、排出、またはリソース消費にどのように影響するかを示し、 より十分な情報に基づいた選択を行うのに役立つ選択肢を提供します。
タグ
コンテンツ、教育、マーケティング、レポート
サステナブルな設計上の意思決定に役立てるため、サードパーティサービスの影響を含む ライフサイクル全体の環境影響を評価し比較します。
評価対象となるプロダクトまたはサービスの定義された測定単位である各機能単位の環境影響を理解するため、 ライフサイクルアセスメント(LCA)を実施します。 これには、プロジェクトの全ライフサイクルにわたるライフサイクル温室効果ガス(GHG) 排出量とその他の関連する環境影響が含まれます。
意思決定目標に役立てるため、比較可能な代替案と照らしてプロジェクトの環境影響を評価します。 プロジェクトの追加価値またはサステナビリティ上の利点が、その環境影響を正当化するかどうかを 判断します。
パイプラインの任意の段階で使用されるツールやサードパーティソリューションの影響または推定影響を 含めます。それらは自分で作成したものではないとしても、製造、保守、使用で生じる排出も全体的な ソリューションに不可欠な一部です。
タグ
アクセシビリティ、AI、アイデア創出、KPI、調査、社会的公平性、ソフトウェア、 戦略
測定可能なサステナビリティ目標と指標を定義し、長期にわたる進捗を伝えます。
明確なWebサステナビリティ目標を定義し公開します。測定可能なパフォーマンス指標を特定し、 人々がサステナビリティパフォーマンスを理解し評価できるよう、それらの目標に対する進捗を伝えます。
タグ
AI、ガバナンス、アイデア創出、KPI、調査、社会的公平性
独立した検証を使用して、サステナビリティに関する主張を支援し改善します。
独立した第三者による検証または保証を使用して、サステナビリティに関する主張を検証します。
サステナビリティに関する主張を長期にわたり再評価し、新しい証拠がその正確性に影響する場合は更新します。
タグ
ガバナンス、KPI
長期にわたる進捗を追跡し、誤解を招く報告を避けながら実際の影響削減を明確に説明する、 標準に沿った透明性のあるサステナビリティ報告書を公開します。
認知された標準に沿って、デジタルプロダクト、プログラム、サービスの環境的、社会的、ガバナンス上の 影響を開示するためのポリシーと実践を作成し公開します。
過去の報告書およびWebサステナビリティ目標に対する進捗を含む、公開のサステナビリティ影響報告書を 少なくとも年1回公開します。
デジタルプロダクトおよびWebサービスの排出量ならびに環境的、社会的、ガバナンス上の影響について、 透明性のある報告実践を作成し維持します。
二重計上、グリーンウォッシング、データ除外、選択的報告などの誤解を招く実践を避けながら、 環境的、社会的、ガバナンス上の影響がどのように削減されるかを明確に説明します。
タグ
AI、コンテンツ、KPI、レポート
収益創出が環境的および社会的成果をどのように支援するかを説明します。
組織がどのように収益を生み出し、それらの収益源が環境的および社会的影響とどのように関係するかを 文書化します。影響がどのように測定、見直し、長期にわたり改善されるかを説明します。
タグ
コンテンツ、アイデア創出、調査、戦略
セキュリティ、サステナビリティ、失敗リスクの早期検出を含む、長期的なプロダクトサポートのための 明確な文書化、リソース配分、測定実践を維持します。
組織がプロダクト管理と保守にどのように取り組むかを概説する文書を作成し維持します。
プロダクトライフサイクル全体にわたって長期的なサステナビリティ、エネルギー効率、責任あるリソース使用を 優先する、すべてのデジタルプロダクトとサービスの保守計画およびセキュリティ計画を策定、 実装、維持します。
プロダクト、プロトタイプ、テスト、および支援プロセスに、長期にわたり十分なリソースが割り当てられるように します。プロジェクトを放棄することなく、技術的負債への対応、リファクタリング、機能の進化を含む 継続的な保守を支えるため、十分な人員と予算を維持します。
保守プロセスに炭素とリソースの測定を含め、長期にわたる改善を追跡します。提供される本質的価値と サステナビリティ成果を反映する指標を優先します。不要な作業、リソース消費、排出を促す指標は 避けます。
アクセシビリティ、ユーザビリティ、その他の環境的、社会的、ガバナンス上の影響に関連するものを含め、 Key Failure Indicators(KFI)を特定し文書化します。 KFIを監視して新たなリスクを検出し、是正措置に 役立てます。
タグ
アクセシビリティ、互換性、セキュリティ、戦略
機能変更、保守、更新と、ユーザー価値およびサステナビリティ成果とのバランスを取る 継続的改善プロセスを維持します。
何が変更されるのか、なぜ変更されるのか、それが環境サステナビリティ成果を改善するのかを明確に 報告する継続的改善の実践を組み込みます。環境およびその他のESG影響が、運用および事業パフォーマンス指標とともに 評価されるようにします。
成果物を見直し頻繁に更新して、プロジェクトチームがユーザー調査を実施し、技術的負債を特定して 解消し、高品質な成果物を生み出し、学んだことを共有するための十分な時間を確保します。
デジタルプロダクトまたはサービスを分析するための継続的改善(反復)プロセスの実績を示します。 同時に、技術的負債、プロダクトパフォーマンス、排出量など、継続的な実験による潜在的な結果に 対処します。意思決定を支援し、ユーザーフィードバックを促し、組織目標とユーザーニーズに対する パフォーマンスを比較する、厳密に必要な機能に分析を限定します。
プロダクトライフサイクル全体を通じて、すべての機能を定期的に見直します。環境影響、ユーザー価値、 利用状況、保守コストに基づいて、機能を維持、変更、追加、削除する意思決定を正当化し優先順位付けします。 これには、未使用または低トラフィックの機能とコンテンツの廃止が含まれます。
タグ
アクセシビリティ、AI、互換性、KPI、パフォーマンス、プライバシー、セキュリティ、 戦略、UI
機能が変更されるたびに、ユーザーが進むべき方向を見つけられるよう文書を提供します。
機能が追加、変更、削除される際に、明確で構造化された文書を提供します。一貫したバージョン管理または 変更追跡システムを使用して、変更の性質と影響を伝えます。
例
以下は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.
タグ
互換性、コンテンツ、教育、セキュリティ、ユーザビリティ
サステナビリティ目標との整合性を評価し、プロダクトの必要性を検証し、アクセス、 ユーザビリティ、公平性への障壁を削減します。
プロダクトまたはサービスが関連する国連の持続可能な開発目標(U.N.(SDG) のいずれかと整合するかを特定し、該当する場合は、対応するターゲットをサステナビリティ声明に含めます。
望ましさ、実現可能性、事業成立性に基づいて、プロダクトまたはサービスが必要かどうかを評価します。
アクセシビリティ、技術的、地理的、公平性に関する障壁を含め、プロダクトまたはサービスの利用を 妨げる障壁を取り除くか削減します。
タグ
アクセシビリティ、AI、電子廃棄物、アイデア創出、レポート、 ソフトウェア
サステナビリティ原則に基づいてサプライヤーを選択し協働し、その影響を測定し、 パートナーシップの成果を透明性をもって公開します。
潜在的パートナーを審査・評価するための明確なポリシーに支えられた形で、サプライチェーンの パートナー選定とガバナンス全体にサステナビリティ原則を適用します。
影響を受ける当事者への影響を作成、追跡、測定するためにサプライヤーと連携します。
パートナーシップがどのように集合的な影響を生み出すかに関する情報とともに、一般に利用可能な場所で パートナーシップを紹介し開示します。
タグ
AI、コンテンツ、ガバナンス、ハードウェア、アイデア創出、 社会的公平性
Diversity, Equity, Justice, Inclusion(DEIJ)およびアクセシビリティへの コミットメントを公開し実行し、研修と測定可能な進捗を支援し、プロダクトと運用全体で インクルーシブな成果を確保します。
DEIJへの明確なコミットメントを公開します。排除を減らし、多様で十分なサービスを受けていない、 または周縁化されたコミュニティのためにプロダクトへのアクセスの長期的なサステナビリティを 支援するため、組織がこれらのコミットメントをどのように適用するかを説明します。
DEIJ研修、およびアルゴリズムバイアス、デジタルディバイド、雇用の公平性、誤情報・偽情報などの トピックを提供します。
採用、リーダーシップ、運用全体におけるDEIJの測定可能な進捗を追跡し公開します。
タグ
アクセシビリティ、アイデア創出、社会的公平性、戦略
収集の最小化、ユーザー制御、ポータビリティ、削除、コンテンツアーカイブを通じて、 ユーザーのデータ権利を尊重し、データライフサイクルを管理します。
プライバシー、法律、ポリシー文書を、平易な言葉とアクセシブルな形式で一般にアクセス可能な状態に 維持します。認知された国際標準に沿った強固なデータ保護実践に従い、ユーザーへのリスクが高い場合や 保護措置が不十分な場合はより強い保護を適用し、透明性のあるデータ利用とガバナンスを通じて、 プライバシー、アクセシビリティ、サステナビリティにおける良い実践を支援します。
アクセス、訂正、削除、オプトアウト、データポータビリティを含むユーザーデータ権利を尊重します。 アカウント、データ、サブスクリプションを管理するための明確なユーザーコントロールを提供します。 定義された目的のために、必要な期間を超えない範囲でのみ個人データを収集・保持します。オープンで 一般的に使用される形式でデータエクスポートを提供します。削除および同意の変更が、合理的な期間内に、 データベース、派生データセット、バックアップ、キャッシュを含むすべてのシステムに適用されるようにします。
自動有効期限と定期的なプロダクト監査を通じて、古くなった、または期限切れとなったプロダクト コンテンツとデータをアーカイブおよび削除します。アーカイブスケジュールを公開し、必要とする人のために 古い検索可能コンテンツの軽量版が維持されるようにします。
タグ
AI、コンテンツ、ガバナンス、プライバシー、セキュリティ、 社会的公平性、戦略
倫理的に調達され適切なサイズのデータとモデルのみを使用し、環境影響を管理し、 労働力の適応を支援し、ユーザーエージェント制御を尊重し、正当化される場合にのみ耐量子暗号を 使用することで、自動化システムの責任ある利用を確保します。
自動化システムで使用、作成、または参照されるデータセットが、タスクに必要な大きさを超えず、 倫理的に調達され、スクリーニング、検証、保存され、公正で非差別的かつ責任ある方法で使用されるようにします。
従業員の役割や組織の運用を変化または混乱させる可能性のある新技術への適応において、従業員を支援します。
AIおよび新興または破壊的技術の推進または採用に関連する環境影響を監査し、 説明責任を果たします。これには、サードパーティシステム、利用ごとに発生する廃棄物、水、排出、 ならびに初期導入と更新に起因するものが含まれます。効率を優先し、環境影響を最小化する方法で 導入します。
ボット、クローラー、ユーザーエージェント、スクレイパー、人工知能、その他すべての自動化ツールが、 ホスト、サーバー、サイトレベルでのオプトアウトシグナルを尊重するようにします。提供者は、 HTTPヘッダー内のユーザーエージェントで、自らが 非人間であることを宣言しなければなりません。
「今収集し、後で復号する」攻撃と長期的なデータ機密性リスクから保護する明確な必要性がある場合にのみ、 耐量子暗号を使用します。既存の暗号方式を置き換えるものではなく補完するものとして扱い、移行中は 両方を使用します。高トラフィックサービスで耐量子暗号を採用する際は、帯域幅消費、処理需要、 設計の複雑性、移行リスクがセキュリティ上の利点を上回る可能性があるため、慎重に適用します。
タグ
アクセシビリティ、AI、コンテンツ、電子廃棄物、ガバナンス、 ハードウェア、ネットワーキング、パフォーマンス、プライバシー、セキュリティ、社会的公平性、ソフトウェア
高炭素資産から投資撤退し、予算編成と財務パートナーシップを長期的なサステナビリティに 合わせることで、責任ある資金調達の実践を採用します。
化石燃料から投資撤退し、銀行取引やスポンサーシップを含む財務関係を、よりサステナブルな パートナーへ移行します。
長期的な保守と環境責任を支える、責任ある予算編成と資金調達の実践を使用します。
タグ
ガバナンス、アイデア創出、社会的公平性
パートナーシップと企業寄付を組織の目的に合わせ、明確なパートナーシップおよび 寄付ポリシーを通じて、スキル構築につながるボランティア活動とプロボノ活動を支援します。
企業寄付ポリシーを作成し、戦略的に整合した組織とのフィランソロピー・パートナーシップを確立します。
チームの学習を助け、非営利団体や慈善団体に利益をもたらすボランティア活動とプロボノ活動を支援します。
タグ
コンテンツ、ガバナンス、社会的公平性
プロジェクトが終了するときのことを文書化し、ユーザーのデータに何が起こるかを ユーザーに知らせます。
データ廃棄、アーカイブ、ファイル削除、その他の関連ガイダンスを含む、明確で文書化された 終末期ガイドラインを提供します。
タグ
互換性、電子廃棄物、プライバシー、調査、セキュリティ、社会的公平性、ソフトウェア、戦略
ユーザーによる修理の支援を含め、認証されたサービスを通じて、ハードウェアと電子廃棄物の 修理、再利用、再整備、責任あるリサイクルを優先します。
不要なハードウェアと材料をリサイクル、修理、またはアップサイクルします。可能な場合は部品を回収、 再配備、再利用し、残りの材料はサステナブルな方法で処分します。認証された修理およびリサイクル サービスを使用して、寿命を迎えたデジタル機器と運用上の電子廃棄物を責任をもって扱います。 サービス提供者は、責任ある電子廃棄物管理のための明確なポリシーを維持すべきです。
ハードウェアの修理とリサイクルに関するポリシーを維持し、修理を奨励します。
新しい設備を購入する前に、既存ハードウェアの再利用、再整備、再配備を優先します。
ユーザーが購入した製品をできる限り修理できるようにし、可能な場合は原価で交換部品を提供し、 故障が発生した際に修理に役立つ明確な手順を提供します。
タグ
コンテンツ、電子廃棄物、ガバナンス、ハードウェア、アイデア創出、社会的公平性
ライフサイクルのサステナビリティ予算とパフォーマンス予算を定義して適用し、証拠に基づく 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、パフォーマンス、 調査、ユーザビリティ
オープンソースポリシーを定義・維持し、コード、時間、金銭的または現物支援を通じて オープンソースコミュニティに積極的に貢献します。
再利用を優先し、重複を減らし、長期的な保守性を支援する選定、承認、リリースワークフローを含む、 オープンソースツールのサステナブルな利用と貢献のためのプロセスを定義し維持します。
オープンソース原則に根ざして、サステナブルなソフトウェア開発を支援するためにオープンソース エコシステムと協働し、共有された保守、再利用、作業重複の削減を改善するため、コード、時間、 または金銭的支援を通じてコミュニティベースのプロジェクトに定期的に貢献します。
タグ
アクセシビリティ、アセット、アイデア創出、社会的公平性、ソフトウェア、UI
テスト済みのインシデント対応計画を維持し、サービス上の問題、リスク、復旧について ユーザーと透明性をもってコミュニケーションします。
インシデント対応計画を作成、維持、定期的に見直し、テストして、準備状況を判断し、システムとサービスが あらゆるインシデントから迅速に復旧できるようにします。
インシデント、サービス上の問題、データまたは可用性に対するリスクについて、ユーザーと透明性をもって コミュニケーションします。
タグ
AI、ガバナンス、セキュリティ、戦略
この仕様内のガイドラインのうち、アクセシビリティ、プライバシー、またはセキュリティに影響を与える可能性があると Interest Group が特定したものを以下に示します。これらは、エンドユーザーに保護を提供するもの、または デジタル持続可能性を実装するために設計された機能を実装する際に、ウェブサイト提供者が考慮することが重要なものです。 この一覧は Interest Group の現在の理解を反映していますが、公開時点で Interest Group が認識していない 影響を持つガイドラインが他にもある可能性があります。
これらの目的に関連するベストプラクティスについてさらに理解したい個人または組織は、この分野における W3C Working and Interest Groups が提供する関連資料を読むべきです。 優れたアクセシビリティ、国際化、プライバシー、セキュリティの結果は、測定可能な形で地球、人々、繁栄に利益をもたらし得ます。
アクセシビリティ、国際化、プライバシー、セキュリティに取り組むグループは、それぞれの作業の中で 持続可能性への影響を特定し、適切な場合にはこれらの懸念の範囲を限定するためのベストプラクティスに関する 関連する指針を提供する可能性があることに注意する必要があります。そのような指針は、WSG 内で提供されるものを補完するものとして考慮されるべきです。
注: グリーンウォッシングは考慮事項として 真剣に扱うべきです。社会的影響を不正確に示すことは、デジタル包摂、セキュリティ、プライバシーを損なう可能性があるためです。 さらに、これらのリスクと影響自体が、環境上またはより広範な社会的危害の媒介として悪用される可能性があります。
この仕様内のガイドラインのうち、アクセシビリティに関連する可能性があるものは次のとおりです:
この仕様内のガイドラインのうち、プライバシーに 関連する可能性があるものは次のとおりです:
この仕様内のガイドラインのうち、セキュリティに 関連する可能性があるものは次のとおりです:
ウェブアクセシビリティは、 (インクルーシブデザインの文脈では)ウェブサイト、ツール、技術が、障害のある人々(および障害のない人々)が 障壁なく使用できるように設計および開発されていることを意味します。
アクセシビリティ障壁の種類には、聴覚、認知、神経、身体、発話、視覚に関するものが含まれる場合があります。 それらは、恒久的、一時的、または状況的(状況に依存する)である場合もあります。
Planet, People, and Prosperity(PPP)は、 持続可能性プロセス中にこれら各要素を考慮することを推奨する一連の原則です。
地球、人々、繁栄を考慮するこの方法は、Environmental, Social, and (corporate) Governance(ESG)のような、類似した目的を持つ他の略語でも知られており、 これは経済的要因も併せて考慮します。また、類似したパターンに従う Environment, Equity, and Economy(EEE)もあります。
情報提供を目的とするものであり、準拠のために要求されるものではありません。
「参考情報」または「非規範的」として識別される内容は、準拠のために要求されることはありません。
準拠のために要求されます。
Sustainable Web Interest Group への参加に関する追加情報は、Interest Group の GitHub リポジトリ内で確認できます。
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.
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.
この変更履歴は、2024年12月6日付の 最終草案 Community Group Report 以降の実質的な変更のみを示していることに注意してください。
対応済みのすべての課題の一覧については、Interest Group および以前の Community Group の課題トラッカーを参照してください。
追加:
更新:
修正:
追加:
更新:
修正:
追加:
更新:
修正:
追加:
更新:
修正:
追加:
更新:
修正:
新しいバグを見つけた場合、または含めるべき新しい内容やアイデアがある場合は、課題を提出してください。