This example requires Firefox 3 or later to work with screen readers -- it uses ARIA properties without namespaces, which is now the correct markup.
This is a slider. It has two buttons on either end marked role:button and a slider in the middle marked role:slider. When you tab on to the slider and use the arrow, End and Home keys to change the value. Also just to draw people into useing it, we have some mouse events. You can click on the buttons or drag the slider.