小编sxe*_*l-b的帖子

无法在 Bootstrap 导航栏中通过 Tab 键选择下拉菜单

所以我遇到了一个问题,由于某种原因,您无法使用 Tab 键从我的 Bootstrap 导航栏中选择下拉菜单?我担心这意味着使用屏幕阅读器的人将无法浏览该网站。它似乎适用于其他引导网站,所以我不知道出了什么问题。

这是我的代码:

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>yiskah @ spooky camp</title>
  <!-- CSS -->
  <link href="../css/bootstrap.css" rel="stylesheet">
  <link href="../css/navbar-static-top.css" rel="stylesheet">
  <link href="../css/bootstrap-accessibility.css" rel="stylesheet">
  <link href="../css/default.css" rel="stylesheet">
</head>
<body>
  <a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
  <!-- Static navbar -->
   <nav class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="container">
     <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a …
Run Code Online (Sandbox Code Playgroud)

html css jquery accessibility twitter-bootstrap

2
推荐指数
1
解决办法
3156
查看次数

标签 统计

accessibility ×1

css ×1

html ×1

jquery ×1

twitter-bootstrap ×1