2

次の CSS コードを追加して、リンク HTML 要素をクリックした後に表示されていたアウトラインを取り除きました。
CSS コード:

.window-leveling-btn:focus {
  outline: 0;
}

その後、次の csslint エラー メッセージが表示されます。なぜこれを行うべきではないのか、どのように正しく行うべきなのかがわかりません。
エラー メッセージ:WARNING: Outlines shouldn't be hidden unless other visual changes are made. Use of outline: none or outline: 0 should be limited to :focus rules. (outline-none)

4

2 に答える 2

2

Outline-none のCSSLintページによると：

フォーカス アウトラインは、ページ上のどこにフォーカスがあるかを視覚的に示すため、アクセシビリティにとって重要です。キーボードのみのユーザーの場合、フォーカス アウトラインによる視覚的な表示がなければ、Web ページのフォーカスを追跡することはできません。

基本的に、CSSLint チームは、ユーザーがページをナビゲートするのが難しくなるため、そうすべきではないと考えています。

エラーの抑制に関しては、コーディングしているアプリケーション (コマンド ラインまたはテキスト エディター) によって異なります。この CSSLint GitHub の問題によると、コメント内のルールの linting をオフにすることができます。これは、ほとんどのケースをカバーするはずです。

于 2015-07-07T18:19:14.787 に答える