fix: small fixes

src/4/1/2.md

@@ -13,7 +13,7 @@ permalink: "{{ number | scNumberToPath }}/"
 
 ## 概要
 
-カスタムコントロールを実装する場合、支援技術などのユーザーエージェントがそのコンポーネントを正確に解釈して実行できるよう、AccessibilityNameとroleを設定する。スクリーンリーダーなどの支援技術で動作確認をし、支援技術でも遜色なく機能が操作でき、状態の変化を認識できることを確認する。
+カスタムコントロールを実装する場合、支援技術などのユーザーエージェントがそのコンポーネントを正確に解釈して実行できるよう、`AccessibilityName` と `role` を設定する。スクリーンリーダーなどの支援技術で動作確認をし、支援技術でも遜色なく機能を操作でき、状態の変化を認識できることを確認する。
 
 <details>
 <summary>カスタムコントロールとは</summary
@@ -25,7 +25,7 @@ permalink: "{{ number | scNumberToPath }}/"
 
 ### SegmentedControl
 
-AmebaではSegmentedControlというカスタムコントロールのコンポーネントを利用している。これはページ内で機能やモードを切り替える際に用いる。基本的にはブラウザ標準のラジオボタンと同様の機能をもっており、単一の項目のみを選択できる。ブラウザ標準のラジオボタンとの違いはキー操作体系にある。上下左右キーでの移動だけで選択されるラジオボタンと違い、上下左右キーでの移動に加えEnter, Spaceキー押下しないと選択されない。そのため、キーボードフォーカス中ではあってもActiveではないという、ラジオボタンとは異なる状態が存在する。
+Amebaでは[SegmentedControl](https://ameba-spindle.web.app/?path=/docs/segmentedcontrol)というカスタムコントロールのコンポーネントを利用している。これはページ内で機能やモードを切り替える際に用いる。基本的にはブラウザ標準のラジオボタンと同様の機能をもっており、単一の項目のみを選択できる。ブラウザ標準のラジオボタンとの違いはキー操作体系にある。上下左右キーでの**移動だけで**選択されるラジオボタンと違い、上下左右キーでの**移動に加え**Enter, Spaceキーを押下しないと選択されない。そのため、「キーボードフォーカス中ではあってもActiveではない」という、ラジオボタンとは異なる状態が存在する。
 
 デモページ：[SegmentedControl ⋅ Storybook](https://ameba-spindle.web.app/?path=/docs/segmentedcontrol)
 
@@ -40,7 +40,6 @@ Amebaで定義されているSegmentedControlコンポーネントのイメー
 
 ### Web
 
-
 1. AccessibilityTree（ユーザー補助ツリー）のRole（役割）、Name欄に値が適切に反映されていることを確認する
     <figure>
     <img src="/img/4/1/2/web_test1.png" alt="">