WAI-ARIA包括一组导航特性，帮助残障人士识别网页和Web应用程序的公共区域，并使用辅助技术为他们导航。这些特性可以结合HTML元素使用，从而最大限度地发挥其语义。

我们将介绍几个具体的WAI-ARIA特性，它们可以依赖很少的class和id来包装HTML，从而让HTML和CSS更加炫酷。这些WAI-ARIA特性包括banner、complementary、contentinfo、main、navigation和search。要使用WAI-ARIA的特性，只需要在任何适当的元素上添加role属性。例如，当我们想在某个区域展示品牌或横幅广告，应用banner特性即可。

banner特性

在HTML中，header元素可以用于展示品牌或横幅广告，它通常出现在页面的顶部。WAI-ARIA的banner特性可以帮助使用辅助技术的用户辨识出这个特殊的header区域，以和页面中的其他区域区分。

 
It's Hardboiled
 

需要区分的是，普通header元素可以根据需要在section和article元素中使用多次，而带有值为banner的role属性的header元素只能使用一次。

complementary特性

WAI-ARIA的complementary特性在功能上与HTML的aside元素类似。虽然它不必包含任何内容，或者直观地链接到该内容区域，但它是用来描述与页面相关的内容，并对其他内容提供支持。例如，假设我们写一篇关于侦探小说作家Mickey Spillane的文章，我们可以在有关他的名著《My Gun Is Quick》的aside元素上应用complementary特性。