---
title: カスタマイズ
description: カード非提示認証体験のロゴ、ボタンの色、形状のカスタマイズオプションと、アクセシビリティのコントラスト推奨事項。
canonical: https://developer.unico.io/ja/dual-api/developers/regional-solutions/card-not-present-verification/integration/customizations
locale: ja
generated_by: markdown-export
---

### ロゴのカスタマイズ

エンドユーザーに表示されるロゴをカスタマイズすることができます。このロゴの反映を依頼するには、.PNG形式で56x56pxサイズの画像をUnicoチームに送付する必要があります。

### ロゴ使用ガイドライン

:::warning[ルール]
- 視認性を確保できる背景でのロゴ適用を優先してください。
- 正方形のグリッドに沿わないロゴは使用しないでください。
- 低解像度のロゴの使用は避けてください。
- 透明な背景にはロゴを適用しないでください。
:::

:::tip[推奨事項]
[WCAG](https://accessibleweb.com/color-contrast-checker/)のアクセシビリティ基準に従い、少なくとも`4.5:1`の読みやすいコントラストを持つ色を優先してください。色の16進数を使用してコントラスト比を確認してください。例:前景色`#000000`、背景色`#FFFFFF`、コントラスト比`21.00:1`。
:::

### ボタンの色と形状のカスタマイズ

実装プロセスを通じて、貴社のビジュアルアイデンティティに応じて、カード非提示認証インターフェースのボタンの色と形状の設定を依頼することができます。

:::tip[推奨事項]
- **アクセシブルな色を選択する:** Web および Nativeでボタンの色をカスタマイズする際は、視覚障害のある方を含むすべてのユーザーの視認性を確保できる、アクセシブルな配色を選択してください。
- **コントラスト比:** 最良の結果を得るために、`4.51:1`より高いコントラスト比を目指してください。

アクセシブルな色は、特にロービジョンの方にとって、すべての人のナビゲーションを向上させます。16進数のカラーコードを使用してコントラストを確認し、[WCAG](https://accessibleweb.com/color-contrast-checker/)のガイドラインに従ってください。

- **例:** `#000000`(背景)に対する`#FFFFFF`(テキスト)は、コントラスト比`21.00:1`となります。
:::

#### ボタンの角の丸みの調整

テキストと背景の色に加えて、ボタンの角の丸み(border-radius)をピクセル単位で定義することもできます。

#### カスタマイズ設定

ボタンにクライアントまたはパートナーのビジュアルアイデンティティを設定するには、以下の情報をUnicoの実装チームに共有してください。

- ボタンの背景の16進数カラーコード。例:`#000000`。
- ボタンのテキストの16進数カラーコード。例:`#ffffff`。
- ボタンの角の丸み(ピクセル単位)。例:`10px`。