reactjs 下拉菜单/选择中的辅助功能

s4n0splo  于 2023-08-04  发布在  React
关注(0)|答案(1)|浏览(110)

对于一个体育网站显示各种事件的结果,我有三个“下拉”菜单,我可以做各种选择。尽管UI是一个下拉列表,允许用户从各种选项中选择(第一个下拉列表用于事件,第二个下拉列表用于运动,最后一个下拉列表用于另一个选项),对我来说,这将是一个/choice(或),当前代码是用写的。
这样做的原因是,当选择不同的选项(过滤)时,标题以及URL会相应于其选择而改变。这是正常的做法吗?我有点困惑。
我会说,由于表的结果主要是变化,我会更新表组件取决于下拉列表中的选择?!或者使用链接作为列表项是一种有效的方法吗?不幸的是,我不能分享图片,但希望它是明确的。为了更好地理解,页面看起来像:
navigationbar,标题1,然后是内容,从下拉按钮和搜索栏开始,在其下方是包含结果的表格。
如果可以使用链接,我将不得不使用此代码(根本无法访问)并开始实现aria等,使其像原生select元素一样显示给屏幕阅读器用户。

91zkwejq

91zkwejq1#

实现自己的/可能非常困难。我建议使用nativeelement,因为它已经可以访问了,如果你不喜欢默认的外观,那么可以设置它的样式。有关样式建议,请参见以下内容:

如果您需要创建自己的下拉列表,请按照Combobox Pattern开始。
当前代码是用
我不明白你的问题。
当选择不同的选项(过滤)时,标题以及URL相应于其选择而改变。
你当然可以在每次下拉选择后转到一个新的URL,但这不是一个很好的用户体验。如果用户必须更改所有三个下拉列表,他们必须等待第一个下拉列表更新页面,然后他们必须等待第二个下拉列表更新,最后他们可以选择第三个(并再次等待)。最好是更新页面的内容,而不是转到一个新页面。或者允许用户选择过滤器并具有“应用”按钮。

相关问题