Access keys available- see end of page

Tabs without JavaScript

Access keys available x for tab 1, y for tab 2 etc- see your browser help to access access keys

Click a tab label to read the content.

No mouse to click? Apart from some chromium based browsers (eg vivaldi) you can highlight a tab label or section by using the TAB (↹) key on your keyboard and then select the tab by pressing the ENTER (↵​)(aka RETURN) key. Different browser skins will make different changes to the tab label to show you it is selected- at start no tab labels will be highlighted.

Tab 1

This is the content of the first tab.

Tab 2

This is the content of the second tab.

Tab 3

This is the content of the third tab.

Expanders without JavaScript

Click a section heading to expand or collapse it.

Access keys available a,b,c to expand or collapse sections a,b,c- see your browser help to access access keys

Section A

This is the content of the first section - A.

Section B

This is the content of the second section -B. This one is visible by default, but you can click the button next to the heading to hide it.

Section C

This is the content of the third section - C.

No mouse to click? Apart from some chromium based browsers (eg vivaldi) you can highlight a tab or section by using the TAB (↹) key on your keyboard (highlights successive elements) and then select pressing the ENTER (↵​)(aka RETURN) key.

Note- to use these selectors NO javascript is used. A disadvantage is that key navigation is not available in some browsers, but accesskeys may be used if a mouse is not useable for some reason. See each browsers help to see how to access the keys which are set above with accesskey="x" in the label tag.

Access keys are available on this page. Your browser help will advise on how to use access keys. The access keys here are x,y,z for tabs and a,b,c for sections. Accesskey 1 will take you to the site entry page.