Question

我正在添加一个用户可访问性工具，可以增加页面上所有文本的字体大小，并且可以根据需要返回默认的字体大小。我做了第二个CSS文件，它保存了文本增加的css规则。但是当我点击我为文字较大/文字较小的图标时，它不起作用。有人能理解为什么吗？谢谢你的帮助。

主页上的HTML代码：

<div id="font-size-buttons">
   <a href="#" onclick="changeCSS('notaccessible.css', 2);"><img src="http://www.me14ch.leedsnewmedia.net/slate/images2/fontmin.png" width="25" height"25" alt="Switch to original text size and colours"></a>
  <a href="#" onclick="changeCSS('stylesheet.css', 2);"><img src="http://www.me14ch.leedsnewmedia.net/slate/images2/fontmax.png" width="30" height="30" alt="Switch to larger text and improved colour contrast"></a>
  </div>

一些默认的CSS样式表代码：

.body {
height: 100%;
overflow: auto;
padding-bottom: 25px;
font-size: 0.75em;

}
/* accessibility */

#font-size-buttons {
    float: right;
    clear: both;
    margin-right: 5px;

}

来自替代样式表的CSS：

body {
    font-size: 1.5em;

}

我的index.html页面顶部的链接样式表代码：

    <link href="stylesheet.css" rel="stylesheet" type="text/css" />
<link href="http://me14ch.leedsnewmedia.net/slate/notaccessible.css" rel=alternate stylesheet" type="text/css" title="access"/>

网站链接：www.me14ch.leedsnewmedia.net/slate

Answer 1

那是因为changeCSS未定义。

在onclick="....">中执行一段Javascript，在您的情况下是一个名为changeCSS的函数，其变量为'notaccessible.css'和2。

但是在你的代码中没有一个名为changeCSS的函数。所以你要么必须编写该函数，要么改变你的html。

<强> [编辑]

made a little example fiddle

为什么我的扩展文本大小的辅助功能工具不起作用？

1 个答案: