如何在网页中访问脚注?

问题描述 投票:0回答:1

在PDF文档中,脚注有时会放在每个页面的末尾,以阐明某些术语或添加其他信息。

例如:

我希望创建一个具有等效脚注的HTML网页。

该页面必须符合Web内容可访问性指南(WCAG)2.0,AA级下的可访问性指南。网页也必须是HTML4。

我的第一个想法是创建脚注,如维基百科上的参考部分。但是,我的网页可能会很长,而且我担心这样做可能会使人迷失方向并导致他们忘记他们正在阅读的内容,如果他们需要一直向下滚动然后再备份。因此,这是不可访问的。 (如果我错了,请纠正我。)

由于某些用户可能会选择禁用它,因此Javascript显然是禁止的,因此无法访问它。

我考虑使用提供的附加信息打开一个新窗口。但是,打开一个新窗口也会在可访问性方面打开一整套新蠕虫,所以我希望尽可能避免使用它。

我知道有一个<cite>标签,但根据我的理解,这个标签是引用参考,如果我的目的是提供额外的信息是不合适的。 (如果我错了,请再次纠正我。)

所以我的问题是,如果我的网页必须是可访问的,那么添加到我的网页的最佳方式是什么,相当于PDF文档的脚注?

html accessibility wai-aria html4 wcag
1个回答
2
投票

我会做这样的事情:

第一个链接将读者带到脚注,脚注链接回到文本位置。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Title</title> 
        <style type="text/css">
            .up
            {
                vertical-align: super;
            }
        </style> 
    </head>
    <body>
        <div>
            Lorem ipsum dolor sit <a href="#note1" id="number1">amet<span class="up">1</span></a>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
        </div>
        <div>
            <div><a href="#number1" id="note1">1 Some more info</a></div>
        </div>
    </body>
</html>
© www.soinside.com 2019 - 2024. All rights reserved.