Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

WCAG 2.2:6 用語集 perimeter の翻訳 #65

Merged
merged 3 commits into from
Feb 9, 2024
Merged

Conversation

caztcha
Copy link
Contributor

@caztcha caztcha commented Jan 24, 2024

用語集の「perimeter」を翻訳しました。

@caztcha caztcha self-assigned this Jan 24, 2024
@caztcha caztcha requested a review from momdo January 24, 2024 09:03
@caztcha
Copy link
Contributor Author

caztcha commented Jan 24, 2024

円を囲む 2 CSS ピクセルの外周は、4𝜋r って、ホントですかね...?(数学に自信がない)

円周 (1 CSS ピクセルの外周) =2𝜋r だから、✗2 で 4𝜋r、でいいのか。

Copy link
Member

@momdo momdo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@caztcha
レビューしてみました。

@@ -2975,10 +2975,10 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1

</dd>

<dt class="new"><dfn id="dfn-perimeter" tabindex="0" aria-haspopup="dialog" data-dfn-type="dfn">perimeter</dfn></dt>
<dt class="new"><dfn id="dfn-perimeter" tabindex="0" aria-haspopup="dialog" data-dfn-type="dfn">外周 (perimeter)</dfn></dt>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wikipediaいわく、数学的には周長になりますかね…?

Suggested change
<dt class="new"><dfn id="dfn-perimeter" tabindex="0" aria-haspopup="dialog" data-dfn-type="dfn">外周 (perimeter)</dfn></dt>
<dt class="new"><dfn id="dfn-perimeter" tabindex="0" aria-haspopup="dialog" data-dfn-type="dfn">周長 (perimeter)</dfn></dt>

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ここを「周長」にすると、リンク元のテキスト(具体的には一箇所のみで、達成基準 2.4.13 Focus Appearance の要件の箇条書きのひとつめ)を以下のように修正する必要があります。

フォーカスされていないコンポーネント又はサブコンポーネントの、太さ 2 CSS ピクセルの外周の領域と同等以上の大きさである。

フォーカスされていないコンポーネント又はサブコンポーネントの、太さ 2 CSS ピクセルの周長の領域と同等以上の大きさである。

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@bakera
どうしましょう…?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wikipediaいわく

英語の perimeter は周囲と周長の両方を指す。

ということなのでややこしいですね。リンク元の文は「周囲」でないと意味が通じないものかと思います。この文の perimeter も周囲で良いかと。その一方、次のexampleにある"perimeter calculation"は2つの長さを比較する際に必要になる長さの計算について述べていますから、こちらは周長でないと意味が通じないですね。
原文は同じ言葉ですが訳し分けるしかないかなぁと。

guidelines/index.html Outdated Show resolved Hide resolved
<p>continuous line forming the boundary of a shape not including shared pixels, or the <a href="#dfn-bounding-boxes" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-bounding-boxes-2" title="[New]">minimum bounding box</a>, whichever is shortest.</p>
<aside class="example" id="example-16"><div class="marker">例</div><p>The perimeter calculation for a 2 CSS pixel perimeter around a rectangle is 4<em>h</em>+4<em>w</em>, where <em>h</em> is the height and <em>w</em> is the width. For a 2 CSS pixel perimeter around a circle it is 4𝜋<em>r</em>.</p></aside>
<p>共有されたピクセルがない形状の、境界を形成する連続線、又は<a href="#dfn-bounding-boxes" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-bounding-boxes-2" title="[New]">最小境界ボックス</a>、のいずれか短い方。</p>
<aside class="example" id="example-16"><div class="marker">例</div><p>長方形を囲む 2 CSS ピクセルの外周の算出方法は、4<em>h</em> + 4<em>w</em> であり、<em>h</em> は高さを、<em>w</em> は横幅を表す。円を囲む 2 CSS ピクセルの外周は、4𝜋<em>r</em> である。</p></aside>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

whereは数学なんかでいう「ここで」ですね。
一般閃光閾値及び赤色閃光閾値 (general flash and red flash thresholds)ではそのように訳しています。

ここ、長方形にしますかね…。読みやすさでいうと長方形ですが、あわせるなら矩形ですよね…。

Suggested change
<aside class="example" id="example-16"><div class="marker"></div><p>長方形を囲む 2 CSS ピクセルの外周の算出方法は、4<em>h</em> + 4<em>w</em> であり<em>h</em> は高さを、<em>w</em> は横幅を表す。円を囲む 2 CSS ピクセルの外周は、4𝜋<em>r</em> である。</p></aside>
<aside class="example" id="example-16"><div class="marker"></div><p>長方形を囲む 2 CSS ピクセルの周長の算出方法は、4<em>h</em> + 4<em>w</em> である。ここで<em>h</em> は高さを、<em>w</em> は横幅を表す。円を囲む 2 CSS ピクセルの周長は、4𝜋<em>r</em> である。</p></aside>

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

where を「ここで」、rectangle を「矩形」とすること、異論ありません。
あとは、perimeter を「周長」と訳すかどうか、ですね。

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

こちらの perimeter の意味は「周長」ですね。同じ perimeter という単語ですが、文脈に応じて訳し分けるのがいいかなと。

この注釈に辿り着くまでの流れをメモしておくと、

  • 達成基準2.4.13 Focus Appearanceでは "2 CSS pixel thick perimeter" と同等以上の面積が要求される (ここでは面積の話をしていて、この perimeter は「周囲」)
  • この perimeter の定義として、用語の perimeter がある。そこではboundary of a shape と minimum bounding box のどちらか短い方が採用されることになっている (ここは先の面積の話を引き継いでいる定義で、この perimeter は「周囲」)
  • boundary of a shape と minimum bounding box のうちどちらが短いかを調べる必要があるため、それぞれの長さの計算方法の例として注釈を書いた (ここでは長さの話をしていて、この perimeter は「周長」)

ということで、ここでは長さの計算の話をしていて、perimeter は周長です。
(なのですが、正直「この注釈いります? 逆にわかりにくくなってませんか?」という感想……)

@momdo momdo added the WCAG22 WCAG 2.2の翻訳 label Jan 25, 2024
@momdo momdo linked an issue Jan 25, 2024 that may be closed by this pull request
Co-authored-by: Momdo Nakamura <[email protected]>
Copy link
Contributor

@bakera bakera left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

perimeterについてコメントしました。

@@ -2975,10 +2975,10 @@ <h1 id="title" class="title">Web Content Accessibility Guidelines (WCAG) 2.2</h1

</dd>

<dt class="new"><dfn id="dfn-perimeter" tabindex="0" aria-haspopup="dialog" data-dfn-type="dfn">perimeter</dfn></dt>
<dt class="new"><dfn id="dfn-perimeter" tabindex="0" aria-haspopup="dialog" data-dfn-type="dfn">外周 (perimeter)</dfn></dt>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wikipediaいわく

英語の perimeter は周囲と周長の両方を指す。

ということなのでややこしいですね。リンク元の文は「周囲」でないと意味が通じないものかと思います。この文の perimeter も周囲で良いかと。その一方、次のexampleにある"perimeter calculation"は2つの長さを比較する際に必要になる長さの計算について述べていますから、こちらは周長でないと意味が通じないですね。
原文は同じ言葉ですが訳し分けるしかないかなぁと。

<p>continuous line forming the boundary of a shape not including shared pixels, or the <a href="#dfn-bounding-boxes" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-bounding-boxes-2" title="[New]">minimum bounding box</a>, whichever is shortest.</p>
<aside class="example" id="example-16"><div class="marker">例</div><p>The perimeter calculation for a 2 CSS pixel perimeter around a rectangle is 4<em>h</em>+4<em>w</em>, where <em>h</em> is the height and <em>w</em> is the width. For a 2 CSS pixel perimeter around a circle it is 4𝜋<em>r</em>.</p></aside>
<p>共有されたピクセルがない形状の、境界を形成する連続線、又は<a href="#dfn-bounding-boxes" class="internalDFN" data-link-type="dfn" id="ref-for-dfn-bounding-boxes-2" title="[New]">最小境界ボックス</a>、のいずれか短い方。</p>
<aside class="example" id="example-16"><div class="marker">例</div><p>長方形を囲む 2 CSS ピクセルの外周の算出方法は、4<em>h</em> + 4<em>w</em> であり、<em>h</em> は高さを、<em>w</em> は横幅を表す。円を囲む 2 CSS ピクセルの外周は、4𝜋<em>r</em> である。</p></aside>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

こちらの perimeter の意味は「周長」ですね。同じ perimeter という単語ですが、文脈に応じて訳し分けるのがいいかなと。

この注釈に辿り着くまでの流れをメモしておくと、

  • 達成基準2.4.13 Focus Appearanceでは "2 CSS pixel thick perimeter" と同等以上の面積が要求される (ここでは面積の話をしていて、この perimeter は「周囲」)
  • この perimeter の定義として、用語の perimeter がある。そこではboundary of a shape と minimum bounding box のどちらか短い方が採用されることになっている (ここは先の面積の話を引き継いでいる定義で、この perimeter は「周囲」)
  • boundary of a shape と minimum bounding box のうちどちらが短いかを調べる必要があるため、それぞれの長さの計算方法の例として注釈を書いた (ここでは長さの話をしていて、この perimeter は「周長」)

ということで、ここでは長さの計算の話をしていて、perimeter は周長です。
(なのですが、正直「この注釈いります? 逆にわかりにくくなってませんか?」という感想……)

@bakera
Copy link
Contributor

bakera commented Jan 31, 2024

よく考えると日本語で「円周」と言ったときも周囲を指す場合と周長を指す場合がありますよね
https://ja.wikipedia.org/wiki/%E5%86%86%E5%91%A8

なんか全部「外周」でもいいような気もしてきました。

@bakera
Copy link
Contributor

bakera commented Jan 31, 2024

いやちょっと待った!!
私、勘違いしてました。
これ周長じゃなくて、全部外周の面積の話です。
exampleは周長だと思っていましたがそんなことはありません。
周長を計算したらそれぞれ 2w+2h 、2𝜋r じゃないですか。
でも 4w+4h 、4𝜋r と書いてある。これは幅 2px をかけてるんです。面積ですよこれ。

誤り:

boundary of a shape と minimum bounding box のうちどちらが短いかを調べる必要があるため、それぞれの長さの計算方法の例として注釈を書いた (ここでは長さの話をしていて、この perimeter は「周長」)

正しくは:
boundary of a shape と minimum bounding box のパターンそれぞれについて、面積の計算方法の例として注釈を書いた (ここでも面積の話をしていて、この perimeter も「周囲」)

@bakera
Copy link
Contributor

bakera commented Jan 31, 2024

結論: ここの perimeter はどれも長さの話ではなく、すべて「外周」としてよい

@momdo
Copy link
Member

momdo commented Jan 31, 2024

ああ、確かに面積のことを言ってますね(すみませんすみません

@caztcha
Copy link
Contributor Author

caztcha commented Feb 7, 2024

@bakera @momdo レビューありがとうございました。perimeter は「外周」とする旨、承知いたしました。

というわけで、
#65 (comment)
について、修正しました。9cabf0e

お手数ですが、ご確認よろしくお願いいたします。

@caztcha caztcha requested review from bakera and momdo February 7, 2024 07:58
@bakera bakera merged commit 49a2de6 into main Feb 9, 2024
@momdo momdo deleted the tsuchiya-edit-issue27 branch March 1, 2024 04:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
WCAG22 WCAG 2.2の翻訳
Projects
None yet
Development

Successfully merging this pull request may close these issues.

WCAG 2.2:6用語集 perimeter
3 participants