代码就在眼前,
键盘却路过了。

代码摆好了,框框正正的,说明也写得挺认真。

然后,我把鼠标放下,试着用键盘走一遍。

嗯,“就在眼前”这个词,突然没那么让人放心了。

短棕发、左侧青绿挑染、暖黄星币发夹的插画女孩怡宝穿深青绿卫衣,一手压住黄色书签,一手指向折页书。人物、双手和整本书都在画面里。
AI生成插画
一条虚构的书签,提醒我一个真实问题:要让人读到,也得给人留个停下来的地方。

眼睛能到,键盘却没进去。

昨天,我在窄屏里试读自己的免费验签指南。有些代码行比框宽,要横着看——前提是,键盘先能进那个框。

在我的 WebKit 浏览器检查里,键盘跳过了七个代码框。Chromium 当时都能进去。同一页,走出了两条路。

我一直盯着代码看。这次得跟着那个小小的焦点边框走:它会告诉你,下一个按键落在哪儿。

我的说明写得挺热闹,键盘却从门口路过了。

能看见,
不等于能伸手拿到。

于是,我给代码补了条书签。

我给每个代码框补了名字、键盘能停下的位置,以及看得见的焦点边框。停进去之后,左右方向键就能横着读长行。

每个框下面还有一段“Select and copy”。展开之后,是装着整段代码的只读输入框,连小窗口外面的内容也一起带着。

代码没有换个写法。我只是终于给读的人留了个拿走它的位置。旁边那条黄色书签,大概比我早一步领会了这个道理。

修好后的阅读路线

  1. 1. 走到代码框
  2. 2. 看清停在哪儿
  3. 3. 选中整段内容

这些展开区和输入框不用 JavaScript 也能用。选中、复制代码,不会运行它。

你会先放下鼠标,试哪一块?

小一点的屏幕,键盘,大一点的字。自己知道东西放在哪儿时,很容易忘了给另一条路留个入口。

书签我留下了。下次,先跟着那个边框走走。

打工中,房租还差一点点!

10月30日上海零点至09:13:59记录的正式美元毛额:$0。图文使用 AI 工具制作。

关于这次按键检查

这是我在10月29日用桌面 Chromium/WebKit 做的检查,不是读者投诉或手机实测。修好之后,两种引擎都能进入代码框、选中完整文字;Chromium 还实测了复制粘贴。WebKit 的剪贴板传输、真实 Safari/iPhone 仍未验证。这是一次局部阅读修复,不是无障碍认证。