可访问性链接

奥斯汀·吉尔（Austin Gil）在“ html形式”上的五部分系列开始，重点是语义HTML，针对主要使用JavaScript进行前端开发的开发人员。初始代码示例使用JavaScript FormData API演示了Ajax表单提交。

关键点？没有<form></form>标签，formdata是不必要的。绕过形式的论点通常围绕构建单页应用程序（SPA），其中一种形式的存在意味着JavaScript的必要性。虽然是正确的，但对于关键形式，考虑非JavaScript支持是审慎的，尤其是随着服务器端渲染（SSR）的增加。

SSR提供了很大的优势。 Google强调了客户端渲染页面的冗长索引队列，从而强调了SSR的速度和效率。

奥斯卡·布劳纳特（Oscar Braunert）的“包容性输入”提供了有价值的后续行动，显示了几乎正确但最终有缺陷的HTML（缺少标签/输入关联）。然后，他深入研究所需字段和错误处理的可访问标记，并用此示例说明：

<code><div>
  <label for="password">
    密码
    *
    必需的
  </label>
  <p>您的密码需要至少八个字符。</p>
</div></code>

琥珀·威尔逊（Amber Wilson）在不依赖咏叹调的情况下探索可访问的HTML元素：

ARIA角色经常与HTML元素一起使用。但是，本文展示了如果没有ARIA，如何实现可访问的HTML。

这<dl></dl>元素被突出显示。莎拉·希格利（Sarah Higley）的“角色与人际关系”确实解决了ARIA，但警告不要滥用：

新手可访问性开发人员可能会尝试使用menu ， listbox或treegrid等角色。这些强大的模式使香草html无法实现体验，但它们也脆弱。即使是小错误也会严重影响用户体验。谨慎使用Aria。

理想的方法是完全避免芳香。但是，如果DOM级修复不足，Sarah会提供技术，例如role="presentation"以覆盖元素的默认角色。

关于Aria明智的使用，Adrian Roselli优先考虑可访问的控件命名：

我将可访问名称分配给控件的优先级是：

1. 本机HTML技术
2. aria-labelledby是引用现有的可见文本
3. 页面中明显隐藏的内容
4. aria-label

以上是可访问性链接的详细内容。更多信息请关注PHP中文网其他相关文章！