From 13f2862ed7395529369ff8a13a40e91ce5c6dc11 Mon Sep 17 00:00:00 2001 From: tokimari Date: Wed, 11 Oct 2023 14:55:30 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=E5=85=B7=E4=BD=93=E4=BE=8B=E3=82=92?= =?UTF-8?q?=E8=A3=9C=E8=B6=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/4/1/2.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/4/1/2.md b/src/4/1/2.md index 5bdb5b8a..f1d6df37 100644 --- a/src/4/1/2.md +++ b/src/4/1/2.md @@ -47,7 +47,7 @@ roleとは、ユーザーインターフェイスの機能を表すものであ ### SegmentedControl -Amebaでは[SegmentedControl](https://ameba-spindle.web.app/?path=/docs/segmentedcontrol)というカスタムコントロールのコンポーネントを利用している。これはページ内で機能やモードを切り替える際に用いる。基本的にはブラウザ標準のラジオボタンと同様の機能をもっており、単一の項目のみを選択できる。ブラウザ標準のラジオボタンとの違いはキー操作体系にある。上下左右キーでの**移動だけで**選択されるラジオボタンと違い、上下左右キーでの**移動に加え**Enter, Spaceキーを押下しないと選択されない。そのため、「キーボードフォーカス中ではあってもActiveではない」という、ラジオボタンとは異なる状態が存在する。 +Amebaでは[SegmentedControl](https://ameba-spindle.web.app/?path=/docs/segmentedcontrol)というカスタムコントロールのコンポーネントを利用している。これはページ内で機能やモードを切り替える際に用いる。基本的にはブラウザ標準のラジオボタンと同様の機能をもっており、単一の項目のみを選択できる。ブラウザ標準のラジオボタンとの違いはキー操作体系にある。上下左右キーでの**移動だけで**選択されるラジオボタンと違い、上下左右キーでの**移動に加え**Enter, Spaceキーを押下しないと選択されない。そのため、「キーボードフォーカス中ではあってもActiveではない」という、ラジオボタンとは異なる状態が存在する。以上の仕様を満たすため、カスタムコントロールとしての実装を選択しており、Acceessible Nameとroleの適切な設定が必要となる。 デモページ：[SegmentedControl ⋅ Storybook](https://ameba-spindle.web.app/?path=/docs/segmentedcontrol)