Question

我正在尝试创建一个可访问性的网站，根据WCAG 2.0，我满足其中一个指南“可见文本”，我提供了一个带有两个按钮的功能。单击“SmallFont”链接，页面将变得越来越小，点击“BigFont”链接，页面将变得越来越大，以便用户可以根据需要使用它。

按照我所做的那样实现同样的目标。：

HTML：

<div id="fontAlter"> <a class="fontMinus" href="#">A</a>
<a class="fontPlus" href="#">A</a></div>
<div>Page Zoom</div>

CSS：

html {
   font-size: 75%;
}
.fontPlus {
   font-size:1.63em;
}

JS：

var defaultZoom = 100;
// Increase Font Size
$(".fontPlus").click(function () {
var newZoom = defaultZoom + 10;
if (newZoom < 200) {
    $('html').css('zoom', newZoom + '%');
    defaultZoom = newZoom;
 }
});
// Decrease Font Size
$(".fontMinus").click(function () {
var newZoom = defaultZoom - 10;
if (newZoom > 75) {
    $('html').css('zoom', newZoom + '%');
    defaultZoom = newZoom;
}

这适用于chrome，但无法创建小提琴来演示此功能。在我的应用程序中，它正在运行

现在我想要的是在FF（Firefox）中工作

感谢任何帮助！

网页缩放在FF中无效

0 个答案: