Skip to content

Commit

Permalink
変換後処理
Browse files Browse the repository at this point in the history
画像のリンク切れの大まかな修正
Note: ボックスの修正
など
  • Loading branch information
mfuji09 committed Aug 21, 2022
1 parent cf43c65 commit 4436241
Show file tree
Hide file tree
Showing 182 changed files with 1,113 additions and 1,113 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -29,11 +29,11 @@ translation_of: Learn/Accessibility/Accessibility_troubleshooting

解凍が完了した評価サイトは次のように見えるはずです:

![](https://mdn.mozillademos.org/files/14555/assessment-site-finished.png)
![](assessment-site-finished.png)

この評価の開始時点であなたがサイトを表示したとき、いくつかの違いや問題を見つけることでしょう。これは主にマークアップ中の違いが原因であり、CSS が正しく適用されずにスタイリングの問題を引き起こしています。心配しないでください。以降の節でそれらの問題を修正します!

> **Note:** ****: もし行き詰まって助けを求める場合 — ページ最下部の [Assessment or further help](#assessment_or_further_help) セクションを見てください。
> **Note:** もし行き詰まって助けを求める場合 — ページ最下部の [Assessment or further help](#assessment_or_further_help) セクションを見てください。
## プロジェクトの概要

Expand All @@ -49,7 +49,7 @@ translation_of: Learn/Accessibility/Accessibility_troubleshooting
2. スクリーンリーダーのユーザーがナビゲートしやすいように、記事のテキストを変更できますか?
3. サイトのナビゲーションメニュー ( `<div class="nav"></div>` で囲まれた部分) は正しい HTML5 セマンティック要素の中に入れることでよりアクセシブルになったかもしれません。どれを変更する必要がありますか?変更してください。

> **Note:** ****: タグをスタイル付けする CSS ルールセレクターは、セマンティック見出しのために適切に変更する必要があります。パラグラフ要素を加えると、スタイルもより良く見えることに気がつくでしょう。
> **Note:** タグをスタイル付けする CSS ルールセレクターは、セマンティック見出しのために適切に変更する必要があります。パラグラフ要素を加えると、スタイルもより良く見えることに気がつくでしょう。
### 画像

Expand Down
26 changes: 13 additions & 13 deletions files/ja/learn/accessibility/css_and_javascript/index.md

Large diffs are not rendered by default.

38 changes: 19 additions & 19 deletions files/ja/learn/accessibility/html/index.md

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion files/ja/learn/accessibility/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ translation_of: Learn/Accessibility

このモジュールの大半の理解には、少なくとも [HTML](/ja/docs/Learn/HTML), [CSS](/ja/docs/Learn/CSS), [JavaScript](/ja/docs/Learn/JavaScript) の最初の 2 モジュールを通して読むのが良いでしょうし、 たぶんもっと良いのは、関連するテクノロジートピックを進めるにつれて、関連するアクセシビリティの部分を進めるのが良いでしょう。

> **Note:** **メモ**: 自分のファイルを作れない コンピューター/タブレット/その他の端末で作業する場合、コードの実例の大半を [JSBin](https://jsbin.com/)[Glitch](https://glitch.com/) などのオンラインコーディングプログラム内で試すことができます。
> **Note:** 自分のファイルを作れない コンピューター/タブレット/その他の端末で作業する場合、コードの実例の大半を [JSBin](https://jsbin.com/)[Glitch](https://glitch.com/) などのオンラインコーディングプログラム内で試すことができます。
## ガイド

Expand Down
4 changes: 2 additions & 2 deletions files/ja/learn/accessibility/mobile/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ TalkBack をオフにしたい場合は、
2. \[ユーザー補助] > \[TalkBack] に移動します。
3. スライダースイッチに移動してアクティブにすると、オフになります。

> **Note:** ****: 連続した動きで上にスワイプしてから左にスワイプすると、いつでもホーム画面にアクセスできます。複数のホーム画面がある場合は、左右に 2 本指でスワイプすることでそれらの間を移動できます。
> **Note:** 連続した動きで上にスワイプしてから左にスワイプすると、いつでもホーム画面にアクセスできます。複数のホーム画面がある場合は、左右に 2 本指でスワイプすることでそれらの間を移動できます。
TalkBack ジェスチャーのより完全なリストについては、[TalkBack ジェスチャーを利用する](https://support.google.com/accessibility/android/answer/6151827?hl=ja)を参照してください。

Expand Down Expand Up @@ -119,7 +119,7 @@ VoiceOver のモバイル版は iOS オペレーティングシステムに組

それをオンにするには、あなたの設定アプリに行き、\[一般] > \[アクセシビリティ] > \[VoiceOver] を選択してください。VoiceOver スライダを押して有効にします(このページには VoiceOver に関連する他の多数のオプションも表示されます)。

> **Note:** ****: 古い iOS 端末では VoiceOver メニューは _設定_ > _一般_ > _アクセシビリティ_ > *VoiceOver*にあります。
> **Note:** 古い iOS 端末では VoiceOver メニューは _設定_ > _一般_ > _アクセシビリティ_ > *VoiceOver*にあります。
VoiceOver が有効になると、iOS の基本的なコントロールジェスチャーは次のように少し違います。

Expand Down
16 changes: 8 additions & 8 deletions files/ja/learn/accessibility/multimedia/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -71,9 +71,9 @@ HTML5 の video と audio インスタンスは、ビルトインのコントロ

control 属性は、あなたがメディアプレイヤーに対して期待する再生/一時停止ボタンやシークバーといった基本的なコントロールを提供します。Firefox と Chrome では次のように表示されます。

![Screenshot of Video Controls in Firefox](https://mdn.mozillademos.org/files/14440/native-controls-firefox.png)
![Screenshot of Video Controls in Firefox](native-controls-firefox.png)

![Screenshot of Video Controls in Chrome](https://mdn.mozillademos.org/files/14438/native-controls-chrome.png)
![Screenshot of Video Controls in Chrome](native-controls-chrome.png)

しかし、これらのコントロールには問題があります:

Expand Down Expand Up @@ -259,21 +259,21 @@ player.ontimeupdate = function() {

しかし、いくつかのエッジケースもあります。例えば、スプレッドシートやグラフの資料を使用したミーティングの録音オーディオがあるかもしれません。その場合、それらの資料がオーディオとトランスクリプトとともに提供されていることを確認するべきであり、特にトランスクリプトの中でそれらの資料に言及されている箇所をリンクとすることが大事です。これは聴覚障害の方だけでなく、すべてのユーザーの助けになります。

> **Note:** ****: オーディオトランスクリプトは、一般的に様々なユーザーグループを助けます。聴覚障害の人へオーディオに含まれたコンテンツにアクセスを提供するように、オーディオをダウンロードすることが困難な狭い帯域のユーザーのことを考えて見ましょう。パブやバーのような騒音の多い環境で、雑音のためにオーディオを聞くことが難しいユーザーのことも考えて見ましょう。
> **Note:** オーディオトランスクリプトは、一般的に様々なユーザーグループを助けます。聴覚障害の人へオーディオに含まれたコンテンツにアクセスを提供するように、オーディオをダウンロードすることが困難な狭い帯域のユーザーのことを考えて見ましょう。パブやバーのような騒音の多い環境で、雑音のためにオーディオを聞くことが難しいユーザーのことも考えて見ましょう。
## ビデオテキストトラック

聴覚障害者、視覚障害者、そして他のユーザー (狭い帯域のユーザーや、ビデオで使用される言語を話さないユーザー) にとってビデオをアクセシブルにするために、ビデオコンテンツにテキストトラックを含める必要があります。

> **Note:** ****: テキストトラックは障害者だけでなく他のユーザーにとっても便利になる可能性があります。例えば、うるさい環境 (スポーツ中継を流している混雑したバーなど) にいるためにオーディオが聞こえないユーザーや、他の人を邪魔したくない静かな場所 (図書館など) にいるユーザーなどです。
> **Note:** テキストトラックは障害者だけでなく他のユーザーにとっても便利になる可能性があります。例えば、うるさい環境 (スポーツ中継を流している混雑したバーなど) にいるためにオーディオが聞こえないユーザーや、他の人を邪魔したくない静かな場所 (図書館など) にいるユーザーなどです。
これは新しいコンセプトではありません — テレビ放送では、かなり長い間クローズドキャプションを提供しています:

![Frame from an old-timey cartoon with closed captioning "Good work, Goldie. Keep it up!"](https://mdn.mozillademos.org/files/14436/closed-captions.png)
![Frame from an old-timey cartoon with closed captioning "Good work, Goldie. Keep it up!"](closed-captions.png)

一方で、多くの国では英語の映画を自国の母語の字幕とともに提供していて、DVD では他の言語の字幕も利用可能となっています。

![An English film with German subtitles "Emo, warum erkennst du nicht die Schonheit dieses Ortes?"](https://mdn.mozillademos.org/files/14442/Subtitles_German.jpg)
![An English film with German subtitles "Emo, warum erkennst du nicht die Schonheit dieses Ortes?"](Subtitles_German.jpg)

テキストトラックには、目的に応じた様々な種類のものがあります。あなたが接する主な種類は、次のものです:

Expand Down Expand Up @@ -319,11 +319,11 @@ HTML のメディア再生と共に表示させるためには、次のことを

これは、字幕が表示されたビデオとなり、次のようになります:

![Video player with standard controls such as play, stop, volume, and captions on and off. The video playing shows a scene of a man holding a spear-like weapon, and a caption reads "Esta hoja tiene pasado oscuro."](https://mdn.mozillademos.org/files/7887/video-player-with-captions.png)
![Video player with standard controls such as play, stop, volume, and captions on and off. The video playing shows a scene of a man holding a spear-like weapon, and a caption reads "Esta hoja tiene pasado oscuro."](video-player-with-captions.png)

詳細は [Adding captions and subtitles to HTML5 video](/ja/docs/Web/Apps/Fundamentals/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video) を読んでください。あなたは、GitHub で GIan Devlin によって作られた[](http://iandevlin.github.io/mdn/video-player-with-captions/)をこの記事と併せて見ることができます。([source ソースコード](https://github.com/iandevlin/iandevlin.github.io/tree/master/mdn/video-player-with-captions) も見てください) この例では JavaScript を使用して、ユーザーが異なる言語の字幕を選択できるようになっています。字幕を表示するためには、"CC" ボタンをクリックして英語、ドイツ語、スペイン後のオプションを選択する必要があります。

> **Note:** ****: テキストトラックは {{glossary("SEO")}} でも役に立ちます。検索エンジンはテキストによって更新されるためです。検索エンジンは、テキストトラックによってビデオの途中に直接リンクすることさえできます。
> **Note:** テキストトラックは {{glossary("SEO")}} でも役に立ちます。検索エンジンはテキストによって更新されるためです。検索エンジンは、テキストトラックによってビデオの途中に直接リンクすることさえできます。
## その他のマルチメディアコンテンツ

Expand Down
Loading

0 comments on commit 4436241

Please sign in to comment.