サービス 08/9

2言語対応とアクセシビリティ

最初のラフの段階から、2つの言語で使うことを前提に設計。コントラスト、フォーカス、キーボード操作まで、どの画面でも丁寧に整えます。

含まれるもの

  • スペイン語と英語
  • どちらの言語でも崩れない文章量
  • 見やすいコントラストとフォーカス
  • キーボード操作

進め方

最後にまとめて翻訳すると、たいていうまくいきません。英語は短く、ドイツ語は長くなり、ボタンが崩れてしまいます。だから最初のラフから2つの言語を前提にデザインし、長さの違う文章でも崩れないレイアウトにして、画像の中に文字を入れないようにしています。

AIseigenとMOTOR-SCOPEは、スペイン語と英語に対応しています。このサイトはさらに一歩進めて、スペイン語・英語・日本語の3言語です。言語ごとに専用のURLがあるのでGoogleにも見つけてもらえますし、日本語では本までもが、日本と同じように右から左へめくる向きになります。

アクセシビリティも同じパッケージに入っています。日差しの下でも読めるコントラスト、キーボードで操作する人のための見えるフォーカス、スクリーンリーダー向けのラベル、システムの設定に合わせて控えめになるアニメーション。おまけではなく、誰にとっても使いやすくするためのものです。

得られるメリット

  1. より多くの人に、その人の言葉で届きます。
  2. コントラスト、フォーカス、キーボード操作に配慮して、誰も取り残しません。
  3. スマホでも、誰にとっても、しっかりした使い心地に。

実際に取り入れたプロジェクト

ほかのサービス