保护 Semper os Contornos CSS：Uma Abordagem Essencial

常用的 CSS 实践包括中提琴的访问原理以及:focus链接、按钮和交互控制等元素的删除。在 WCAG 2.4.11 中，如果要改变视觉效果:focus，请选择中提琴的基本设置：Aparência de Foco（焦点外观）。

为确保网站访问的关键要素，您不能使用鼠标识别和交互的要素。这些指示说明，我们使用的技术依赖于页面上的提示，以帮助您获得使用挫败和无效的体验。

评论，这是一种对本地设计的感觉的评价，它是不适合平台设计的操作或不适合的。 Mas，com CSS Moderno，Surge uma nova propriedade que pode ajudar a Tornar os contornos mais atraentes。

无论是递归还是递归outline-offset，我们都能够发挥积极的作用，并解决问题中的一些问题。要实现这一目标，请选择统一em，并允许保持关系的位置和符合字体的元素。

您可以通过使用outline-width功能来建立max()更大的控制范围，并确保在不同的菜单中都可以调整速度，以适应整体1px的比例em。

button:focus {
  outline: max(1px, 0.1em) solid currentColor;
  outline-offset: 0.25em;
}

在其他选项中，您可以定义轮廓偏移，使用负值来合并周围的元素。

button:focus {
  outline: max(1px, 0.1em) dashed currentColor;
  outline-offset: -0.25em;
}

不过，如果要根据具体情况进行考虑，则可能需要考虑一些伪类。一个伪类:focus-visibleirámostrar um contorno (ou estilo definido pelo usuário) apenas quando o dispositivo/navegador (agente do usuário) 决定了必要性。另外，在使用鼠标时，与鼠标之间的交互非常重要。

Aproveitando essa atualização，nossos estilos de botão provavelmente Serão apresentados allo você pressar a tecla no botão，proportorcionando uma is mais coesa and intuitiva体验。

button:focus {
  outline: none;
}

button:focus-visible {
  outline: max(1px, 0.1em) dashed currentColor;
  outline-offset: -0.25em;
}

Vale 观察并支持伪类，:focus-visible它发送了所有操作的实现，但不是 Safari 的主要用户。我们通过实验来实现这一功能，它是一个与梅尔霍里亚斯进步形式相结合的范例。

我们可以利用这一点来重新认识一个无知的伪类，并重新:focus-visible删除该国家:focus。您可以在第一时间button:focus使用该应用程序来获得支持，:focus-visible并在随后的一段时间内获得支持:focus-visible。有趣的是，这:focus:not(:focus-visible)是一个:focus-visible在 Safari 和 Internet Explorer 11 上使用的功能的构建。

button:focus {
  outline: max(1px, 0.1em) dashed currentColor;
  outline-offset: -0.25em;
}

button:focus:not(:focus-visible) {
  outline: none;
}

button:focus-visible {
  outline: max(1px, 0.1em) dashed currentColor;
  outline-offset: -0.25em;
}

结论

综上所述，我们将outline: none充分考虑是否可以使用特定的网站访问权限，以排除限制。确保直观的视觉效果，确保您获得体验并包含所有待办事项。

Para qualquer dúvida pessoal, estou à disposição para auxiliar e, no que eu não souber, podemos aprender em conjunto. Vamos trabalhar juntos para construir uma web mais acessível。

参考文献

文章来源：https://dev.to/gabrielteixeira44/preserve-sempre-os-contornos-css-uma-abordagem-essencial-2f65