diff --git a/_posts/2014-05-15-getting-started-aria.md b/_posts/2014-05-15-getting-started-aria.md index 6f32ea692498013f9944148f998fa9ac4df2c511..f8935814bd35160a1b4db5ace97346c5fa90d9bf 100644 --- a/_posts/2014-05-15-getting-started-aria.md +++ b/_posts/2014-05-15-getting-started-aria.md @@ -101,8 +101,8 @@ To create accessible applications, basic principles of semantic HTML, keyboard s <a href="#second-tab" role="tab" aria-selected="false" aria-controls="second-tab">Panel 2</a> </li> </ul> -<div id="first-tab" role="tab-panel"></div> -<div id="second-tab" role="tab-panel"></div> +<div id="first-tab" role="tabpanel"></div> +<div id="second-tab" role="tabpanel"></div> ~~~~~~~~ Each element has an ARIA role and attributes to create a complete tab widget. The relationship between a tab link and tab panel is now available to screen readers.