docs:translate guide/a11y-semantics #85

ryo-gk · 2020-09-23T01:24:35Z

resolve #46

netlify · 2020-09-23T01:26:06Z

Deploy preview for vuejs-v3-ja-doc-preview ready!

Built with commit 01a6ed2

https://deploy-preview-85--vuejs-v3-ja-doc-preview.netlify.app

kazupon

レビュー 👀 しました。
良さそうです！

kazupon · 2020-09-23T15:50:33Z

@yamanoku
度々、すいませんが、a11y 自分そんなに詳しくないので、念の為、こちら一度確認してもらえませんでしょうか？ 🙏

yamanoku · 2020-09-23T21:15:14Z

src/guide/a11y-semantics.md

@@ -46,12 +46,12 @@ Provide labels to describe the purpose of all form control; linking `for` and `i
 </p>
 <script async src="https://static.codepen.io/assets/embed/ei.js"></script>

-If you inspect this element in your chrome developer tools and open the Accessibility tab inside the Elements tab, you will see how the input gets its name from the label:
+chrome デベロッパツールでこの要素を検証し、Elements タブ内の Accessibility タブを開くと、どのように入力欄がその名前をラベルから取得するかを確認できます :

 ![Chrome Developer Tools showing input accessible name from label](/images/AccessibleLabelChromeDevTools.png)


こちらの画像における代替テキストも日本語訳してもらえるとありがたいです

yamanoku · 2020-09-23T21:15:41Z

src/guide/a11y-semantics.md

@@ -85,13 +85,13 @@ You can also give the input an accessible name with [`aria-label`](https://devel
 </p>
 <script async src="https://static.codepen.io/assets/embed/ei.js"></script>

-Feel free to inspect this element in Chrome DevTools to see how the accessible name has changed:
+この要素を Chrome DevTools で自由に検証し、どのようにアクセス可能な名前が変更されたか確認してください:

 ![Chrome Developer Tools showing input accessible name from aria-label](/images/AccessibleARIAlabelDevTools.png)


こちらの画像における代替テキストも日本語訳してもらえるとありがたいです

yamanoku · 2020-09-23T21:16:12Z

src/guide/a11y-semantics.md

@@ -159,15 +159,15 @@ Using [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibi
 </p>
 <script async src="https://static.codepen.io/assets/embed/ei.js"></script>

-You can see the description by instecting Chrome DevTools:
+Chrome DevTools で検出することで Description を確認することができます:

 ![Chrome Developer Tools showing input accessible name from aria-labelledby and description with aria-describedby](/images/AccessibleARIAdescribedby.png)


こちらの画像における代替テキストも日本語訳してもらえるとありがたいです

yamanoku · 2020-09-23T21:40:10Z

src/guide/a11y-semantics.md

@@ -197,7 +197,7 @@ You can provide additional instructions and bind multiple ids inside an [`aria-l
 </fieldset>
 ```

-Alternatively, you can attach the instructions to the input with [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute):
+あるいは、[`aria-describedby`](https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute) を使用して入力欄に指示を添付することもできます:


Suggested change

あるいは、[`aria-describedby`](https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute) を使用して入力欄に指示を添付することもできます:

あるいは、[`aria-describedby`](https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute) を使用して入力欄に説明を添付することもできます:

[IMO] 指示より「説明」のほうが適切かもしれません

参考：WCAG文書とWAICによる日本語翻訳文書

Understanding Success Criterion 3.3.2: Labels or Instructions

達成基準 3.3.2: ラベル又は説明を理解する

yamanoku · 2020-09-23T21:42:46Z

src/guide/a11y-semantics.md

+入力欄に指示を追加するとき、入力欄に対して正しくリンクしていることを確認してください。
+あなたは追加の指示を提供し、複数の id を  [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute) 内に束縛することができます。これにより、さらに柔軟な設計が可能になります。


Suggested change

入力欄に指示を追加するとき、入力欄に対して正しくリンクしていることを確認してください。

あなたは追加の指示を提供し、複数の id を [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute) 内に束縛することができます。これにより、さらに柔軟な設計が可能になります。

入力欄に説明を追加するとき、入力欄に対して正しくリンクしていることを確認してください。

あなたは追加の説明を提供し、複数の id を [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute) 内に束縛することができます。これにより、さらに柔軟な設計が可能になります。

[IMO] 指示より「説明」のほうが適切かもしれません

参考：WCAG文書とWAICによる日本語翻訳文書

Understanding Success Criterion 3.3.2: Labels or Instructions

達成基準 3.3.2: ラベル又は説明を理解する

@kazupon
[IMO] bindは「束縛」よりも「バインド」のままで訳したほうが開発者としてはイメージしやすそうな気がしたのですがいかがでしょう 👀

そうしたいところなんですが、Vue 3 のドキュメント、結構 Vue 2 ベースになっていて、他の翻訳も bind を束縛で通してしてしまっています。一貫性を持たせたいので、一旦現状どおりとさせてください。 🙏

yamanoku · 2020-09-23T21:46:00Z

src/guide/a11y-semantics.md


-### Instructions
+### 指示


Suggested change

### 指示

### 説明

[IMO] 指示より「説明」のほうが適切かもしれません

参考：WCAG文書とWAICによる日本語翻訳文書

Understanding Success Criterion 3.3.2: Labels or Instructions

達成基準 3.3.2: ラベル又は説明を理解する

yamanoku

@ryo-gk @kazupon
レビューいたしました！よろしくお願いいたします！

kazupon · 2020-09-24T05:32:35Z

@yamanoku
レビューありがとうございました！

@ryo-gk
引き続き、よろしくお願いしいたします！

kazupon · 2020-09-24T14:49:25Z

確認しました。
LGTMです！
CIでエラーが起きていますが、翻訳作業に支障がない(このPRとは別事象)ので、マージします。

翻訳ありがとうございました！

ryo-gk added 2 commits September 23, 2020 02:19

docs:translate guide/ally-semantics

d0c5da5

small fix: space and typo

8ed244e

pr-triage bot added the PR: unreviewed label Sep 23, 2020

ryo-gk changed the title ~~docs:translate guide/ally-semantics~~ docs:translate guide/a11y-semantics Sep 23, 2020

kazupon approved these changes Sep 23, 2020

View reviewed changes

pr-triage bot added PR: reviewed-approved and removed PR: unreviewed labels Sep 23, 2020

kazupon requested a review from yamanoku September 23, 2020 15:50

yamanoku reviewed Sep 23, 2020

View reviewed changes

translate alt text, and change word: instructions

01a6ed2

pr-triage bot added PR: unreviewed and removed PR: reviewed-approved labels Sep 24, 2020

kazupon merged commit 59ae855 into vuejs-jp:lang-ja Sep 24, 2020

pr-triage bot added PR: merged and removed PR: unreviewed labels Sep 24, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

docs:translate guide/a11y-semantics #85

docs:translate guide/a11y-semantics #85

Uh oh!

ryo-gk commented Sep 23, 2020

Uh oh!

netlify bot commented Sep 23, 2020 •

edited

Loading

Uh oh!

kazupon left a comment

Uh oh!

kazupon commented Sep 23, 2020

Uh oh!

yamanoku Sep 23, 2020 •

edited

Loading

Uh oh!

yamanoku Sep 23, 2020 •

edited

Loading

Uh oh!

yamanoku Sep 23, 2020 •

edited

Loading

Uh oh!

yamanoku Sep 23, 2020 •

edited

Loading

Uh oh!

yamanoku Sep 23, 2020

Uh oh!

yamanoku Sep 23, 2020

Uh oh!

kazupon Sep 24, 2020

Uh oh!

yamanoku Sep 23, 2020

Uh oh!

yamanoku left a comment

Uh oh!

kazupon commented Sep 24, 2020

Uh oh!

kazupon commented Sep 24, 2020

Uh oh!

Uh oh!

	あるいは、[`aria-describedby`](https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute) を使用して入力欄に指示を添付することもできます:
	あるいは、[`aria-describedby`](https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute) を使用して入力欄に説明を添付することもできます:

		入力欄に指示を追加するとき、入力欄に対して正しくリンクしていることを確認してください。
		あなたは追加の指示を提供し、複数の id を [`aria-labelledby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute) 内に束縛することができます。これにより、さらに柔軟な設計が可能になります。

docs:translate guide/a11y-semantics #85

docs:translate guide/a11y-semantics #85

Uh oh!

Conversation

ryo-gk commented Sep 23, 2020

Uh oh!

netlify bot commented Sep 23, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

kazupon left a comment

Choose a reason for hiding this comment

Uh oh!

kazupon commented Sep 23, 2020

Uh oh!

yamanoku Sep 23, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

yamanoku Sep 23, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

yamanoku Sep 23, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

yamanoku Sep 23, 2020 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

yamanoku Sep 23, 2020

Choose a reason for hiding this comment

Uh oh!

yamanoku Sep 23, 2020

Choose a reason for hiding this comment

Uh oh!

kazupon Sep 24, 2020

Choose a reason for hiding this comment

Uh oh!

yamanoku Sep 23, 2020

Choose a reason for hiding this comment

Uh oh!

yamanoku left a comment

Choose a reason for hiding this comment

Uh oh!

kazupon commented Sep 24, 2020

Uh oh!

kazupon commented Sep 24, 2020

Uh oh!

Uh oh!

netlify bot commented Sep 23, 2020 •

edited

Loading

yamanoku Sep 23, 2020 •

edited

Loading

yamanoku Sep 23, 2020 •

edited

Loading

yamanoku Sep 23, 2020 •

edited

Loading

yamanoku Sep 23, 2020 •

edited

Loading