html - Tabキーを押しても、ページ上のリンクが「マーク」されないのはなぜですか？

Question

Tabキーを押しても、ページ上のリンクがフォーカスされていないことがわかります。

他のサイトと同様に、Tabキーで次のHTMLコントロール（アンカー、入力）をマークすることを期待しています。

それはhtml/cssの問題ですか？

Answer 1

デフォルトのブラウザアウトラインが抑制されていることを確認してください。all.cssファイルのコードは次のとおりです。

a:focus,
div:focus,
input:focus{outline:none;}

私はこれをいくつかのモバイルウェブサイトで使用しましたが、Androidはその要素のアウトラインでうまく機能しないことがあります。

編集：

HTML5ボイラープレートから直接アウトラインをオーバーライドする方法は次のとおりです。

a:focus                                             { outline:thin dotted; }
a:hover, a:active                                   { outline:0; }

Answer 2

これは確かにCSSに関連しています。23行目のall.cssで、通常はフォーカスされた要素を強調表示する青いアウトラインを削除します

a:focus, div:focus, input:focus{outline:none;}

強調表示したい場合は、ある種のスタイルを定義する必要があります。または、これらの線を削除して、標準の青い輪郭を取得します。