我正在尝试显示一个按钮，用于访问页面顶部的辅助功能选项 - 通常是隐藏的 - 当用户选中它们时。
HTML：
<a href="" class="access" accesskey="1" tabindex="1">Accessbility Options</a>
风格：
.access {display:none; position:fixed; top:0; left:0; padding:10px; font-size:25px; background:#eaeaea;}
.access:focus {display:block;}
但是，当您首次加载页面时使用选项卡按钮时，不会显示任何内容。我尝试过使用：悬停而不是焦点等;但是我很难找到类似的答案来处理它而没有任何jQuery /过度复杂化。
答案 0 :(得分：1)
而不是
display:none;
你可以使用
.access {opacity:0; position:fixed; top:0; left:0; padding:10px; font-size:25px; background:#eaeaea;}
.access:focus {opacity:1;}
显示的东西：none将不会给出实际的tabindex。
答案 1 :(得分：1)
带
的元素display: none;
无法获得焦点！ 您必须使用另一种方法来使元素不可见。 例如，将其放置在页面外部或不透明度（请注意，即使它不可见，也可以点击它。）
答案 2 :(得分：0)
尝试使用display: hidden或查看into this question获取JavaScript解决方案