search

givepulse / knowbilitywarriors

Web Accessibility Website work for Accessible Housing Austin
0 stars 1 forks source link

Elements having a WAI-ARIA 'complementary' role must have a label specified with aria-label or aria-labelledby. #40

Closed mehdia closed 10 years ago

mehdia commented 10 years ago

Page: Story

On Element: /html/body/main/aside

Solution: Elements having a WAI-ARIA complementary role must have a label specified with aria-label or aria-labelledby so as not to confuse users while navigating a page.

The following example shows an element with a WAI-ARIA complementary role. The element is labeled with an aria-labelledby attribute that references an html heading.

  <h1 id="news">Breaking news articles</h1>
  ...
  <div role="complementary" aria-labelledby="news">
  ...
  </div>

The following example shows an element with a WAI-ARIA complementary role. The element is labeled with an aria-label attribute. The label in this example is not visible to sighted users. However, a screen reader will read the label.

  <div role="complementary" aria-label="Breaking news articles">
  ...
  </div>
slauriat commented 10 years ago

Fixed.