本文へ移動

リンクテキスト、テキストエリアのガイドを更新しました

リンクテキストが使いやすくなりました

なぜ取り組んだか

  • リンクテキストがコンポーネントになっており、文中で使いにくい
  • デジタル庁ウェブサイトからのお問い合わせ
    • カラーガイドのリンク色の例がWCAG2.0 レベルAを満たさない(リンクをクリックしなくてもリンク先の内容がわかるようにすべき)ために例文を変えるべき。
    • 縦に並べる場合の余白の推奨サイズは相対地の方がいいのではないか。

方針

  • リンクテキストをコンポーネントからテキストスタイルへ変更
  • カラーガイドの適用例修正+リンクテキストのガイドラインに「リンクの目的を明確に」を追加
  • 現在策定中の「WCAG2.2」に「2.5.8: Target Size (Minimum) 」という新しい達成基準に合わせ、絶対値のまま最小のターゲット領域を24に変更。ウェブだけでなくアプリも対象であるため、単位は指定しない

変更前のリンクテキストと、変更後のリンクテキストの比較を紹介している。変更箇所が赤枠で囲まれている。

文字数制限のあるテキストエリアのガイドを作成しました

なぜ取り組んだか

  • 新マイナポータルの開発ベンダーより、テキストエリアの文字数制限挙動が定まっていない件の問い合わせがあったため

方針

  • 文字数制限に関するガイドラインを追加
    • 文字数制限、入力中の文字数、超過文字数が具体的にわかるよう文字数カウンターを常時表示する。
    • ラベルにのみ文字数を入れたり、超過の場合に自動で削除される仕様は、エラー内容に対する理解性を下げるため非推奨に。

変更前のテキストエリアと、変更後のテキストエリアの比較を紹介している。変更箇所が赤枠で囲まれている。

関連情報