8
18
2022
15

我所讨厌的网页行为

本文来自依云's Blog,转载请注明。

有些网页的行为通常不被视为 bug,甚至是故意为之,但很令人讨厌。这里记录一些我所讨厌的网页「特性」。它们被归为两类,要么导致某些场景下用不了,或者用着很不方便,要么很打扰人。

可访问性问题

忽视系统、浏览器设置,在浏览器使用浅色主题的情况下默认使用深色主题,或者在浅色主题下代码部分使用深色主题。反过来问题不大,因为我有 DarkReader

主体文本不支持选择和复制。选择和复制之后,用户能做很多事情,比如查生字、翻译、搜索相关主题。

已访问链接与未访问链接显示没有差别。

消除可交互元素(链接、按钮)的 outline。这个 outline 以前是虚线框,现在火狐改成了蓝色框,用于标识当前键盘交互的对象。

搜索框不支持回车确认,必须换鼠标点击。

位于文本框后的按钮不支持使用 Tab 键切换过去,并且 Tab 键在此文本框中也没有任何显著的作用。必须换鼠标点击。

需要交互的元素不能被 vimium 插件识别为可点击。这大概是使用非交互元素来处理交互事件,甚至事件监听器都不在元素本身上。

使用 JavaScript 实现原本可以直接用链接实现的内容(链接目标是某个 JavaScript 函数调用)。这导致我无法使用中键来在新标签页中打开。

显著不同的内容没有独立的 URL。尤其见于一些单页应用(SPA)。要到达特定内容(比如加书签或者分享给别人),就只能记录先点哪里、再点哪里等。

预设用户的屏幕大小,导致浏览器窗口过小的时候部分关键内容(如登录按钮)看不到、无法操作。

交互元素没有无障碍标签。成堆的「未加标签 按钮」。

通过 User-Agent 判断浏览器,并拒绝为某些 User-Agent 服务(但实际上去除这个限制之后,功能是完全没有问题的)。

当没有带声音自动播放权限时,无声播放主体内容(而非等待用户操作使其获得权限)。说的就是 Bilibili。

为大屏幕用户(如桌面用户)展示为手机屏幕设计的页面。这些页面中字体特别巨大,并且不能被浏览器缩放影响。交互元素上鼠标指针不改变为手状,甚至只支持触摸操作而不支持鼠标点击。

悬浮于主内容之上的「在App中打开」。点名批评 imgur。它的按钮不光挡住图片,而且用户放大图片的时候它也被放大,挡住更多图片内容。

不能禁用的图片懒加载,或者视频内容被移出画面、切换到后台就停止加载。点名批评 Telegram、维基百科。我等你加载呢,你非要我盯着看你加载浪费时间?现在网好,你赶紧给我加载好,进电梯或者地铁或者山洞了,我再慢慢看你的内容啊。

视频内容被移出画面就停止播放。点名批评知乎。我让你播放你就给我播放。我不看视频,是因为视频画面没啥可看的,可是我听音频部分呀。

覆盖浏览器的 Ctrl-F 查找快捷键,并不提供方案来避免覆盖。我就搜索当前页面,不要你的站内搜索功能。

注册前请务必先阅读用户条款和规则,用户条款和规则页面需登录后才可访问。

简体中文内容指定繁体中文的字体,或者添加繁体中文的标签。或者反过来。

打扰用户

在内容页面,任何会动的非主体内容,包括但不限于广告、内容推荐。形式可以是动态 GIF、滚动动画、视频等。用于首页渲染效果的背景动画和视频不算,作为主体内容者也不算。

针对非音视频网站,自动或者非用户明确表达地(比如在用户点击不相关内容时)播放带音频的内容。

消耗 CPU 的背景特效。如 canvas-nest。会让 CPU 很吵,也会浪费能源、加剧气候变化。

Category: 用户体验 | Tags: 网页 accessibility | Read Count: 19041
听雨 说:
Aug 18, 2022 08:00:39 PM

加剧气候变化,哈哈哈,有理有据,强烈支持!

Coelacanthus 说:
Aug 18, 2022 09:26:59 PM

还有的网站,会自动播放很吵的背景音乐

kira 说:
Aug 19, 2022 10:36:23 AM

还有新浪新闻等网站的移动版页面会在用户第一次点击"展开看全文"等按钮后之后偷偷在浏览器历史里添加他们的主页。这样我从google app 的 feed 里点进去看过全文之后按一次后退键不会退回google app,反而"回到"了我从没点进去过的新浪新闻首页。
虽然只是需要多点一次返回,但体验上非常恶心。

Avatar_small
依云 说:
Aug 19, 2022 11:57:03 AM

哦对,这种我以前用 Google 的「新闻」的时候也遇到了。

Avatar_small
依云 说:
Aug 19, 2022 11:58:42 AM

嗯。以前比较多,现在好像不常见了(也许是被火狐拦住了)。现在没有用户交互,网站默认不能发声了。

z 说:
Aug 19, 2022 05:44:18 PM

还有 radio button 和 checkbox 必须点击圆圈或者方框才能选中,不能点击旁边对应的文本来选中

Avatar_small
依云 说:
Aug 19, 2022 11:57:06 PM

这种现在好像少了。另外也得看情况,如果是长文本的话,不能选择有时候也会令人苦恼的。

Yatounoneko 说:
Aug 20, 2022 02:07:08 AM

“注册前请务必先阅读用户条款和规则,用户条款和规则页面需登录后才可访问。”笑傻了這自相矛盾,相當於停止注冊XD

nsfoxer 说:
Aug 21, 2022 12:26:09 AM

的确很烦这个特效,每次打开带这种特效的网页,CPU都会剧增。但我又不知道是哪段代码,今天终于知道了。看github上说可以通过屏蔽该脚本实现。https://github.com/hustcc/canvas-nest.js/issues/2#issuecomment-583115999

endle 说:
Aug 21, 2022 04:23:58 AM

Bilibili 的自动静音播放真的太离谱了。有的时候我一口气点开三四个视频想逐个播放,结果看完了第一个,发现后面的已经自动放完了。

实在不理解PM是怎么理解这个场景的

Avatar_small
依云 说:
Aug 21, 2022 10:19:03 AM

是啊。YouTube 那样停着在后台默默加载,等切过去就可以直接播放的体验就好多了(这个还是浏览器默认行为,都不用写代码的)。

Avatar_small
依云 说:
Aug 21, 2022 10:20:53 AM

嗯,我早屏蔽了: https://github.com/lilydjwg/abp-rules

tcdw 说:
Jan 22, 2023 05:12:26 PM

「使用 JavaScript 实现原本可以直接用链接实现的内容」
讲个笑话,我前司某几位从培训班出来的同事(来写 Vue 项目),甚至不知道 <a> 标签本来就是用于跳转到别的网页的。

tomcat 说:
Jan 23, 2023 02:04:59 PM

这个静音播放真的很有意思,打开网页后切到后头不做其他事情,再过了一会再切回去,看起来没播放还是 0:00,一点播放已经播了三分钟了。这个逻辑真的很神奇,每次都能给我惊喜,情况还不完全一样。

然后发现阻止音频自动播放是火狐的特色功能,Chromium没有,且很正常。看来B站没有人使用火狐。


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter

Mastodon | Theme: Aeros 2.0 by TheBuckmaker.com