macOS Safari の Tab キーでフォーカスがフォーム以外に当たらない。キーボード操作を許可するためには？
macOS Safari の Tab キーでフォーカスがフォーム以外に当たらない。キーボード操作を許可するためには？ もうちょっとちゃんと言うと、フォームのテキストボックスと、ブラウザの URL 入力する窓にしかフォーカスが移動しないんですよね。 なんでだろ。 アクセシビリティの「ガイドライン 2.1 キーボード操作可能」に対応するために ガイドライン 2.1 キーボード操作可能: すべての機能をキーボードから利用できるようにすること。 Web Content Accessibility Guidelines (WCAG) 2.0 こちらに対応するためには、このままでは困ります。 キーボードの TAB キーを押下した時に、クリッカブルな要素だったり、フォーム部品だったりにフォーカスが移動してマウスを使わなくてもウェブサイト内を操作移動できるようにしておく必要があります。 Safari 環境
Configuring Web Applications
Configuring Web ApplicationsA web application is designed to look and behave in a way similar to a native application—for example, it is scaled to fit the entire screen on iOS. You can tailor your web application for Safari on iOS even further, by making it appear like a native application when the user adds it to the Home screen. You do this by using settings for iOS that are ignored by other pla
iOS7.1のMobile Safariでアドレスバーを隠す方法 - インターファーム開発部ブログ
こんにちは、河森です。 今日はリリースされたばかりのiOS7.1に搭載されているMobile Safariについて書こうと思います。 以前のアドレスバー隠し iOS6.xまではページの読み込みが完了した後に、 JavaScriptにて縦にスクロールさせることでアドレスバーを隠すというやり方がありました。 iOS7.0ではどうなったのか 以前まで使えていたやり方は通用しなくなり、 ユーザーがページをスクロールしない限りは、 フルスクリーンにすることは出来なくなってしました。 これにより、iScrollやSencha Touchなどのライブラリやフレームワークを利用したり、CSSの-webkit-overflow-scrolling: touch;などでページのスクロールを制御している場合は、表示領域が狭いままという問題がありました。 iOS7.0では開発者主導でアドレバスバーが消せなくなった
iPhone向けSafari、HTML拡張属性を使いこなす | Webサイト開発
iPhone向けSafari、HTML拡張属性を使いこなす 2009.11.04 2020.09.10 Webサイト開発 HTML iPhone, demo iPhone向けSafariでは、W3C標準のHTMLタグ・属性をサポートしているのはもちろんだが、iPhone固有の拡張属性・拡張CSSプロパティが使用できる。具体的には、テキストの入力方法を制御するものからタッチパネル操作専用のイベントハンドラ、バックライトの制御といった機能まである。 今回はiPhone固有のHTML拡張属性を紹介したい。 関連記事： 円記号をiPhoneのブラウザに表示するには？ maxlengthで半角文字数で制限するには？ iPhone でHTTPプロキシを使用する際の制限 スマートフォンのラジオボタンを使いやすいサイズにするには？ スマホ向けページャデザイン 3選 CSS3 擬似クラス SafariのPC
iPhone の Safari が Mac版Safari インスペクタで調査できるようになってた | バシャログ。
先々週夏休みをいただきました。休み中はずっと家でPSPのゲームをやってましたtanakaです。 最近は iPhone5 が出たことがもちろん話題になりました。私も買おうと思ってますが、今回紹介するのはiPhone5ではなく、iOS6 Mobile SafariのデバッグがMacでできるようになったことです。 PC ブラウザに近いのデバッグ環境になって、開発マシンとしてのMac がさらに魅力的になってきましたね。 使ってみる 実機・シミュレータのどちらでも同じような感覚でデバッグできますが、実機の場合はUSB で Mac につないでおきます。次に Mobile Safari の設定で Webインスペクタを有効にします。 設定 > Safari > 詳細 > Webインスペクタ をオンに そうするとMac 版 Safari の開発メニューにシミュレータと、iPhone の名前が表示されます。(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
