路由跳转可访问性支持

[a81n9]

Describe the bug

建议为支持路由跳转的元素使用 a 标签包裹，更加语义化并提高可访问性，并且兼容浏览器的默认行为，比如 Ctrl + Left Click 或者 Middle Click 进行 blank 跳转 等

Related version

/

Link to minimal reproduction

No response

Steps to Reproduce the Bug

/

Expected behavior

/

Additional context

No response

[tolking]

除了侧边菜单外，其余的可访问性还好。

ElMenu 的 a11y 一直都有问题，需要重构 ElMenu 的 a11y 才行

增加 a 标签可能和组件的功能冲突，我觉得可能不是一个好主意

[a81n9]

感觉可以采用类似这种不使用 ElMenu 的默认路由跳转，而通过自定义一个 RouterLink 包裹

或者 ElementAdmin 那种单独封装 AppLink 跳转逻辑的方式：

vue-element-admin SidebarItem
vue-element-admin Link

[tolking]

这对于 ElSubMenu 没有用（没法展开和折叠）

目前也可以通过插槽增加 a 标签实现差不多效果

<pro-menu>
    <template #default="item">
      <a v-if="item.path" :href="item.path">
        <span>{{ item.meta.title }}</span>
      </a>
      <span v-else>{{ item.meta.title }}</span>
    </template>
  </pro-menu>

[a81n9]

这对于 ElSubMenu 没有用（没法展开和折叠）

目前也可以通过插槽增加 a 标签实现差不多效果

<pro-menu>
    <template #default="item">
      <a v-if="item.path" :href="item.path">
        <span>{{ item.meta.title }}</span>
      </a>
      <span v-else>{{ item.meta.title }}</span>
    </template>
  </pro-menu>

感谢您的回复