>ホーム [1] >技術紹介 [4] >リッチクライアント [Shift-A] >バリアフリー サイト情報 資料請求・お問合せ
     ホーム [1]       新着情報 [2]       KeyNavi [3]       技術紹介 [4]       FAQ [5]       サイトマップ [6]     
−JavaScriptによるリッチクライアント環境/Webブラウザだけで簡単便利に−
   

バリアフリー

− 視力に自信の無い方も入力しやすく

  バリアフリー

拡大して見やすい大きさで
説明図:拡大機能
【グラフも拡大可能に】
「拡大」機能により画面全体(或いは指定部)を拡大できます。 Webブラウザでの「表示→文字サイズ→最大」では 画像やフォーム要素が拡大されませんが それらも拡大できます。 グラフやスプレッドシートも含め画面全体を見やすいサイズに調整できます。

フォーカス位置を見失わない
説明図:Webでのフォーカス表示
【黒い縦線が点滅するのみで判別難】
一般的なWebシステムでは、どの入力欄にフォーカス中か分かり難いです。 右上図のようにフォーカス中の入力欄では細長い縦線が点滅するのみで 判別が難しくなっています。
説明図:フォーカス表示を工夫
【色を反転して見つけやすく】
そこで右下図のように現在フォーカス中の入力欄の背景色や枠色を 変更し分かりやすくします。

また RadioボタンやCheckBoxではクリック可能な範囲が約20px四方の とても小さな領域になります(ブラウザのデフォルト動作)。 これをラベルを含めた領域まで広げることができます。 目や手に負担をかけずにクリックが可能になります。

本技術に関するお問合せ・ご相談を承っております
  資料請求・お問合せ [Shift-W]
お問合せ・ご相談・お見積もりの連絡先を記載しております。
また技術的なご質問なども承っております。

 上位ページ[Shift-U] 先頭へ [W or O] 

入力支援 [Shift-B] | エラー表示 [Shift-C] | フォーカス制御 [Shift-D] | ショートカット [Shift-E] | グラフ描画 [Shift-F]
スプレッドシート [Shift-G] | 通信 [Shift-H] | バリアフリー | その他の技術 [Shift-J]

機能対応表 [Shift-K] | ユーザ別に便利になること [Shift-L]
サービス内容 [Shift-M] | FAQ:質問と回答 [Shift-O]

リッチクライアント [Shift-A] | コンテンツ記述言語ZML [Shift-Q] | 文書ワークフロー [Shift-R]
らくなび [Shift-S] | eラーニング [Shift-T] | ユーザビリティ診断 [Shift-V]