表单元素中的 disabled 与 aria-disabled (#note)
原文英文，约200词，阅读约需1分钟。
📝
内容提要
本文讨论了使用disabled和aria-disabled属性的时机。建议在元素的互动性对进展非必要或发现性缺失有问题时，使用aria-disabled属性传达相同语义，而不影响可用性。同时分享了使用readonly、disabled和aria-disabled属性的指南。
🔎
延伸解读
何时选用 aria-disabled 而非 disabled
文章指出，当元素的互动性对流程推进必不可少，或隐藏该元素会导致可发现性问题时，应使用 aria-disabled 而非 disabled。因为 aria-disabled 仅传达禁用语义，元素仍可聚焦，不会破坏可用性，而 disabled 会直接移除交互能力，可能阻碍用户完成任务。
readonly、disabled 与 aria-disabled 的适用场景
根据 Kitty Giraudel 的指南：readonly 用于值对用户仍重要且需提交到服务器的元素；disabled 用于值因某种原因变得无关紧要的元素；aria-disabled 用于互动性对成功至关重要的元素，因其保持可聚焦并能触发验证。这为表单控件属性选择提供了清晰依据。
❓
Q&A
在什么情况下应该使用disabled属性？
当元素的互动性对进展是必要时，应该使用disabled属性。
aria-disabled属性的主要作用是什么？
aria-disabled属性用于在互动性对进展非必要时传达相同语义，而不影响可用性。
readonly属性与disabled属性有什么区别？
readonly属性的元素值仍然对用户重要，并应发送到服务器，而disabled属性的元素值则变得无关紧要。
使用aria-disabled属性时需要注意什么？
使用aria-disabled属性时，元素的互动性仍然至关重要，元素应保持可聚焦并能触发验证。
在什么情况下不应该使用disabled属性？
当元素的互动性是必要的，或者缺乏发现性会造成问题时，不应该使用disabled属性。
如何选择使用readonly、disabled和aria-disabled属性？
使用readonly当值对用户重要，disabled当值无关紧要，aria-disabled当互动性至关重要时。
🏷️
