咏叹调角色和内部div

Question

我正在更新旧站点以使其更易于访问。

该站点上有许多地方具有以下结构：

<div class="topbar">
    <div class="inner">
        Content here ...
    </div>
</div>

role="banner"应该在.topbar div还是.inner div上？我应该在其他div上添加任何内容吗？

Answer 1

如果您要访问旧站点以使其更易于访问，则最好将其更新为HTML5。

因此，我将使用<header>元素而不是role="banner"。

<header class="topbar">
    <div class="inner">
        Content here ...
    </div>
</header>

这将具有与role="banner"完全相同的语义，但不需要WAI-ARIA，并且可以更好地支持按区域导航之类的事情。

使用语义正确的元素而不是<div>在整个站点中重复此过程，您会发现您几乎不需要WAI-ARIA。