冲浪的同时也请来完成匿名小调查个人与互联网与存档 v0.1,谢谢!💫💥💥预计阅读/完成所需时间约为 6-11 分钟,虽然真的只有 9 个必填选择题(有无个站选项因此并不需要有个人网页才能填写 ;3)。
前情提要:我看不见(此处插入任意宾语……)
没有什么来由地将这些随意搭建的单/双栏式网页全部进行可读性升级。最终目标是自己能够接受而不是达到什么 aaa 的标准。由于大量意义不明的懒人 js 和 canvas 和悬停样式的使用大概也没有在追求”真正“的可读就是了。即使是现成站点生成器或模板,其中不少也在响应和可读性上有不少可改进的空间;更别提什么手动搭建的手打代码,然后什么什么此处插入教育意义,个人独立网站,什么让人静下心来学习什么技术的……通通与本站无关。我真的不知道这对其他人有什么用和意义。
感想是:能称作全面以及入门教程和指引的内容着实很多;但尴尬之处在于:当你想用的时候反而比较难特地去搜寻特定方面的内容。
已达成(随便从以下参考链接抄的或自己编的,请不要用于参考(
- 无自动播放
- 没有或隐藏闪烁/快速移动的元素
- 颜色对比
- 字体可读(1em,实际小于等于 14px 开始好像有点难以阅读……)
- 移动端适配以及响应式设计(尺寸 800*600)以及页面放大 200% 依然能正常显示
- semantic html
- 图片描述
- 键盘
尚待探索
包裹在 a 链接中的图片怎么办;实际应该让读链接的指向内容,而不是图片描述;两者能否在保留的同时区分开来忘记有 label 了一些过激内容依然只有视觉提示,但这样就要区分可见和不可见提示,于是不是很想做原来发现有写那么或许还是放一下
唯一能懂的参考资料
- The Art of Accessibility A modern way to learn the best accessibility practices 目前还在更新中
- Alt-texts: The Ultimate Guide Published 15 October 2017, by Daniel Göransson 八年前的博文;虽然部分不太同意但还是很有帮助(主要是说没人用 title
- Freezing Gifs - Without Freezeframe.js 和 Freezeframe.js Demo Page 暂停/播放 gif 动图
- Alternative Text
- Developing an alt text button for images on my website 再现毛象 alt 文本按钮及讨论
其他一些很有帮助的内容
忍俊不禁
- WEBBED BRIEFS about the web, its technologies, and how to make the most of them
- Links unreachable with tab key despite having href made me learn about Spatial Navigation "more than 20 years of professional experience", but I fail to "make my links tabbable"
个人博客相关
- Manuel Matuzović frontend developer from Vienna specialized in HTML, accessibility, and CSS layout and architecture
- Future Horizon Design illustration, digital accessibility, web design
没有想象中那么有帮助(但却依然很有帮助很神秘吧)
- Learn Accessibility An evergreen accessibility course and reference to level up your web development
忏悔室
- 我再也不把 a 当成 button 了
- 我再也不把 button 当成 a 了
- 我再也不满地乱套 div 了
- 我再也不会不用列表列表了
所有偷的懒都将十倍偿还。其余个人自言自语讨论在这里。
- 2025-08-15 如果确定只打算准备双语内容的话,其实我更喜欢看当页的双语对照,而不是链接或模式切换。以前也喜欢用按钮 toggle,点一下就一部分文本转换。目前状态是:比起对照翻译,更喜欢看不对称发言。
- 2025-06-02 一直倚仗着中文朗读可以自行顺利地切换中英因此没有区分语言,果然这么做还是太邪恶了吗……(虽然实际效果其实可能也并不是很好)继续添置了一些更合理的 sound only 内容。其实就是文字设置成了视觉不可见的效果。很多现代化网页模板会有这么一部分设置,但真的交给人自己从头手敲,你会想到有这么一回事吗。或者人只是单纯接受了模板的使用,而没有意识到模板本身意味着什么。也就是站点本身是模板制作者的呈现,而不完全是所谓”站长“本人的意志了。最近就是如此沉迷于消解个体的存在……
- 2025-05-28 也就是需要加上 label 才会显示,但总之重要的大模块都已经标签上了。
- 2025-05-25 研究发现部分现代浏览器还是会默认忽视 section 以及默认不开启 tab 键盘导航。