2

視覚障害者向けの iOS ブラウザ アプリを開発しています。

大きな文字/数字とカスタムのポップオーバー文字を備えた大きなキーボードを作成しました。これにより、視覚障害のある人がアプリ自体を非常に簡単に使用できるようになります。

ユーザーが Web サイトに移動し、そのサイト内のフィールド (パスワード フィールド、検索フィールドなど) にテキストを入力しようとすると、問題が発生します。この場合、標準の iOS キーボード (カスタム キーパッドの約 1/2 のサイズで、ポップオーバー文字はありません) が展開され、視覚障害のある人にとっては使いにくいものです。

私はこれに対する創造的な回避策を探しており、スタックオーバーフローの素晴らしい心が助けになることを願っています.

iOS キーボードを無効にできないことはわかっています。私が提起したい解決策は次のとおりです。

1) iOS キーボードの上に、iOS キーパッドの文字/数字と同じ正確な位置にはるかに大きな文字/数字を含む画像をオーバーレイする方法はありますか? そのため、iOS キーボードがデプロイされると、疑似キーボードはその上に展開しますか?ユーザーがキーを選択すると、実際にはオーバーレイの下にある対応するキーが選択されます-その文字または数字を発射しますか? もしそうなら、カスタムのポップオーバーも追加できますか?

2) 上記の代わりに、iOS キーを大きくしたり、外観をカスタマイズしたりする方法はありますか?

ご意見やアイデアをお寄せいただければ幸いです。

4

3 に答える 3

0

私のプロジェクトでは、uiwebview 用のカスタム数字キーボードの設計も依頼されました。デフォルトのキーボードが表示されないようにする解決策を見つけました。input タグに属性
<input class="customPad" readonly="true">を追加し、
ユーザーがクリックしたときにイベントをバインドします。
$('customPad').click(){window.location="locationpattern"}
ウィンドウの位置を変更すると、uiwebview でデリゲートを使用してケースバイケースで処理し、必要に応じてポップオーバーできます。

于 2013-12-24T09:37:14.477 に答える
0

解決策は次のようにすることです:

var hideKeyboard = function() {
    document.activeElement.blur();
    $("input").blur();
};

SOに関する別の言い回しの質問への回答として見つけたもの

于 2012-09-19T18:47:10.440 に答える
0

この質問に従って、iOS カスタム キーボードを使用できないのはなぜですか。

カスタム キーボードの作成方法

あなたはそれがUIWebViewにあると仮定して、それがWebページ上にあると述べました。カスタム入力ビューをプルアップするために、UIWebView 自体にカスタム inputView を設定してみることができるようです。

于 2012-09-19T19:10:30.940 に答える