Webaccessibility - 需要建议

Webaccessibility - Suggestions needed

提问人:user160820 提问时间:12/27/2010 最后编辑:user160820 更新时间:9/28/2020 访问量:86

问:

在 IE 中访问以下站点:

http://www.oebb.at

在标题部分,可以看到加号(+)。通过单击它,字体大小和图像将被放大。同样,单击 (-) 符号,大小将减小。

我想知道在我的网站上实现它的最佳方式是什么。

同样,按 Alt + 0 会看到一个选项列表,可以直接访问网站的不同区域。 例如,按 Alt+2 将聚焦搜索字段。通过按 Alt+1,主菜单将聚焦。

实现这一点的最佳方法是什么?

PHP JAVASCRIPT HTML XHTML 可访问性

评论

0赞 Mathias E. 12/27/2010
Javascript 使您能够这样做......检查一下: stackoverflow.com/questions/3237373/...

答:

3赞 Dean Burge 12/27/2010 #1

字体大小

如果真正的辅助功能是问题,请创建网页,以便用户可以使用其 Web 浏览器的文本大小调整控件更改默认文本大小。否则,您可以使用 JavaScript(或像 PHP 这样的服务器端选项)在网页中写出样式。在网络上搜索会给你 100 个或更多的例子,说明如何以任何一种方式做到这一点。

访问密钥

对于 alt-key-shortcuts,您可以使用 HTML accesskey 属性

3赞 Jurian Sluiman 12/27/2010 #2

Alt+[key] 称为访问密钥。访问键是 html 规范的一部分,可以放在表单元素和超链接后面:

<a href="index.html" accesskey="h">Home</a>

所有现代浏览器都支持访问密钥,在维基百科上,您可以找到触发访问密钥的组合键列表。

关于字体大小:您应该使用 javascript 触发它。单击“+”将设置一个属性,单击“-”将恢复此更改。例如,您可以为元素设置一个类。在jQuery中:

$("#increase").click(function() {
    $("body").css("font-size", "1.2em");
});

您可以通过在 css 中使用 font-size(百分比或 em)或使用类来增加字体,例如“smallest”、“small”、“normal”、“large”和“largest”。