Html 如何正确实现标记控件的可访问性

我创建了一个自定义的multiselect/tags控件

它本质上是一个div，在div中是一组表示每个标记和一个输入的跨距

当读卡器落在控件上时，我通过编程将焦点设置为输入

不幸的是，我的自定义控件不能完全供视力受损者使用。它需要能够读出DIV中的跨距。我可以问一下我应该如何改进我的控制，或者我应该做哪些更改以使其更易于访问。不幸的是，我在w3aria上找不到任何关于tags/multiselect的文档

<div>
    <span>Tag 1</span>
    <span>Tag 2</span>
    <span>Tag 3</span>
    <input tabIndex="1"/>
</div>

标签1
标签2
标签3

---

非常感谢您的帮助

您能再添加一点代码吗？屏幕阅读器应能通过箭头键读取三个标签。另外，在问题中添加诸如可访问性之类的标记。