エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Figma】Code Connect を使ってアクセシブルなコンポーネントを作成する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Figma】Code Connect を使ってアクセシブルなコンポーネントを作成する - Qiita
はじめに みなさんは、アクセシブルなコンポーネントをFigmaで作りたいと思ったことはありますか? UI周... はじめに みなさんは、アクセシブルなコンポーネントをFigmaで作りたいと思ったことはありますか? UI周りの仕様をFigma内で完結させようとした時、コメントやアノテーションを使って aria-label とかを指定してもなかなか気がつきにくいものです。 そのため、この記事では、Code Connect を使って、 role属性や WAI-ARIAを意図的にデザイン上で表現する方法を解説します。 Code Connectとは? Code Connectについてこちらの記事で紹介しているのでぜひご覧ください! Code Connect を使ってアクセシブルなコンポーネントを作成する この記事では、スイッチボタンをベースに説明していこうと思います スイッチボタンのアクセシビリティについては、こちらをご覧ください! ① Figmaのコンポーネントを準備する 以下の画像のようなコンポーネントを用