为什么矢量皮肤有一个不可见的h2与文本＆＃39;导航菜单＆＃39;设置css顶部：-9999？

Question

我在另一个网站上看到了隐藏的标题，其中内容是网站的名称，但css更加彻底;

visibility: hidden, text-indent: -9999em etc

我想知道因为我正在修改Vector皮肤以用作我网站的皮肤，我正在改变它周围的html。

是否有可访问性？屏幕阅读器？什么是它的优点？

这是来自维基百科页面的来源：

<div id="mw-navigation">
        <h2>Navigation menu</h2>

        <div id="mw-head">
                                <div id="p-personal" role="navigation" class="" aria-labelledby="p-personal-label">
                    <h3 id="p-personal-label">Personal tools</h3>

Answer 1

如果标题被图像替换，通常这是为了可访问性和SEO原因。在正常状态下，图像将被视为标题，如果由屏幕阅读器读取，则文本内容将明确其内容。