Making A Tab List Try Some Tips

Just read about the WAI-ARIA as the same can be used to make advanced user interfaces more accessible by providing information about their functionality to assistive technologies such as screen readers. It defines attributes to identify the relationship between elements, their current state and the general structure of a page. It also describes roles for common website features such as a tab list. Here, we're going to go through the basics of creating a tab list that's accesible and usable to screen reader and keyboard users, and others. The key parts of ARIA we'll vw using are the role attribute, which identifies the tab list and its structure, and aria-labelledby, which links each tab with the associated content. We'll also use more common HTML attributes such as tabindex to focus on non-control elements, and to move elements in and out of the tab order depending on status. Only the most modern browsers and assistive technologies currentlly sopport WAI-ARIA, so we'll also make sure that our content will be accessible without ARIA, or indeed JavaScript and CSS. You can find a complete code example at bit.ly/dotnetariatabs, and find a more in-depth look at making tabbed interfaces accessible on page 84. Read the expert tips in the dotnet magazine for more information and improve your improve your information.