几年前,媒体查询在所有现代浏览器中都有出色的支持。在本文中,Michelle Barker 解释了为什么现在没有理由不使用它来使您的网站更易于访问。
在 Web 上处理动态时,重要的是要考虑到并非每个人都以相同的方式体验它。对某些人来说光滑光滑的东西可能会让其他人感到厌烦或分心——或者更糟的是,诱发恶心,甚至引起癫痫发作。具有大量运动的网站也可能对移动设备的电池寿命产生更大的影响,或者导致使用更多的数据(例如,自动播放视频比静态图像需要更多的用户
数据)。这些只是为什么并非所有人都 雅虎电子邮件列表 喜欢动感十足的网站的部分原因。
在为减少的运动偏好设置样式时,重要的是我们仍然为用户提供有意义且可访问的指示器,指示何时发生操作。
例如,当为喜欢减少运动的用户关闭分散注意力或运动密集的悬停状态时,我们必须注意为用户悬停在元素上时提供清晰的替代样式。 以下演示展示了当用户悬停或聚焦在画廊项目上(如果他们没有设置动作首选项)时的精细转换。如果他们更喜欢减少运动,过渡会更微妙,但仍然清楚地表明悬停状态:
请参阅。 减少运动并不一定意味着从我们的网页中删除所有转换。例如,一个带有小箭头图标的按钮在悬停时会移动几个像素,这对于喜欢减少运动体验的人来说不太可能造成问题,并且提供了比单独使用颜色更有用的状态变化指示器。
很有用,但它确实有一个缺点,即只适合那些在系统设置中了解该功能的用户。许多用户不了解此设置,而其他人可能正在使用借来的计算机,无法访问系统级设置。尽管如此,其他人可能对绝大多数网站的动效感到满意,但发现大量使用动效的网站难以忍受。 仅仅为了访问一个站点而不得不调整您的系统首选项可能会很烦人。出于这些原因,在某些情况下,最好在网站本身上提供一个明确的控件来打开和关闭动作。我们可以用JS来实现。