小编G0B*_*LiN的帖子

我正在尝试使用css3 -webkit-transform:matrix3d()属性复制ios中的吸吮效果 .

但是,我不能像图中那样管理弯曲的边缘.我自己最接近的解决方案如下:

-webkit-transform: matrix3d(0.85, 0.0678, 0, 0, 2.37, 0.85, -1.36, -0.0019, 0, 0, -1.53, -3.73, 0, 0, 0.34, 1);

这是jsfiddle的结果.

如何在图片中进行转换.请注意左右边缘是如何弯曲的.

WCAG 的功能定义

\n

通过用户操作可实现的流程和结果

\n

链接到来源

遵循 WCAG 对“功能”的定义，似乎很直观，就像功能性元素应该始终是键盘可聚焦的一样，非功能性元素也不应该。\n但是，在可访问性问题上，na\xc3\xafve 直觉可能会产生误导。由于我在 W3C 网站上找不到任何明确的指导方针或失败标准，我在这里询问：

让非功能性元素键盘可聚焦是否是一个好习惯？

如果有 W3C 或其他官方标准支持您的答案，请提及。

注意 1：请不要提供可滚动但非交互的元素作为示例 - 出于我们的目的，滚动是一种交互。

注2：有些相关，但不是问题的重复“文本应该可聚焦以实现可访问性吗？我特别考虑键值对”，也有点类似于这个问题：“可访问性与只读输入”，但这个问题是在 2013 年提出的，在我看来，它的单一答案不够权威（我猜这个答案对于今天的可访问性约定来说是不正确的）。