-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
888 lines (827 loc) · 47.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
<!DOCTYPE html><html lang="en" dir="ltr"><head>
<meta charset="utf-8">
<meta name="generator" content="ReSpec 35.2.0">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style>
dfn{cursor:pointer}
.dfn-panel{position:absolute;z-index:35;min-width:300px;max-width:500px;padding:.5em .75em;margin-top:.6em;font-family:"Helvetica Neue",sans-serif;font-size:small;background:#fff;background:var(--indextable-hover-bg,#fff);color:#000;color:var(--text,#000);box-shadow:0 1em 3em -.4em rgba(0,0,0,.3),0 0 1px 1px rgba(0,0,0,.05);box-shadow:0 1em 3em -.4em var(--tocsidebar-shadow,rgba(0,0,0,.3)),0 0 1px 1px var(--tocsidebar-shadow,rgba(0,0,0,.05));border-radius:2px}
.dfn-panel:not(.docked)>.caret{position:absolute;top:-9px}
.dfn-panel:not(.docked)>.caret::after,.dfn-panel:not(.docked)>.caret::before{content:"";position:absolute;border:10px solid transparent;border-top:0;border-bottom:10px solid #fff;border-bottom-color:var(--indextable-hover-bg,#fff);top:0}
.dfn-panel:not(.docked)>.caret::before{border-bottom:9px solid #a2a9b1;border-bottom-color:var(--indextable-hover-bg,#a2a9b1)}
.dfn-panel *{margin:0}
.dfn-panel b{display:block;color:#000;color:var(--text,#000);margin-top:.25em}
.dfn-panel ul a[href]{color:#333;color:var(--text,#333)}
.dfn-panel>div{display:flex}
.dfn-panel a.self-link{font-weight:700;margin-right:auto}
.dfn-panel .marker{padding:.1em;margin-left:.5em;border-radius:.2em;text-align:center;white-space:nowrap;font-size:90%;color:#040b1c}
.dfn-panel .marker.dfn-exported{background:#d1edfd;box-shadow:0 0 0 .125em #1ca5f940}
.dfn-panel .marker.idl-block{background:#8ccbf2;box-shadow:0 0 0 .125em #0670b161}
.dfn-panel a:not(:hover){text-decoration:none!important;border-bottom:none!important}
.dfn-panel a[href]:hover{border-bottom-width:1px}
.dfn-panel ul{padding:0}
.dfn-panel li{margin-left:1em}
.dfn-panel.docked{position:fixed;left:.5em;top:unset;bottom:2em;margin:0 auto;max-width:calc(100vw - .75em * 2 - .5em - .2em * 2);max-height:30vh;overflow:auto}
</style>
<title>ウェブの倫理原則</title>
<style id="respec-mainstyle">
@keyframes pop{
0%{transform:scale(1,1)}
25%{transform:scale(1.25,1.25);opacity:.75}
100%{transform:scale(1,1)}
}
a.internalDFN{color:inherit;border-bottom:1px solid #99c;text-decoration:none}
a.externalDFN{color:inherit;border-bottom:1px dotted #ccc;text-decoration:none}
a.bibref{text-decoration:none}
.respec-offending-element:target{animation:pop .25s ease-in-out 0s 1}
.respec-offending-element,a[href].respec-offending-element{text-decoration:red wavy underline}
@supports not (text-decoration:red wavy underline){
.respec-offending-element:not(pre){display:inline-block}
.respec-offending-element{background:url(data:image/gif;base64,R0lGODdhBAADAPEAANv///8AAP///wAAACwAAAAABAADAEACBZQjmIAFADs=) bottom repeat-x}
}
#references :target{background:#eaf3ff;animation:pop .4s ease-in-out 0s 1}
cite .bibref{font-style:normal}
a[href].orcid{padding-left:4px;padding-right:4px}
a[href].orcid>svg{margin-bottom:-2px}
ol.tof,ul.tof{list-style:none outside none}
.caption{margin-top:.5em;font-style:italic}
#issue-summary>ul{column-count:2}
#issue-summary li{list-style:none;display:inline-block}
details.respec-tests-details{margin-left:1em;display:inline-block;vertical-align:top}
details.respec-tests-details>*{padding-right:2em}
details.respec-tests-details[open]{z-index:999999;position:absolute;border:thin solid #cad3e2;border-radius:.3em;background-color:#fff;padding-bottom:.5em}
details.respec-tests-details[open]>summary{border-bottom:thin solid #cad3e2;padding-left:1em;margin-bottom:1em;line-height:2em}
details.respec-tests-details>ul{width:100%;margin-top:-.3em}
details.respec-tests-details>li{padding-left:1em}
.self-link:hover{opacity:1;text-decoration:none;background-color:transparent}
aside.example .marker>a.self-link{color:inherit}
.header-wrapper{display:flex;align-items:baseline}
:is(h2,h3,h4,h5,h6):not(#toc>h2,#abstract>h2,#sotd>h2,.head>h2){position:relative;left:-.5em}
:is(h2,h3,h4,h5,h6):not(#toch2)+a.self-link{color:inherit;order:-1;position:relative;left:-1.1em;font-size:1rem;opacity:.5}
:is(h2,h3,h4,h5,h6)+a.self-link::before{content:"§";text-decoration:none;color:var(--heading-text)}
:is(h2,h3)+a.self-link{top:-.2em}
:is(h4,h5,h6)+a.self-link::before{color:#000}
@media (max-width:767px){
dd{margin-left:0}
}
@media print{
.removeOnSave{display:none}
}
</style>
<style type="text/css">
</style>
<meta name="color-scheme" content="light">
<meta name="description" content="The web should be a platform that helps people
and provides a positive social benefit.
As we continue to evolve the web platform,
we must therefore consider the consequences of our work.
The following document sets out ethical principles
that will drive W3C's continuing work in this direction.">
<link rel="canonical" href="https://www.w3.org/TR/ethical-web-principles/">
<style>
var{position:relative;cursor:pointer}
var[data-type]::after,var[data-type]::before{position:absolute;left:50%;top:-6px;opacity:0;transition:opacity .4s;pointer-events:none}
var[data-type]::before{content:"";transform:translateX(-50%);border-width:4px 6px 0 6px;border-style:solid;border-color:transparent;border-top-color:#222}
var[data-type]::after{content:attr(data-type);transform:translateX(-50%) translateY(-100%);background:#222;text-align:center;font-family:"Dank Mono","Fira Code",monospace;font-style:normal;padding:6px;border-radius:3px;color:#daca88;text-indent:0;font-weight:400}
var[data-type]:hover::after,var[data-type]:hover::before{opacity:1}
</style>
<script id="initialUserConfig" type="application/json">{
"specStatus": "STMT",
"editors": [
{
"name": "Daniel Appelquist",
"company": "Invited Expert",
"w3cid": 35086
},
{
"name": "Hadley Beeman",
"company": "Invited Expert",
"w3cid": 47320
},
{
"name": "Amy Guy",
"url": "https://rhiaro.co.uk",
"company": "Digital Bazaar",
"w3cid": 69000
}
],
"group": "tag",
"wgPublicList": "www-tag",
"github": "w3ctag/ethical-web-principles",
"format": "markdown",
"shortName": "ethical-web-principles",
"latestVersion": "https://www.w3.org/TR/ethical-web-principles/",
"localBiblio": {
"UDHR": {
"title": "Universal Declaration of Human Rights",
"href": "https://www.un.org/en/universal-declaration-human-rights/",
"publisher": "United Nations",
"id": "udhr"
}
},
"publishDate": "2024-12-12",
"publishISODate": "2024-12-12T00:00:00.000Z",
"generatedSubtitle": "W3C Statement 12 December 2024"
}</script>
<link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/2021/W3C-STMT">
</head>
<body class="informative h-entry">
<p>【注意】 このドキュメントは、W3Cの<a href="https://www.w3.org/TR/2024/STMT-ethical-web-principles-20241212/">Ethical Web Principles</a>の和訳です。<br />
このドキュメントの正式版はW3Cのサイト上にある英語版であり、このドキュメントには翻訳に起因する誤りがありえます。誤訳、誤植などのご指摘は、<a href="mailto:[email protected]">訳者</a>までお願い致します。</p>
<p>First Update: 2024年12月20日</p>
<hr/>
<div class="head">
<p class="logos">
<a class="logo" href="https://www.w3.org/">
<img crossorigin="" alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72">
</a>
</p>
<h1 id="title" class="title">倫理的なWebの原則</h1>
<p id="w3c-state">
<a href="https://www.w3.org/standards/types#STMT">W3C声明</a>
<time class="dt-published" datetime="2024-12-12">2024年12月12日</time>
</p>
<details open="">
<summary>この文書の詳細</summary>
<dl>
<dt>このバージョン:</dt>
<dd>
<a class="u-url" href="https://www.w3.org/TR/2024/STMT-ethical-web-principles-20241212/">
https://www.w3.org/TR/2024/STMT-ethical-web-principles-20241212/
</a>
</dd>
<dt>最新の公開バージョン:</dt>
<dd>
<a href="https://www.w3.org/TR/ethical-web-principles/">
https://www.w3.org/TR/ethical-web-principles/
</a>
</dd>
<dt>最新の編集者草案:</dt>
<dd>
<a href="https://w3ctag.github.io/ethical-web-principles/">
https://w3ctag.github.io/ethical-web-principles/
</a>
</dd>
<dt>履歴:</dt>
<dd>
<a href="https://www.w3.org/standards/history/ethical-web-principles/">
https://www.w3.org/standards/history/ethical-web-principles/
</a>
</dd>
<dd>
<a href="https://github.com/w3ctag/ethical-web-principles/commits/">コミット履歴</a>
</dd>
<dt>編集者:</dt>
<dd class="editor p-author h-card vcard" data-editor-id="35086">
<span class="p-name fn">ダニエル・アップルクイスト</span>
(<span class="p-org org h-org">招待専門家</span>)
</dd>
<dd class="editor p-author h-card vcard" data-editor-id="47320">
<span class="p-name fn">ハドリー・ビーマン</span>
(<span class="p-org org h-org">招待専門家</span>)
</dd>
<dd class="editor p-author h-card vcard" data-editor-id="69000">
<a class="u-url url p-name fn" href="https://rhiaro.co.uk">エイミー・ガイ</a>
(<span class="p-org org h-org">デジタルバザール</span>)
</dd>
<dt>フィードバック:</dt>
<dd>
<a href="https://github.com/w3ctag/ethical-web-principles/">GitHub w3ctag/ethical-web-principles</a>
(<a href="https://github.com/w3ctag/ethical-web-principles/pulls/">プルリクエスト</a>,
<a href="https://github.com/w3ctag/ethical-web-principles/issues/new/choose">新しい課題</a>,
<a href="https://github.com/w3ctag/ethical-web-principles/issues/">未解決の課題</a>)
</dd>
<dd>
<a href="mailto:[email protected]?subject=%5Bethical-web-principles%5D%20YOUR%20TOPIC%20HERE">
</a>
件名 <kbd>[ethical-web-principles] <em>… メッセージのトピック …</em></kbd>
(<a rel="discussion" href="https://lists.w3.org/Archives/Public/www-tag">アーカイブ</a>)
</dd>
</dl>
</details>
<p class="copyright">
<a href="https://www.w3.org/policies/#copyright">著作権</a>
© 2024
<a href="https://www.w3.org/">World Wide Web Consortium</a>.
<abbr title="World Wide Web Consortium">W3C</abbr><sup>®</sup>
<a href="https://www.w3.org/policies/#Legal_Disclaimer">免責事項</a>,
<a href="https://www.w3.org/policies/#W3C_Trademarks">商標</a> および
<a rel="license" href="https://www.w3.org/copyright/software-license-2023/" title="W3Cソフトウェアおよび文書ライセンス">
許容される文書ライセンス
</a> の規則が適用されます。
</p>
<hr title="ヘッダーの区切り">
</div>
<section id="abstract" class="introductory">
<h2>要約</h2>
<p>
Webは人々を支援し、社会にプラスの利益をもたらすプラットフォームであるべきです。
Webプラットフォームを進化させ続けるにあたり、
私たちは自身の取り組みがもたらす結果を考慮しなければなりません。
この文書は、<abbr title="World Wide Web Consortium">W3C</abbr>の今後の活動を推進するための倫理的原則を示しています。
</p>
</section>
<section id="sotd" class="introductory">
<h2>この文書のステータス</h2>
<p>
<em>このセクションでは、この文書が公開された時点でのステータスについて説明します。
現在の<abbr title="World Wide Web Consortium">W3C</abbr>の出版物およびこの技術報告書の最新改訂版は、以下の
<a href="https://www.w3.org/TR/">W3C技術報告書インデックス</a>で確認できます: https://www.w3.org/TR/。</em>
</p>
<p>
この文書は技術アーキテクチャグループ（TAG）の見解です。
規範的な内容は含まれていません。
</p>
<p>
この文書は、公開時点でのTAGの合意を反映しています。
この文書は今後も進化し、TAGは必要に応じて更新を行います。
</p>
<p>
この文書は<a href="https://www.w3.org/groups/other/tag">技術アーキテクチャグループ</a>によって
<a href="https://www.w3.org/policies/process/20231103/#recs-and-notes">ノートトラック</a>を使用して声明として公開されました。
</p>
<p>
<abbr title="World Wide Web Consortium">W3C</abbr>の声明は、広範なコンセンサス形成の後に
<abbr title="World Wide Web Consortium">W3C</abbr>およびそのメンバーによって支持される仕様です。
</p>
<p data-deliverer="34270">
<a href="https://www.w3.org/policies/patent-policy/"><abbr title="World Wide Web Consortium">W3C</abbr>の特許ポリシー</a>
は、この文書に対していかなるライセンス要件または義務も課しません。
</p>
<p>
この文書は<a id="w3c_process_revision" href="https://www.w3.org/policies/process/20231103/">2023年11月3日W3Cプロセス文書</a>
に準拠しています。
</p>
</section>
<nav id="toc">
<h2 class="introductory" id="table-of-contents">目次</h2>
<ol class="toc">
<li class="tocline"><a class="tocxref" href="#abstract">要約</a></li>
<li class="tocline"><a class="tocxref" href="#sotd">この文書のステータス</a></li>
<li class="tocline">
<a class="tocxref" href="#intro"><bdi class="secno">1. </bdi>はじめに</a>
<ol class="toc">
<li class="tocline">
<a class="tocxref" href="#purpose"><bdi class="secno">1.1 </bdi>目的</a>
</li>
</ol>
</li>
<li class="tocline">
<a class="tocxref" href="#principles"><bdi class="secno">2. </bdi>原則</a>
<ol class="toc">
<li class="tocline">
<a class="tocxref" href="#oneweb"><bdi class="secno">2.1 </bdi>Webは1つである</a>
</li>
<li class="tocline">
<a class="tocxref" href="#noharm"><bdi class="secno">2.2 </bdi>Webは社会に害を与えない</a>
</li>
<li class="tocline">
<a class="tocxref" href="#community"><bdi class="secno">2.3 </bdi>Webは健全なコミュニティと議論を支援する</a>
</li>
<li class="tocline">
<a class="tocxref" href="#allpeople"><bdi class="secno">2.4 </bdi>Webはすべての人のためのもの</a>
</li>
<li class="tocline">
<a class="tocxref" href="#privacy"><bdi class="secno">2.5 </bdi>Webは安全であり、人々のプライバシーを尊重する</a>
</li>
<li class="tocline">
<a class="tocxref" href="#expression"><bdi class="secno">2.6 </bdi>Webは表現の自由を可能にする</a>
</li>
<li class="tocline">
<a class="tocxref" href="#verify"><bdi class="secno">2.7 </bdi>Webは情報の検証を可能にする</a>
</li>
<li class="tocline">
<a class="tocxref" href="#control"><bdi class="secno">2.8 </bdi>Webは個人の管理と権限を強化する</a>
</li>
<li class="tocline">
<a class="tocxref" href="#sustainable"><bdi class="secno">2.9 </bdi>Webは環境的に持続可能なプラットフォーム</a>
</li>
<li class="tocline">
<a class="tocxref" href="#transparent"><bdi class="secno">2.10 </bdi>Webは透明である</a>
</li>
<li class="tocline">
<a class="tocxref" href="#multi"><bdi class="secno">2.11 </bdi>Webはマルチブラウザ、マルチOS、マルチデバイス</a>
</li>
<li class="tocline">
<a class="tocxref" href="#render"><bdi class="secno">2.12 </bdi>Webは人々が選んだ方法で利用できる</a>
</li>
</ol>
</li>
<li class="tocline">
<a class="tocxref" href="#acknowlegements"><bdi class="secno">A. </bdi>謝辞</a>
</li>
<li class="tocline">
<a class="tocxref" href="#references"><bdi class="secno">B. </bdi>参考文献</a>
<ol class="toc">
<li class="tocline">
<a class="tocxref" href="#informative-references"><bdi class="secno">B.1 </bdi>参考文献</a>
</li>
</ol>
</li>
</ol>
</nav>
<section id="introduction">
<div class="header-wrapper">
<h2 id="intro"><bdi class="secno">1. </bdi>はじめに</h2>
<a class="self-link" href="#intro" aria-label="セクション1へのパーマリンク"></a>
</div>
<p>
Webは公平で、情報に通じ、相互に接続された社会を支援すべきです。
これまでそうであったように、今後もすべての人々にとって
コミュニケーションと知識共有を可能にするよう設計されるべきです。
Webが社会にとって有益であり続けるためには、私たちがWeb技術、アプリケーション、
サイトを構築する際に、その倫理的影響を考慮する必要があります。
</p>
<p>
Webはさまざまな技術と技術標準によって構成されています。
HTML、CSS、およびJavaScriptはWebの中核技術としてよく知られていますが、
「Webプラットフォーム」を構成するためには、他にも多くの技術、標準、
言語、およびAPIが組み合わされています。
私たちは、Webプラットフォームの強みとして倫理的枠組みを維持するよう努力しています。
例えば、<a href="https://www.w3.org/International/">国際化</a>、<a href="https://www.w3.org/WAI/">アクセシビリティ</a>、
<a href="https://www.w3.org/Privacy/">プライバシー</a>、および<a href="https://www.w3.org/Security/">セキュリティ</a>に重点を置いています。
また、Web技術は、オープンソース実装を可能にするため
<a href="https://www.w3.org/Consortium/Patent-Policy/">ロイヤリティフリーライセンス</a>で提供されます。
私たちは新しいWeb技術を協力的に構築し、
開かれたプロセスに従い（例：<a href="https://www.w3.org/Consortium/Process/"><abbr title="World Wide Web Consortium">W3C</abbr>プロセス</a>）、
<abbr title="World Wide Web Consortium">W3C</abbr>の<a href="https://www.w3.org/policies/code-of-conduct/">行動規範</a>を遵守する包括的な環境で作業を行います。
</p>
<p>
これらはしばしばWebの強みとして挙げられます。
しかしながら、Webの開発が始まってから30年が経つ中で、
Webプラットフォームがその元々の目的を逸脱する形で使用されたり、
社会に害を与える形で使用されたりすることが明らかになっています。
</p>
<p>
Webのアーキテクチャは、コンテンツを取得し処理する異なる種類のアプリケーションがあり、
それぞれがアプリケーション利用者のニーズを満たすという考え方に基づいて設計されています。
これには、Webブラウザ、検索エンジンのようなWebホストアプリケーション、
およびWebリソースを処理するソフトウェアが含まれます。
これによって、人々は自分のニーズに最も適したブラウザ、検索エンジン、またはアプリケーションを選ぶことができ、
結果として個人の力を強化するのに適しています（例：強力なプライバシー保護機能）。
</p>
<p>
Webはまた、人権、尊厳、および個人の自律性を支援すべきです。
私たちは、国際的に認められた人権をWebプラットフォームの中心に据える必要があります [<cite><a class="bibref" data-link-type="biblio" href="#bib-udhr" title="Universal Declaration of Human Rights">UDHR</a></cite>]。
このアプローチを強化するために、Web業界全体で倫理的思考を促進する必要があります。
</p>
<p>
この文書に示されている原則は意図的に順序付けられておらず、
互いに関連し合っているものが多くあります。
これらは個別にではなく全体として読まれるべきものであり、
社会に有益なWebを支えるものです。
一つの原則を支持することによって、別の原則の効果が弱まる場合、
その利益とトレードオフを慎重に評価する必要があります。
技術が適用される状況、想定される対象者、その技術が誰に利益をもたらし、
誰に不利益をもたらすのか、および関連する権力関係（<a href="https://www.w3.org/TR/design-principles/#priority-of-constituencies">利害関係者の優先順位</a>も参照）を考慮することが重要です。
</p>
<section id="purpose-0">
<div class="header-wrapper">
<h3 id="purpose"><bdi class="secno">1.1 </bdi>目的</h3>
<a class="self-link" href="#purpose" aria-label="セクション1.1へのパーマリンク"></a>
</div>
<p>
これは<abbr title="World Wide Web Consortium">W3C</abbr>コミュニティの倫理的原則の声明です。
仕様の開発者、著者、およびレビュアーは、この文書を思考の指針として使用できます。
特に、この文書の目的は、新しい憲章、仕様、および公開された勧告の更新に対する
広範なレビューを通知することです。
他の人々も、この文書を読むことで、私たちがどのように倫理的考慮を設計プロセスに取り入れているかを理解できます。
</p>
<p>
仕様エディタ、サイト著者、およびWebプラットフォームの設計や構築に関わる人々に適用される具体的なガイダンスについては、
<cite><a data-matched-text="[[[Design-Principles]]]" href="https://www.w3.org/TR/design-principles/">Web Platform Design Principles</a></cite>、
<cite><a data-matched-text="[[[security-privacy-questionnaire]]]" href="https://www.w3.org/TR/security-privacy-questionnaire/">Self-Review Questionnaire: Security and Privacy</a></cite>、
<cite><a data-matched-text="[[[Privacy-Principles]]]" href="https://www.w3.org/TR/privacy-principles/">Privacy Principles</a></cite>、
および<a href="https://tag.w3.org/findings/">TAG Findings</a>を参照してください。
</p>
</section>
</section>
<section id="principles">
<div class="header-wrapper">
<h2 id="x2-principles"><bdi class="secno">2. </bdi>原則</h2>
<a class="self-link" href="#principles" aria-label="セクション2へのパーマリンク"></a>
</div>
<section id="there-is-one-web">
<div class="header-wrapper">
<h3 id="oneweb" data-export="" data-dfn-type="dfn"><bdi class="secno">2.1 </bdi>Webは一つである</h3>
<a class="self-link" href="#oneweb" aria-label="セクション2.1へのパーマリンク"></a>
</div>
<p>
新しいWeb技術やプラットフォームを追加する際には、地域や国境を越える形で構築します。
一つの場所にいる人々が、Webに接続されているどこからでもWebページを閲覧できるべきです。
</p>
</section>
<section id="the-web-does-not-cause-harm-to-society">
<div class="header-wrapper">
<h3 id="noharm" data-export="" data-dfn-type="dfn"><bdi class="secno">2.2 </bdi>Webは社会に害を及ぼさない</h3>
<a class="self-link" href="#noharm" aria-label="セクション2.2へのパーマリンク"></a>
</div>
<p>
Webに新しい機能や技術を追加する際、私たちはそれが社会やグループ、特に弱い立場の人々に
害を与えないように防止または軽減するために取り組みます。
社会的および個人的なスケールでの悪用シナリオを考慮し、さまざまな脅威モデルを検討します。
私たちはWeb開発者、コンテンツ提供者、ユーザーエージェント、広告主、またはエコシステムの他の関係者の
潜在的利益よりもWeb利用者の潜在的利益を優先します。
(<a href="https://www.w3.org/TR/design-principles/#priority-of-constituencies">利害関係者の優先順位</a>を参照)。
私たちは多様な視点を学び、理解することにコミットし、その多様性への敬意を反映する設計を生み出します。
これにより、影響を受けるすべての人々の利益と意見を適切に尊重する設計を実現します。
</p>
</section>
<section id="the-web-supports-healthy-community-and-debate">
<div class="header-wrapper">
<h3 id="community" data-export="" data-dfn-type="dfn"><bdi class="secno">2.3 </bdi>Webは健全なコミュニティと議論を支援する</h3>
<a class="self-link" href="#community" aria-label="セクション2.3へのパーマリンク"></a>
</div>
<p>
私たちはアイデアの共有、仮想的な相互作用、およびあらゆるトピックにおける大規模な協力のための
技術とプラットフォームを構築しています。
これらのツールは良い目的に使われる一方で、誤情報の拡散、個人情報の暴露（ドクシング）、
ハラスメント、迫害にも利用される可能性があります。
私たちはこれらのリスクを考慮し、個人の権利を尊重し、危険から守るための機能を備えたWeb技術や
プラットフォームを構築します。
</p>
</section>
<section id="the-web-is-for-all-people">
<div class="header-wrapper">
<h3 id="allpeople" data-export="" data-dfn-type="dfn"><bdi class="secno">2.4 </bdi>Webはすべての人のためにある</h3>
<a class="self-link" href="#allpeople" aria-label="セクション2.4へのパーマリンク"></a>
</div>
<p>
Webを利用するために高い技術的リテラシーは必要であるべきではありません。
Webプラットフォーム技術は一貫性があり直感的に動作すべきです。
私たちは、国際化とローカリゼーションの機能を仕様やWebサイトに組み込み、
異なる言語をサポートします。
すべてのユーザーが、言語、文字体系、文化に関係なくアクセスできるようにします。
低帯域幅のネットワークや低スペック機器を使用している人々にも対応します。
Webプラットフォームおよびその作成に使用するツールは、
視覚、聴覚、身体、言語、認知、学習、および神経学的な障害を含む、
障害のある人々にもアクセス可能でなければなりません。
誰もが仕様、ユーザーエージェント、コンテンツの作成に意義深く参加できるべきであり、
プラットフォームは完全にアクセス可能なエンドユーザー体験を提供すべきです。
</p>
</section>
<section id="the-web-is-secure-and-respects-people-s-privacy">
<div class="header-wrapper">
<h3 id="privacy" data-export="" data-dfn-type="dfn"><bdi class="secno">2.5 </bdi>Webは安全であり、人々のプライバシーを尊重する</h3>
<a class="self-link" href="#privacy" aria-label="セクション2.5へのパーマリンク"></a>
</div>
<p>
Webプラットフォームに機能を追加する際、私たちは人々の個人データを管理する能力に
影響を与える決定をしています。
これには会話、金融取引、そして生活様式に関するデータが含まれます。
私たちはまず、Webユーザーへの脅威を最小限に抑える技術を作成し、
避けられない脅威を軽減します。
また、Webを使用する際に取るリスクについて人々が理解できるようにします。
</p>
</section>
<section id="the-web-enables-freedom-of-expression">
<div class="header-wrapper">
<h3 id="expression" data-export="" data-dfn-type="dfn"><bdi class="secno">2.6 </bdi>Webは表現の自由を可能にする</h3>
<a class="self-link" href="#expression" aria-label="セクション2.6へのパーマリンク"></a>
</div>
<p>
私たちは表現の自由を奨励するWeb技術とプラットフォームを構築します。
私たちの作業は、国家検閲や<a href="https://www.rfc-editor.org/rfc/rfc7258#section-1">監視</a>、
またこの自由を制限しようとするその他の行為を可能にすべきではありません。
この原則は、他の人権の尊重とバランスを取る必要があり、
Web上の個々のサービスがすべての発言をサポートすることを意味するものではありません。
</p>
</section>
<section id="the-web-makes-it-possible-to-verify-information">
<div class="header-wrapper">
<h3 id="verify" data-export="" data-dfn-type="dfn"><bdi class="secno">2.7 </bdi>Webは情報の検証を可能にする</h3>
<a class="self-link" href="#verify" aria-label="セクション2.7へのパーマリンク"></a>
</div>
<p>
社会は公共情報の完全性に依存しています。私たちには、意図的または偶発的に誤解を招く試みに対抗し、
公共の利益のために情報の完全性を維持するWeb技術を構築する責任があります。
公衆が信頼できるWebの発信元やコンテンツを識別するには、検証可能なソースおよび文脈情報が必要です。
発信元の概念と
<a href="https://www.w3.org/2001/tag/doc/distributed-content/">情報ソースとの関係</a>
はWebのセキュリティモデルの中核です。
</p>
</section>
<section id="the-web-enhances-individuals-control-and-power">
<div class="header-wrapper">
<h3 id="control" data-export="" data-dfn-type="dfn"><bdi class="secno">2.8 </bdi>Webは個人のコントロールと力を高める</h3>
<a class="self-link" href="#control" aria-label="セクション2.8へのパーマリンク"></a>
</div>
<p>
Web技術は人々を操作し、欺くために使用されることや、孤立を複雑にし、依存行動を助長する可能性があると認識しています。
私たちはこうした潜在的な悪用や
<a href="https://en.wikipedia.org/wiki/Dark_pattern">ダークパターン</a>
に対して軽減策を講じ、新しい技術やプラットフォームを作成する際にはこれらを避けます。
また、Webアーキテクチャの中央集権化を減らし、単一障害点やコントロールの集中を最小限にします。
私たちは、大企業や組織の開発者だけでなく、個人開発者のためにもWeb技術を構築します。
WebはDIY（自作）開発者を支援するべきです。
</p>
</section>
<section id="the-web-is-an-environmentally-sustainable-platform">
<div class="header-wrapper">
<h3 id="sustainable" data-export="" data-dfn-type="dfn"><bdi class="secno">2.9 </bdi>Webは環境的に持続可能なプラットフォームである</h3>
<a class="self-link" href="#sustainable" aria-label="セクション2.9へのパーマリンク"></a>
</div>
<p>
Web技術は全体として環境に対する正の影響も負の影響も持ち得ます。
これらは時間と共に変化し、Webおよび環境技術の進展により地域ごとに異なる場合もあります。
私たちはWebに新しい技術を導入する際、環境へのさらなる悪影響を与えないよう努力し、
新しい技術の環境への影響を最も受ける人々が、導入された機能の恩恵を受けるとは限らないことを考慮します。
これには、データ保存と処理要件を最小限に抑えて炭素排出を削減することや、
後方互換性を最大化して物理デバイスの寿命を延ばし、電子廃棄物を減らすことが含まれます。
</p>
</section>
<section id="the-web-is-transparent">
<div class="header-wrapper">
<h3 id="transparent" data-export="" data-dfn-type="dfn"><bdi class="secno">2.10 </bdi>Webは透明である</h3>
<a class="self-link" href="#transparent" aria-label="セクション2.10へのパーマリンク"></a>
</div>
<p>
Webは「ソースを表示」する原則に基づいて構築され、現在では多くのブラウザに搭載された堅牢な開発者ツールによって実現されています。
私たちは常にWebアプリケーションがどのように構築され、そのコードがどのように動作するのかを特定できることを保証します。
さらに、Webアプリケーションや基盤ソフトウェアが、セキュリティやプライバシー、その他の観点から監査・検査可能であることを保証します。
</p>
</section>
<section id="the-web-is-multi-browser-multi-os-and-multi-device">
<div class="header-wrapper">
<h3 id="multi" data-export="" data-dfn-type="dfn"><bdi class="secno">2.11 </bdi>Webはマルチブラウザ、マルチOS、マルチデバイス対応である</h3>
<a class="self-link" href="#multi" aria-label="セクション2.11へのパーマリンク"></a>
</div>
<p>
私たちはWeb技術が一つのブラウザや特定のハードウェアのみで動作するWebサイトの作成を助長しないようにします。
URLにアクセスして提供されるコンテンツは、
<a href="https://www.w3.org/TR/mobile-bp/#tc">異なるデバイスからアクセスしても一貫した体験</a>
を提供するべきです。
複数の相互運用可能な実装の存在は競争を促進し、Webユーザーに多様な選択肢をもたらします。
</p>
</section>
<section id="the-web-can-be-consumed-in-any-way-that-people-choose">
<div class="header-wrapper">
<h3 id="render" data-export="" data-dfn-type="dfn"><bdi class="secno">2.12 </bdi>Webは人々が選ぶあらゆる方法で利用できる</h3>
<a class="self-link" href="#render" aria-label="セクション2.12へのパーマリンク"></a>
</div>
<p>
人々は自身のニーズに応じてWebページを変更できる必要があります。
例えば、スタイルシートのインストール、支援ブラウザ拡張機能、不要なコンテンツやスクリプトをブロックする機能が含まれます。
私たちは人々の主体性を尊重し、その好みをWeb上で反映するためのユーザーエージェントを作成します。
</p>
</section>
</section>
<section class="appendix" id="acknowlegements">
<div class="header-wrapper">
<h2 id="a-acknowlegements"><bdi class="secno">A. </bdi>謝辞</h2>
<a class="self-link" href="#acknowlegements" aria-label="付録Aへのパーマリンク"></a>
</div>
<p>
TAGは、この文書の構想および継続的な開発において支援、意見、フィードバックを提供してくださった以下の方々に感謝します：
Tantek Çelik（Mozilla）、
Oluwatomisin Niyi-Awosusi、
Joanna J. Bryson（倫理と技術の教授、デジタルガバナンスセンター、ヘルティスクール）、
Wendy Seltzer。
</p>
</section>
<section id="references" class="appendix">
<div class="header-wrapper">
<h2 id="b-references"><bdi class="secno">B. </bdi>参考文献</h2>
<a class="self-link" href="#references" aria-label="付録Bへのパーマリンク"></a>
</div>
<section id="informative-references">
<div class="header-wrapper">
<h3 id="b-1-informative-references"><bdi class="secno">B.1 </bdi>参考情報</h3>
<a class="self-link" href="#informative-references" aria-label="付録B.1へのパーマリンク"></a>
</div>
<dl class="bibliography">
<dt id="bib-design-principles">[design-principles]</dt>
<dd>
<a href="https://www.w3.org/TR/design-principles/"><cite>Webプラットフォームの設計原則</cite></a>. Lea Verou. W3C. 2024年7月18日. W3Cワーキンググループノート. URL:
<a href="https://www.w3.org/TR/design-principles/">https://www.w3.org/TR/design-principles/</a>
</dd>
<dt id="bib-mobile-bp">[mobile-bp]</dt>
<dd>
<a href="https://www.w3.org/TR/mobile-bp/"><cite>モバイルWebベストプラクティス1.0</cite></a>. Jo Rabin; Charles McCathieNevile. W3C. 2008年7月29日. W3C勧告. URL:
<a href="https://www.w3.org/TR/mobile-bp/">https://www.w3.org/TR/mobile-bp/</a>
</dd>
<dt id="bib-privacy-principles">[Privacy-Principles]</dt>
<dd>
<a href="https://www.w3.org/TR/privacy-principles/"><cite>プライバシーの原則</cite></a>. Robin Berjon; Jeffrey Yasskin. W3C. 2024年11月20日. W3Cワーキンググループノート. URL:
<a href="https://www.w3.org/TR/privacy-principles/">https://www.w3.org/TR/privacy-principles/</a>
</dd>
<dt id="bib-rfc7258">[RFC7258]</dt>
<dd>
<a href="https://www.rfc-editor.org/rfc/rfc7258"><cite>常時監視は攻撃である</cite></a>. S. Farrell; H. Tschofenig. IETF. 2014年5月. 現行ベストプラクティス. URL:
<a href="https://www.rfc-editor.org/rfc/rfc7258">https://www.rfc-editor.org/rfc/rfc7258</a>
</dd>
<dt id="bib-security-privacy-questionnaire">[security-privacy-questionnaire]</dt>
<dd>
<a href="https://www.w3.org/TR/security-privacy-questionnaire/"><cite>自己レビュー質問票: セキュリティとプライバシー</cite></a>. Theresa O'Connor; Peter Snyder. W3C. 2021年12月16日. W3Cワーキンググループノート. URL:
<a href="https://www.w3.org/TR/security-privacy-questionnaire/">https://www.w3.org/TR/security-privacy-questionnaire/</a>
</dd>
<dt id="bib-udhr">[UDHR]</dt>
<dd>
<a href="https://www.un.org/en/universal-declaration-human-rights/"><cite>世界人権宣言</cite></a>. 国際連合. URL:
<a href="https://www.un.org/en/universal-declaration-human-rights/">https://www.un.org/en/universal-declaration-human-rights/</a>
</dd>
</dl>
</section>
</section>
<p role="navigation" id="back-to-top">
<a href="#title"><abbr title="Back to Top">↑</abbr></a>
</p><script id="respec-dfn-panel">(() => {
// @ts-check
if (document.respec) {
document.respec.ready.then(setupPanel);
} else {
setupPanel();
}
function setupPanel() {
const listener = panelListener();
document.body.addEventListener("keydown", listener);
document.body.addEventListener("click", listener);
}
function panelListener() {
/** @type {HTMLElement} */
let panel = null;
return event => {
const { target, type } = event;
if (!(target instanceof HTMLElement)) return;
// For keys, we only care about Enter key to activate the panel
// otherwise it's activated via a click.
if (type === "keydown" && event.key !== "Enter") return;
const action = deriveAction(event);
switch (action) {
case "show": {
hidePanel(panel);
/** @type {HTMLElement} */
const dfn = target.closest("dfn, .index-term");
panel = document.getElementById(`dfn-panel-for-${dfn.id}`);
const coords = deriveCoordinates(event);
displayPanel(dfn, panel, coords);
break;
}
case "dock": {
panel.style.left = null;
panel.style.top = null;
panel.classList.add("docked");
break;
}
case "hide": {
hidePanel(panel);
panel = null;
break;
}
}
};
}
/**
* @param {MouseEvent|KeyboardEvent} event
*/
function deriveCoordinates(event) {
const target = /** @type HTMLElement */ (event.target);
// We prevent synthetic AT clicks from putting
// the dialog in a weird place. The AT events sometimes
// lack coordinates, so they have clientX/Y = 0
const rect = target.getBoundingClientRect();
if (
event instanceof MouseEvent &&
event.clientX >= rect.left &&
event.clientY >= rect.top
) {
// The event probably happened inside the bounding rect...
return { x: event.clientX, y: event.clientY };
}
// Offset to the middle of the element
const x = rect.x + rect.width / 2;
// Placed at the bottom of the element
const y = rect.y + rect.height;
return { x, y };
}
/**
* @param {Event} event
*/
function deriveAction(event) {
const target = /** @type {HTMLElement} */ (event.target);
const hitALink = !!target.closest("a");
if (target.closest("dfn:not([data-cite]), .index-term")) {
return hitALink ? "none" : "show";
}
if (target.closest(".dfn-panel")) {
if (hitALink) {
return target.classList.contains("self-link") ? "hide" : "dock";
}
const panel = target.closest(".dfn-panel");
return panel.classList.contains("docked") ? "hide" : "none";
}
if (document.querySelector(".dfn-panel:not([hidden])")) {
return "hide";
}
return "none";
}
/**
* @param {HTMLElement} dfn
* @param {HTMLElement} panel
* @param {{ x: number, y: number }} clickPosition
*/
function displayPanel(dfn, panel, { x, y }) {
panel.hidden = false;
// distance (px) between edge of panel and the pointing triangle (caret)
const MARGIN = 20;
const dfnRects = dfn.getClientRects();
// Find the `top` offset when the `dfn` can be spread across multiple lines
let closestTop = 0;
let minDiff = Infinity;
for (const rect of dfnRects) {
const { top, bottom } = rect;
const diffFromClickY = Math.abs((top + bottom) / 2 - y);
if (diffFromClickY < minDiff) {
minDiff = diffFromClickY;
closestTop = top;
}
}
const top = window.scrollY + closestTop + dfnRects[0].height;
const left = x - MARGIN;
panel.style.left = `${left}px`;
panel.style.top = `${top}px`;
// Find if the panel is flowing out of the window
const panelRect = panel.getBoundingClientRect();
const SCREEN_WIDTH = Math.min(window.innerWidth, window.screen.width);
if (panelRect.right > SCREEN_WIDTH) {
const newLeft = Math.max(MARGIN, x + MARGIN - panelRect.width);
const newCaretOffset = left - newLeft;
panel.style.left = `${newLeft}px`;
/** @type {HTMLElement} */
const caret = panel.querySelector(".caret");
caret.style.left = `${newCaretOffset}px`;
}
// As it's a dialog, we trap focus.
// TODO: when <dialog> becomes a implemented, we should really
// use that.
trapFocus(panel, dfn);
}
/**
* @param {HTMLElement} panel
* @param {HTMLElement} dfn
* @returns
*/
function trapFocus(panel, dfn) {
/** @type NodeListOf<HTMLAnchorElement> elements */
const anchors = panel.querySelectorAll("a[href]");
// No need to trap focus
if (!anchors.length) return;
// Move focus to first anchor element
const first = anchors.item(0);
first.focus();
const trapListener = createTrapListener(anchors, panel, dfn);
panel.addEventListener("keydown", trapListener);
// Hiding the panel releases the trap
const mo = new MutationObserver(records => {
const [record] = records;
const target = /** @type HTMLElement */ (record.target);
if (target.hidden) {
panel.removeEventListener("keydown", trapListener);
mo.disconnect();
}
});
mo.observe(panel, { attributes: true, attributeFilter: ["hidden"] });
}
/**
*
* @param {NodeListOf<HTMLAnchorElement>} anchors
* @param {HTMLElement} panel
* @param {HTMLElement} dfn
* @returns
*/
function createTrapListener(anchors, panel, dfn) {
const lastIndex = anchors.length - 1;
let currentIndex = 0;
return event => {
switch (event.key) {
// Hitting "Tab" traps us in a nice loop around elements.
case "Tab": {
event.preventDefault();
currentIndex += event.shiftKey ? -1 : +1;
if (currentIndex < 0) {
currentIndex = lastIndex;
} else if (currentIndex > lastIndex) {
currentIndex = 0;
}
anchors.item(currentIndex).focus();
break;
}
// Hitting "Enter" on an anchor releases the trap.
case "Enter":
hidePanel(panel);
break;
// Hitting "Escape" returns focus to dfn.
case "Escape":
hidePanel(panel);
dfn.focus();
return;
}
};
}
/** @param {HTMLElement} panel */
function hidePanel(panel) {
if (!panel) return;
panel.hidden = true;
panel.classList.remove("docked");
}
})()</script><script src="https://www.w3.org/scripts/TR/2021/fixup.js"></script></body></html>