アクセシビリティこの記事は2015年7月25日に書かれたものです。情報が古い可能性がありますのでご注意ください。要素(整形済みテキスト)。して横スクロールバーを表示するようにしている場合が多いかと思います。ライブラリを使うことで、同等の表示になっている場合もあります。称します)、もちろんマウスで操作すれば見えていなかった部分をスクロールして表示することができますが、キーボード操作ではアクセシビリティ上の問題があります。要素(リンク)がない限り、キーボードで擬似的なインラインフレームにフォーカスすることができませんので、キーボード操作ではスクロールができず、見えない部分を確認することができないからです。有効にすることで、矢印キーを使って擬似的なインラインフレームにカーソルを移動し、矢印キーでスクロールすることができます。矢印キーによるカーソルの移動が一字ずつですのでかなり煩わしいです。同様の機能がありますが、実はそのような機能を使わなくても、標準で擬似的なインラインフレームにフォーカスすることができます。キーを使ってリンクを辿っていく中で、擬似的なインラインフレームがあるとそこにフォーカスされるのです。全てがフォーカスされるのではなく、スクロールが発生する場合のみフォーカスされるという賢さです。フォーカスされたら左右の矢印キーでスクロールできます。違って、1回のキー操作で数文字分スクロールできますので煩わしさはありません。セレクタで枠線や背景など、フォーカスされたときのスタイルを設定するとよいと思います。枠線の色を濃く表示するように設定しています。プラグイン等を使わない限り、擬似的なインラインフレームのスクロールは難しいようです。要素内でも強制的に折り返して表示するようにしていました。pre-wrap;}しかし、フロントエンドエンジニアの立場からみると、強制的に折り返されているコードは読みにくく、スクロールしてでも折り返さないで表示されていた方が分かりやすいという面もあります。コードを別ウィンドウで表示したり、コピーしたりできるボタンを表示することができますが、これはオンマウスで表示されるもので、キーボード操作では表示されませんので、この問題の解決にはなりません。使って設置してみました。下記のコードもそれが適用されている筈です。書き換えとテキストの書き換えを繰り替えすようにしています。囲んでいるのは、リンクと明示することでキーボードでフォーカスできるからです。スクリーンリーダー利用者には無意味なリンクになりますが。ボタンのようにキーボードで操作できないものが多く、使うのをためらうことも多いです。これがベストかどうかはわかりませんが、少なくとも、折り返されないためにキーボード操作で見えない部分を確認することができない問題と、折り返して表示されているとコードが分かりにくいとう問題の両方を解決することはできたのではないかと思います。コメントをキャンセルコメント名前(ニックネーム可)(必須)メールアドレス(公開されません)(必須)次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。