在Reactstrap组件上设置tabIndex

时间:2019-07-30 16:14:04

标签: reactjs accessibility reactstrap

我正在尝试在React中的链接上设置标签索引。我的组件的渲染功能如下:

 render() {
    return (
      <>
        <Nav tabs>
          <NavItem tabIndex={1}>
            <NavLink
              onClick={() => {
                this.toggle('1');
              }}
              tabIndex='1'
            >
              {this.props.tabText01}
            </NavLink>
          </NavItem>
...

如您所见,我已经尝试在NavItem上都设置了tabIndex,也尝试了NavLink(来自reactstrap),但是当我检查浏览器工具上的链接时却什么也没显示。

当在页面上进行制表时,当我在所拥有的两个NavItems上进行制表时会有一个暂停,因此就像在注册它一样(即,我必须在导航后必须进行两次制表才能到达某个元素),但不是出现在标记中,并且这些项目在视觉上似乎没有被选中。

任何有关如何使此选项卡可访问的指针将不胜感激。

0 个答案:

没有答案