1. 首页
  2. css

CSS构建可访问的自动完成控件

这是一篇来自亚当·西尔弗的深度文章,讲述了他创建一个尽可能容易访问的自动完成字段的过程。有这么多的边缘案件要考虑!有旧的浏览器和它们特有的怪癖,有屏幕阅读器的可访问性最佳实践,更不用说在没有JavaScript的情况下处理组件设计,等等。
亚当在开始之前提出了一个警告:
[…]我一直在寻找让用户进入目的地国家的方法。不幸的是,本机HTML表单控件对于这种类型的交互来说还不够好。所以我们需要从头开始构建一个自定义的自动完成控件。不过,有一点需要提醒:这是我做过的最难的UI组件之一,它们比看上去要难得多。
我还买了亚当的书《表单设计模式》,这篇文章现在让我读起来格外兴奋。
直接链接→

CSS构建可访问的自动完成控件 为WP2原创文章,链接:https://www.wp2.cn/css/css%e6%9e%84%e5%bb%ba%e5%8f%af%e8%ae%bf%e9%97%ae%e7%9a%84%e8%87%aa%e5%8a%a8%e5%ae%8c%e6%88%90%e6%8e%a7%e4%bb%b6/