Features - Accordion, Expand & Tabs



This page is taken from the ASSETS reference and shows examples for these controls.

Accordion

The Accordion Widget displays collapsible content panels for presenting information in a limited amount of space. It allows a list of panels to be vertically stacked‚ where each item can be expanded to reveal the content of the panel. Tabs are used within the accordion as navigational buttons to switch between the panels.

This control can be controlled from the keyboard making it accessible.

Optimized Colors for Color Blind

Chosen accent colors have been tested for both color blind safety and for proper contrast from the background, as defined in WCAG 2.0 AA and Section 508 and are complient.

Complient HTML

The template has been thourghly tested and is compatible with both WCAG 2.0 AA and Section 508.

Accessible = Simpler

All users will be happier with a simpler website design that is consistant and leaves no room for guessing.

More Audience Options

Catering to all users gives you bigger potential crowd for your site.

All Accessible Controls

Every control used is accessible according to the standarts WCAG 2.0 AA & Section 508.

 

Expand/Collapse

The Expand/Collapse Widget is a disclosure widget that is used to show and hide a sub-section of content. These collapsed sub-sections contain non-essential content that make the page less cluttered. When users need the information‚ they can expand the section using the widget and collapse it again when they no longer need the information.

Contact Information (click me to expand)

Tell us who to contact about this application

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec sapien ut mi pretium viverra non non tellus. Nulla facilisi. Suspendisse semper vehicula nisl eget molestie. Donec nec sem ut leo elementum luctus. Praesent dapibus et ipsum non venenatis. Vestibulum volutpat, felis sit amet sodales sodales, dui quam feugiat magna, ut tincidunt risus enim id urna. Aliquam sed nisi est. Suspendisse potenti. Etiam sollicitudin risus nec eleifend mollis. Sed id lacus bibendum nisi suscipit rhoncus iaculis non mi. Nulla vulputate neque nec imperdiet accumsan.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed suscipit nunc non mauris fringilla, ac luctus odio molestie. Aenean et volutpat nisl. Sed vitae risus feugiat est commodo laoreet. Sed diam sem, rhoncus ut ullamcorper vel, semper sit amet libero. Suspendisse blandit nulla quis lorem congue iaculis. Sed vestibulum porttitor lorem sed feugiat.

Authorized Representative (click me to expand)

Authorized Representative List:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec sapien ut mi pretium viverra non non tellus. Nulla facilisi. Suspendisse semper vehicula nisl eget molestie. Donec nec sem ut leo elementum luctus. Praesent dapibus et ipsum non venenatis. Vestibulum volutpat, felis sit amet sodales sodales, dui quam feugiat magna, ut tincidunt risus enim id urna. Aliquam sed nisi est. Suspendisse potenti. Etiam sollicitudin risus nec eleifend mollis. Sed id lacus bibendum nisi suscipit rhoncus iaculis non mi. Nulla vulputate neque nec imperdiet accumsan.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed suscipit nunc non mauris fringilla, ac luctus odio molestie. Aenean et volutpat nisl. Sed vitae risus feugiat est commodo laoreet. Sed diam sem, rhoncus ut ullamcorper vel, semper sit amet libero. Suspendisse blandit nulla quis lorem congue iaculis. Sed vestibulum porttitor lorem sed feugiat.

Sed facilisis egestas dapibus. Morbi interdum sem vitae elit lacinia sagittis. Sed faucibus dictum nisl, id fermentum risus molestie a. Sed tempor metus sit amet mollis fermentum. Donec vel massa odio. Nulla blandit mauris urna, eget tristique ipsum blandit ut. Praesent ligula risus, vehicula a nunc eget, venenatis pellentesque sem. Duis nec nisi hendrerit, ultricies felis ac, porta augue. Vestibulum varius odio et elit dictum rutrum vel ut nisl. Nam ut metus ultricies, iaculis mauris sit amet, vehicula risus.


 

Tabs

The Tabs Widget allows one panel from multiple panels to be displayed at a time using tabs as a list of navigational controls to switch between the panels.

The dog (Canis lupus familiaris, is a domesticated form of the wolf, a member of the Canidae family of the order Carnivora. The term is used for both feral and pet varieties. The domestic dog has been one of the most widely kept working and companion animals in human history. The word 'dog' may also mean the male of a canine species, as opposed to the word 'bitch' for the female of the species.

The dog quickly became ubiquitous across culture across the world, and was extremely valuable to early human settlements. For instance, it is believed that the successful emigration across the Bering Strait might not have been possible without sled dogs. Dogs perform many roles for people, such as hunting, herding, protection, assisting police and military, companionship, and, more recently, aiding handicapped individuals. This versatility, more than almost any other known animal, has given them the nickname 'Man's best friend' in the western world. Currently, there are estimated to be 400 million dogs in the world.

More information about Dogs on WikipediaThis link opens a new window or tab

The cat (Felis catus), also known as the domestic cat or housecat to distinguish it from other felines and felids, is a small domesticated carnivorous mammal that is valued by humans for its companionship and its ability to hunt vermin and household pests. Cats have been associated with humans for at least 9,500 years, and are currently the most popular pet in the world. Due to their close association with humans, cats are now found almost everywhere on Earth. This extreme adaptability and their worrying impacts on native animals has led to them being classed as an invasive species. Most of these problems are caused by the large number of feral cats worldwide, with a population of up to 60 million of these animals in the United States alone.

The ferret (Mustela putorius furo) is the domesticatedThis link opens a new window or tab form of the European PolecatThis link opens a new window or tab, a mammal belonging to the weaselThis link opens a new window or tab genusThis link opens a new window or tab of the familyThis link opens a new window or tab MustelidaeThis link opens a new window or tab. Ferrets typically have brown, black, white, or mixed fur. They have an average length of 20 inches (51 cm) including a 5 inch (13 cm) tail, weigh about 1.5–4 pounds (0.7–2 kg), and have a natural lifespan of 6 to 10 years. Ferrets are sexually dimorphicThis link opens a new window or tab predators with males being substantially larger than females.