Collapse-O-Matic Tabindex Test

This is a test of a new tabindex attribute feature. Assigning the tabindex attribute a numerical value will set the tabindex attribute for the trigger. We are going to use the number three, because we really like this number.

Now what this will do is assign a tabindex of three to the trigger so you should now be able to hit the tab button and eventually land on the trigger. Something to note:

In HTML5, the tabindex attribute can be used on any HTML element (it will validate on any HTML element. However, it is not necessarily useful).

In HTML 4.01, the tabindex attribute can be used with: <a>, <area>, <button>, <input>, <object>, <select> and <textarea>.

So, with that in mind:

HTML 4.01

[expand title="Trigger Text" tag="a" tabindex="3"]Target Content[/expand]
When this item is tabbed to, it will be clearly displayed as in-focus due to a nice little frame or border around the element.
Trigger Text

Target Content

HTML 5

[expand title="Trigger Text" tabindex="3"]Target Content[/expand]
Although this item has the same tabindex value as above, since it is using the default tag of DIV it will NOT be visibly shown as in-focus with a frame.

Trigger Text
Target Content

To display a visible change when our item is in focus, simply create a class for the trigger (using trigclass) and define the :focus pseudo class with an outline like so:

CSS
.lookatme:focus {
outline: #ccc dotted 2px;
}

[expand title="Trigger Text" tabindex="3" trigclass="lookatme"]Target Content[/expand]

Trigger Text
Target Content

Now here is a fun fact:
tabindex="0" allows the element to be placed in the default navigation order.
[expand title="Trigger Text" tabindex="0" trigclass="lookatme"]Target Content[/expand]

Trigger Text
Target Content

Collapse-O-Matic > Find-Me ID Test

The Wookiees’ natural habitats were the dense forests of the planet Kashyyyk (though one source does imply that they were immigrants to this planet). Kashyyyk was covered with massive wroshyr trees, in which the Wookiees constructed their homes and cities. Reportedly, Wookiees were descended from tree-climbing mammals.
They had the ability to easily learn most languages. However, Wookiees lacked the vocal structure to speak anything other than their own languages.

Adult Wookiees were tall, in excess of two meters in height, and were covered with a uniform, mid-length coat of thick hair in various shades of brown. Although albino Wookiees were rare, they were not unheard of. However, such a birth was generally held to be a bad omen, as white hair did not blend in with the earth-tones of their forest surroundings.

Young Wookiees (pups) were large at birth (averaging slightly less than one meter). Wookiees possessed vicious-looking retractable claws for climbing. Female Wookiees had six breasts and gave birth to live-born young, with their gestation period nearly a year long. After birth, a Wookiee grew very fast, fully conscious and able to walk unassisted within one standard year. The average lifespan of Wookiees was around 600 years. In spite of their bestial appearance, Wookiees were highly intelligent and had mastered advanced technology, including hyperspace travel. Wookiees also possessed exceptional skill in mechanical repair. An old saying was “Give a Wookiee a knife and send him into a forest in the morning, and by evening he would have carved you a table to eat dinner on – and a house to put it in.”[3]

Wookiees were often short-tempered. When Chewbacca complained about a move in a game of dejarik that R2-D2 had made during their initial trip to Alderaan, Han Solo told C-3PO that it was not a good idea to upset a Wookiee—because an upset Wookiee would tear a person’s arms out of their sockets. Despite their temper and great strength, Wookiees were usually gentle and affectionate with their friends and family. Wookiees were also able to get infected from the Blackwing virus. Wookiees were also among the variety of species that could develop asthma.[3]

Do not fight a Wookiee
In addition, Wookiees, if tired, are also significantly dangerous to deal with when fighting them, even more so than when they are awake.[4]