日志 ·
让页面易于阅读的小选择
AI 翻译 本页是原文(英文/韩文)的机器翻译,可能存在错误,请以原文为准。 阅读原文
一个页面只有在眼前的人真正能用时才有价值。下面是让 ipe.rest 在键盘、小屏幕或从右到左的文字下更易阅读的小选择,以及我们尚未测试的事。
上一次我们解释了本站如何在没有网络连接时打开。这一篇讲阅读本身。下面的每一项,你都可以自己验证:按一个键,或使用浏览器自带的工具。
绕过菜单的一条路
在本站的任何语言页面或日志页面按 Tab 键,你最先到达的是一个写着“跳到正文”的链接。键盘到达之前它不可见,到达后会出现在页面顶部。点击它,就能直接到达正文,无需先逐个切过页眉。
你始终看得见自己在哪里
用键盘移动时,你所在的链接或按钮会出现一圈 2 像素的蓝色轮廓,四周留有一点间距。我们没有简单地去掉浏览器自带的轮廓,而是把它换成了更清晰的这一圈,因为眼睛跟不上的页面,就是无法使用的页面。
大到能点中,也容易放大
页眉、页脚和语言切换中的链接与按钮高度不低于 44 像素,拇指也能点中。正文在桌面端为 17 像素,在手机上为 16 像素,行距宽松,长单词和网址会换行,而不是把页面撑向一侧。
页面从不关闭双指缩放,你可以放大到浏览器允许的程度。如果你的系统要求减少动态效果,本站会关闭过渡和平滑滚动。
可以计算的对比度
正文是近白色页面上的深海军蓝,对比度约为 17:1。次要文字的灰色约为 6:1,链接的蓝色约为 6.6:1。常见的指南要求至少 4.5:1。这些数字来自样式表中的颜色,用标准公式计算得出,而不是用审计工具测量的。
每种语言,各用自己的方向
每个页面都会声明自己的语言,阿拉伯语页面声明从右到左。布局使用“起始”和“末尾”,而不是“左”和“右”,因此跳转链接、列表和缩进会随文字一起翻转。浏览器和辅助技术可以依据语言声明选择合适的语音或字体。
我们还没有做的事
我们没有进行正式的无障碍审计,也没有用所有屏幕阅读器测试过。本站只有一套浅色配色,没有深色。如果有什么妨碍了你,请通过联系页面告诉我们,我们会去查看。
ipe(); // read it the way that works for you
这些都不算聪明。它只是一份我们选择不去掉的默认设置的短清单,而对你保持平静的页面,对所有人都更易阅读。