Skip to content

Commit

Permalink
リンクフラグメントを一括修正
Browse files Browse the repository at this point in the history
  • Loading branch information
mfuji09 committed Nov 10, 2024
1 parent 3d6154a commit 3c603aa
Show file tree
Hide file tree
Showing 9 changed files with 10 additions and 10 deletions.
2 changes: 1 addition & 1 deletion files/ja/learn/accessibility/css_and_javascript/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ em {
}
```

けれども、なんらかの目立つ方法で強調要素をスタイル付けする必要はめったにないでしょう。太字とイタリック体のテキストという標準的慣習はとても認識しやすく、そのスタイルを変更することは混乱を招きかねません。強調についてのさらなる情報は、[強調と重要性](/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#emphasis_and_importance)を参照してください。
けれども、なんらかの目立つ方法で強調要素をスタイル付けする必要はめったにないでしょう。太字とイタリック体のテキストという標準的慣習はとても認識しやすく、そのスタイルを変更することは混乱を招きかねません。強調についてのさらなる情報は、[強調と重要性](/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#強調と重要性)を参照してください。

#### 略語

Expand Down
2 changes: 1 addition & 1 deletion files/ja/learn/css/styling_text/styling_lists/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ slug: Learn/CSS/Styling_text/Styling_lists

{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Styling_text/Fundamentals", "Learn/CSS/Styling_text/Styling_links", "Learn/CSS/Styling_text")}}

[リスト](/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#lists)は他のテキストとほとんど同じようにふるまいますが、知っておくべきリスト固有の CSS プロパティと、考慮すべきベストプラクティスがいくつかあります。 この記事はすべてを説明しています。
[リスト](/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#リスト)は他のテキストとほとんど同じようにふるまいますが、知っておくべきリスト固有の CSS プロパティと、考慮すべきベストプラクティスがいくつかあります。 この記事はすべてを説明しています。

| 前提知識: | 基本的なコンピューターリテラシー、HTML の基本 ([HTML 入門](/ja/docs/Learn/HTML/Introduction_to_HTML)を学ぶ)、 CSS の基本 ([CSS 入門](/ja/docs/Learn/CSS/First_steps)を学ぶ)、[CSS のテキストとフォントの基礎](/ja/docs/Learn/CSS/Styling_text/Fundamentals)|
| --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -152,7 +152,7 @@ alt テキストのキーワードは「説明文」です。 alt テキスト
それでは、あなたの HTML の {{htmlelement("img")}} 要素の上に適切なタイトルを付けてみましょう。

> [!NOTE]
> 見出しレベル 1 には、暗黙のスタイルがあることがわかりますね。テキストを大きくしたり、太くしたりするために見出し要素を使用しないでください。見出し要素は[アクセシビリティ](/ja/docs/Learn/Accessibility/HTML#テキストコンテンツ)[SEO などの理由](/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#why_do_we_need_structure)で使用されているからです。段階を飛ばすことなく、意味のある見出しの並びをページ上に作るようにしてください。
> 見出しレベル 1 には、暗黙のスタイルがあることがわかりますね。テキストを大きくしたり、太くしたりするために見出し要素を使用しないでください。見出し要素は[アクセシビリティ](/ja/docs/Learn/Accessibility/HTML#テキストコンテンツ)[SEO などの理由](/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#なぜ構造が必要なのか)で使用されているからです。段階を飛ばすことなく、意味のある見出しの並びをページ上に作るようにしてください。
### 段落

Expand Down
2 changes: 1 addition & 1 deletion files/ja/learn/html/howto/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ HTMLは文書構造を設定するだけです。表示に関する課題を解

### データ表現

- 数値とコード値を HTML で表現する方法 - [上付き文字と下付き文字](/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting##上付きと下付き)、および[コンピューターのコードの表現](/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting#コンピューターのコードを表現する)を参照してください
- 数値とコード値を HTML で表現する方法 - [上付き文字と下付き文字](/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting#上付きと下付き)、および[コンピューターのコードの表現](/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting#コンピューターのコードを表現する)を参照してください
- [データ属性の使用](/ja/docs/Learn/HTML/Howto/Use_data_attributes)

### 上級のテキスト意味づけ
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ JavaScript を活用して、あなたのウェブページを次のレベルに

アクセシビリティは、あらゆるソフトウェア開発において大きな課題です。 JavaScript を賢く使用すればウェブサイトをよりアクセシビリティの高いものにできますし、スクリプトを無頓着に使用すれば大惨事になることもあります。 JavaScript が意図通りに動くようにするには、JavaScript を追加するための最善の手法について知っておく価値があります。

- **すべてのコンテンツを(構造化された)テキストとして利用できるようにしましょう。** コンテンツは可能な限り HTML に頼ってください。例えば、 JavaScript で素敵な進捗バーを実装した場合、HTML 内で一致するテキストのパーセント表示で補完するようにしてください。同様に、ドロップダウンメニューは[リンク](/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#lists)[順序なしリスト](/ja/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks)として構造化すべきです。
- **すべてのコンテンツを(構造化された)テキストとして利用できるようにしましょう。** コンテンツは可能な限り HTML に頼ってください。例えば、 JavaScript で素敵な進捗バーを実装した場合、HTML 内で一致するテキストのパーセント表示で補完するようにしてください。同様に、ドロップダウンメニューは[リンク](/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#リスト)[順序なしリスト](/ja/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks)として構造化すべきです。
- **すべての機能をキーボードからアクセスできるようにしましょう。**

- ユーザーがすべてのコントロール(リンクやフォーム入力など)を合理的な順序で移動できるようにしましょう。
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -306,7 +306,7 @@ l10n:
href="/ja/docs/Learn/Accessibility/HTML#意味の通るテキストラベル"
>意味の通るテキストラベル</a
>、<a
href="/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#the_basics_headings_and_paragraphs"
href="/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#基本_見出しと段落"
>見出しと段落の基本</a
>、<a
href="/ja/docs/Learn/Forms/How_to_structure_a_web_form#the_%3clabel%3e_element"
Expand Down Expand Up @@ -362,7 +362,7 @@ l10n:
<td>
<p>
<a
href="/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#the_basics_headings_and_paragraphs"
href="/ja/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals#基本_見出しと段落"
>見出しと段落の基本</a
>を参照してください。
</p>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ slug: Web/Accessibility/Understanding_WCAG/Understandable

| 達成基準 | 基準への準拠方法 | 実用的なリソース |
| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 3.1.1 ページの言語 (A) | 各ウェブページのデフォルトの人間の言語はコードで検出できるべきです。 これは、読者が自分に合った言語で書かれたページにアクセスしたことを確認するなどの目的に不可欠です。 これを実現する最も簡単な方法は、ページの {{htmlelement("html")}} 要素に [`lang`](/ja/docs/Web/HTML/Global_attributes#lang) 属性を設定して、ページが書かれている言語を最もよく表す言語コードをそれに与えることです。 | [文書の第一言語の設定](/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#Setting_the_primary_language_of_the_document)を参照してください。 |
| 3.1.1 ページの言語 (A) | 各ウェブページのデフォルトの人間の言語はコードで検出できるべきです。 これは、読者が自分に合った言語で書かれたページにアクセスしたことを確認するなどの目的に不可欠です。 これを実現する最も簡単な方法は、ページの {{htmlelement("html")}} 要素に [`lang`](/ja/docs/Web/HTML/Global_attributes#lang) 属性を設定して、ページが書かれている言語を最もよく表す言語コードをそれに与えることです。 | [文書の第一言語の設定](/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#文書の主要な言語の設定)を参照してください。 |
| 3.1.2 パーツの言語 (AA) | ページのコンテンツに第一言語とは異なる言語の単語や語句が含まれている場合は、問題の用語を囲む要素(例えば、意味論の要素が利用できない場合は {{htmlelement("span")}})に [`lang`](/ja/docs/Web/HTML/Global_attributes#lang) 属性を使用して適切な言語を設定します。言語に関係なく同じである単語や語句に異なる言語を設定する必要はありません(例えば、固有名詞、特定の言語の一部ではない専門用語など)。 | |
| 3.1.3 珍しい単語 (AAA) | 専門用語、業界用語、または慣用句やスラングが使用されている場合は、そのような語句や単語に対して定義を提供するべきです。 サイトでは、そのような言葉や用語の定義を含む用語集を、それらが現れたときにリンクできるように提供するか、少なくとも周囲のテキストやページ下部の[説明リスト](/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting#説明リスト)のどこかに定義を提供するべきです。 | |
| 3.1.4 略語 (AAA) | 略語が使用されている場合は、それらの展開や、必要に応じて定義を提供するべきです。{{htmlelement("abbr")}} 要素は、略語の展開を提供するための推奨される方法と考えられています — 展開を含む [`title`](/ja/docs/Web/HTML/Global_attributes#title) 属性を取り、略語をマウスオーバーしたとき、これが表示されます。 ただし、`title` の内容はキーボードからはアクセスできず、スクリーンリーダーによって確実に読み上げられるわけでもありません。 これを扱うためのより良い方法は、この場合も先と同様に略語の展開と説明を含む用語集のページへのリンクを提供するか、少なくともコンテキスト内の周囲のテキストにそれらを含めることです。 | [略語](/ja/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting#略語)を参照してください。 |
Expand Down
2 changes: 1 addition & 1 deletion files/ja/web/media/formats/image_types/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -576,7 +576,7 @@ GIF は単純な画像やアニメーションに適していますが、フル
### ICO (Microsoft Windows icon)

ICO (Microsoft Windows icon) ファイル形式は、 Windows システムのデスクトップアイコン用に Microsoft が設計しました。
しかし、 Internet Explorer の初期バージョンでは、ウェブサイトのルートディレクトリーに `favicon.ico` という ICO ファイルを用意して、**[ファビコン](/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#adding_custom_icons_to_your_site)** - お気に入りメニューやサイトのアイコン表現が役立つその他の場所に表示するアイコンを指定することができます。
しかし、 Internet Explorer の初期バージョンでは、ウェブサイトのルートディレクトリーに `favicon.ico` という ICO ファイルを用意して、**[ファビコン](/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#サイトに自分の好きなアイコンを追加)** - お気に入りメニューやサイトのアイコン表現が役立つその他の場所に表示するアイコンを指定することができます。

ICO ファイルには、複数のアイコンを含むことができ、それぞれの詳細が記載されたディレクトリーから始まります。
ディレクトリーの後に、アイコンのデータが続きます。
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ l10n:

### ホーム画面に追加

2007 年の iPhone を皮切りに、スマートフォンには「ホーム画面に保存」機能が追加されました。通常の(PWA でない)ウェブサイトの場合、この機能はブックマークに似ていますが、ブラウザーの機能であるブックマークメニューにファビコンとページのタイトルを追加する代わりに、この方法でお気に入り登録すると、OS の[ホーム画面にアイコンが追加](/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#サイトに自分の好きなアイコンをつけるadding_custom_icons_to_your_site)されます。
2007 年の iPhone を皮切りに、スマートフォンには「ホーム画面に保存」機能が追加されました。通常の(PWA でない)ウェブサイトの場合、この機能はブックマークに似ていますが、ブラウザーの機能であるブックマークメニューにファビコンとページのタイトルを追加する代わりに、この方法でお気に入り登録すると、OS の[ホーム画面にアイコンが追加](/ja/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML#サイトに自分の好きなアイコンを追加)されます。

PWA 以外のサイトをホーム画面に追加しても、ウェブサイトは端末にインストールされません。開発者が定義したアイコンがホーム画面に追加されますが、クリックすると既定のブラウザーでブックマークされたリンクが開きます。

Expand Down

0 comments on commit 3c603aa

Please sign in to comment.