html - 为什么大纲是:none not considered good practice?

Question

谢谢大家。这是一次非常好的讨论，让我明白了很多。

我正在处理输入字段并想删除轮廓，但人们说这是一种不好的做法。我不明白为什么。毕竟，不同的浏览器有不同的轮廓，这就摆脱了千篇一律。

无轮廓:

form input[type="text"],
form input[type="email"],
form input[type="password"],
form textarea {
  color: #000 !important;
  border: 2px solid #bdc3c7;
  border-radius: 6px;
  padding: 7px 13px; 
}
  form input[type="text"]:focus,
  form input[type="email"]:focus,
  form input[type="password"]:focus,
  form textarea:focus {
  outline: none; }

我的想法是，为了提高统一性，最好去掉轮廓，但我想有些人会争论可访问性。我仍然可以只添加边框或框阴影以实现可访问性，这将有助于网站在所有浏览器中看起来统一:

form input[type="text"],
form input[type="email"],
form input[type="password"],
form textarea {
  color: #000 !important;
  border: 2px solid #bdc3c7;
  border-radius: 6px;
  padding: 7px 13px; 
}
  form input[type="text"]:focus,
  form input[type="email"]:focus,
  form input[type="password"]:focus,
  form textarea:focus {
  /* IMPORTANT */ box-shadow: 0px 0px 2pt 2pt #008bd1;
  outline: none; }

所以我仍然不明白概述的论点:没有一个是不好的做法。

看这个:http://jsfiddle.net/bCGZQ/

编辑:两个答案都不错，但由于第一个引起的争论，我会接受。

Answer 1

大纲在很大程度上是一种辅助功能，应该在可选项卡元素上可用，以在键盘导航期间指示焦点。

It provides visual feedback for links that have "focus" when navigating a web document using the TAB key (or equivalent). This is especially useful for folks who can't use a mouse or have a visual impairment. If you remove the outline you are making your site inaccessible for these people.

http://www.outlinenone.com