如何为FilePond React组件添加自定义a11y属性并控制自动生成的ARIA内容?
FilePond 无障碍属性自定义问题说明
现有基础认知
- FilePond官方宣称自身具备无障碍(a11y)适配能力,实际生成的底层元素也确实自带部分ARIA属性。
遇到的问题
- 无法自行添加额外a11y相关属性,例如
aria-invalid - 无法控制组件自动生成的ARIA内容,比如无法让
aria-labelledby关联自行实现的文件上传字段对应的标签、错误提示信息
已尝试的解决方案
- 给现有React适配器传递额外props,未生效
- 本地拷贝现有React适配器的代码,尝试给渲染出的input添加额外属性,未生效;推测FilePond底层逻辑仅将初始传入的input字段作为参考,实际运行时会创建全新的input元素,因此直接修改初始input的属性无法同步到实际生效的元素上
待确认诉求
- 是否存在遗漏的现有API可实现上述ARIA属性自定义需求
- 已提交相关Issue确认该问题属于现有实现缺陷,还是可作为后续功能需求提交
内容的提问来源于stack exchange,提问作者Rich R
相关产品推荐
相关产品推荐

