Interface-Slider-Modifikation zur Unterstützung von ARIA-roles und dem state und properties-modul von Alexander Farkas
Das Original Interface Plugin "Slider" wurde so modifiziert, dass es die role, states und properties Module unterstützt. Daneben wurden zwei kleine Fehler in der Tastaturbedienung bereinigt.
Benutzung
Aufruf und Optionen entsprechen dem Original (Klar die vorgenommen Änderungen waren minmal.). Zustätzlich wurden zwei neue Optionen eingefügt:- wairole [string]: z.B. 'slider' (Normalfall) oder presentation (z.B. für Scrollbalkenersatz). (default: false).
- waivalue [number]: erwartet den Maxvaluewert.
Beispiel-Aufruf:
$('.slider1').Slider(
{
wairole: 'slider',
accept : '.indicator',
fractions : 4,
onSlide : function( cordx, cordy, x , y)
{
document.getElementById('cordx').value = cordx + '%';
document.getElementById('cordy').value = cordy + '%';
},
values: [
[70,70]
]
}
);
Demo
Das fertige Script
- WAI-iSlider - Plugin für JQuery und Interface
Interessante Artikel
- AJAX trifft Barrierefreiheit: Die XHTML 1.1 „Role Attribute“ und „States and Properties“ Module
- ARIA: Accessible Rich Internet Applications bei Mozilla
- WAI-ARIA Live Regions
. top