【问题标题】:Is there a non-hacky way to prevent pinch zoom on iOS 11.3 Safari?在 iOS 11.3 Safari 上,有没有一种简单的方法来防止捏缩放?
【发布时间】:2018-09-10 09:44:59
【问题描述】:

真的想要禁用捏合以放大我的网页(iframe)并使用手指捏合事件进行另一个自定义交互。因此,虽然 Apple 在其 documentation 中表示它支持以下条款:

<meta name="viewport" content="width=device-width, user-scalable=no" />

...实际上,他们在 iOS 和 iPadOS 上的 Safari 浏览器不支持它。

防止视口缩放的能力通常对于网络游戏体验以及按钮、输入框和滑入/滑出类型界面(想想 Tinder)附近的紧密用户体验很重要。即使在视频上也不需要缩放,但也许pinchzoom 可以在电子阅读器上保持良好的默认设置?

这里值得一提的是,iOS Safari 上也有一个精简的reader 模式,它提供了具有所需辅助功能的整洁阅读。

恕我直言,在网络上的所有其他用例中应用针对低视力读者的可访问性指南是非常严厉的。虽然可以使用passive 事件侦听器禁用pinchzoom,但为了卫生起见,问题是:有没有一种简单的方法?


在与 W3C/WCAG 团队的 recent discussion 中,澄清(强调我的)可访问性指南仅指定......

不应编写规范中的一致性要求 自 2016 年以来 arronei/html@877b59c。这是作者一致性 仅要求,不禁止使用,但确实要求作者 认真考虑限制用户缩放的能力。什么 apple have done in safari 超出了这个问题的范围 不需要浏览器实现者的任何东西。

随着最近对 iOS Safari 的更改,Apple 似乎已将可访问性指南转向CANNOT 作者一致性,原因是他们最熟悉的 (;-))。请务必在此处突出显示规范和实现之间的差异以供记录。


在与 Apple iOS Safari 团队讨论之后,针对此一致性问题here 向 webkit 提交了一个错误。

【问题讨论】:

    标签: ios web accessibility


    【解决方案1】:

    【讨论】:

    • 这是正确答案
    【解决方案2】:

    虽然没有一种简单的方法可以防止pinchzoom,但仍有一种适用于 iOS 11.3 Safari 的 hack。至少现在。请参阅inobounce,它可以一次性处理橡皮筋行为和捏缩放。

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-02-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多