Open Source Daily Issue 1070: The Ultimate Tool for Drawing Virtual Panels: Excalidraw
内容提要
开源日报推荐了开源项目《excalidraw》，用于绘制手绘类图表的虚拟白板，具有PWA支持、实时协作、端到端加密等功能。推荐英文原文《The Top Accessibility Errors Found in 2023》，总结了2023年发现的最常见无障碍错误，如无按钮元素标签、无效aria-labelledby等。
延伸解读
Excalidraw 的本地优先与协作如何兼顾
Excalidraw 强调本地优先，自动保存到浏览器，同时支持实时协作和端到端加密。这意味着用户即使离线也能继续绘图，而协作时数据在传输过程中保持加密。对于注重隐私的团队，这种设计减少了将敏感草图上传到云端的顾虑，但需注意端到端加密的具体实现范围，例如是否覆盖所有协作场景。
无障碍错误清单的实践价值
TPGi 列出的 2023 年十大无障碍错误，如缺少链接文本、按钮无标签、无效的 aria-labelledby 等，大多源于开发时忽视辅助技术的使用场景。这份清单可作为团队自查的起点，尤其适合在代码审查和自动化测试中集成相关规则，但需注意它基于 ARC 工具的检测结果，可能未覆盖所有类型的无障碍问题。
tabindex 使用中的常见误区
文章指出，使用正数 tabindex 值来控制焦点顺序是一种脆弱且难以维护的做法，仅建议使用 0 或 -1。同时，将非交互元素（如静态文本）通过 tabindex="0" 加入焦点顺序会降低键盘用户的导航效率。这提醒开发者应依赖自然的 DOM 顺序，仅在脚本管理焦点等特定场景下使用 tabindex。
Q&A
Excalidraw 是什么？它主要用来做什么？
Excalidraw 是一个用于绘制手绘风格图表的虚拟白板工具，可以创建手绘图、线框图或任何你想绘制的内容。
Excalidraw 有哪些主要功能？
Excalidraw 具有 PWA 支持（可离线工作）、实时协作、端到端加密、本地优先支持（自动保存到浏览器）以及可共享链接（导出为只读链接）等功能。
2023 年最常见的无障碍错误有哪些？
2023 年最常见的无障碍错误包括：无链接文本、非活动元素在 Tab 顺序中、缺少链接替代文本、缺少图像替代文本、列表嵌套不正确、重复标签、正 tabindex 值、无效 aria-describedby、按钮元素无标签、无效 aria-labelledby。
为什么按钮缺少可访问标签是一个无障碍问题？
按钮缺少可访问标签会使辅助技术用户无法理解按钮的用途，因为许多按钮依赖视觉图标，而屏幕阅读器用户无法看到图标，导致他们不知道按钮的功能。
无效的 aria-labelledby 会导致什么问题？
无效的 aria-labelledby 未正确引用文本元素的 ID，导致辅助技术无法将控件与其标签连接起来，从而使辅助技术用户失去控件与标签之间的关联信息。
如何避免表单字段重复标签带来的问题？
如果表单有多个相同文本的标签，应重新考虑表单设计或更改每个输入字段的标签，以确保每个字段有独特且清晰的标签，减少用户输入错误。
