role=”tab”で実装したタブのキーボード操作対応
role=”tab”でliなどクリッカブルではない要素もタブにできます。 role定義により、セマンティック的にはliをタブとして宣言できるためスクリーンリーダではタブとして認識させるようになりますがPCブラウザのキーボ …
「html5」の記事一覧
クレジットカード情報のオートコンプリート
クレジットカード情報の入力欄にフォーカスしたときAppleやGoogleのアカウントに保存しているクレジットカード情報があれば、カード番号や有効期限を自動入力するかきいてくれる、あれ、10桁以上ある番号を暗記するのは難し …
Internet Explorer では HTML5の main タグが使えない
極論から。 InternetExplorerではHTML5の<main>タグは使えません。 検索するとたくさん該当するのが IEはデフォルトで<main>タグをinline要素として認識するから、 …
textareaのplaceholderに改行をいれる
テキストエリアのplaceholderは、数値実体参照で改行コードのCRとLF書けば改行させられる…と思っていたら Safariでは効かないことが判明。 荒技でいくなら、属性値の途中でリアル改行させる手もあります。 しか …
スマートフォンで撮影した写真をjavascriptのFile APIでinputへセット
iOS6のSafariから対応の、HTML5のFileReaderをつかって スマートフォンのカメラを起動し、撮影した画像を <input type=”file”>へセットしたり &l …