Web可访问性 - 需要建议

时间:2010-12-27 11:18:34

标签: php javascript html xhtml accessibility

在IE中访问以下网站:

http://www.oebb.at

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

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

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

实现此目的的最佳方式是什么?

2 个答案:

答案 0 :(得分:3)

字体大小

如果需要关注真正的辅助功能,请创建网页,以便用户可以使用其Web浏览器的文本大小调整控件更改默认文本大小。否则,您可以use JavaScript(或像PHP这样的服务器端选项)在网页中写出样式。在网上搜索将为您提供100或更多如何做到这一点的例子。

<强> accesskeys

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

答案 1 :(得分:3)

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

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

所有现代浏览器都支持访问密钥,在Wikipedia,您可以找到一个列表,哪个组合键会触发访问密钥。

关于fontsize:你应该用javascript触发它。单击“+”将设置属性,单击“ - ”将还原此更改。例如,您可以为元素设置类。在jQuery中:

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

您可以使用css(百分比或em)中的font-size或使用类来增加字体,例如“最小”,“小”,“正常”,“大”和“最大”。