web output - Comments

Dirk Ginader: jQuery Accessible Tabs - How to make tabs REALLY accessible

nospam@example.com (Dirk Ginader) — Mon, 01 Mar 2010 21:54:06 +0100

Thanks for the good question John. So far there is nothing to automatically create those buttons. You could add them manually and use the showAccessibleTab(index) function to open the tabs. This is not very elegant though. I added your idea as new feature request to github: http://github.com/ginader/Accessible-Tabs/issues/issue/12

John: jQuery Accessible Tabs - How to make tabs REALLY accessible

nospam@example.com (John) — Mon, 01 Mar 2010 20:41:49 +0100

Is there a way to add buttons to the content area that allow for moving forward and backwards through the tabs? I know the user can move between sections by clicking on the H2 areas which make up for the top tab, but we would also like to add "Back" and "Continue" buttons to make the UI a little more intuitive. Thanks for any advice.

Website Designers: Think Visibility - SEO and more

nospam@example.com (Website Designers) — Wed, 24 Feb 2010 14:03:28 +0100

Before watching your slides my major focus are first two slides you mentioned above "easily understandable valuable content" and "good speaking URLs". But now i think i have to increase my list with this point to"screen reader can't understand java script". thanks for sharing such remarkable post.

Hung Bui: jQuery Accessible Tabs - How to make tabs REALLY accessible

nospam@example.com (Hung Bui) — Tue, 23 Feb 2010 14:20:38 +0100

Hey Dirk, I used this plugin and it works great. Recently, i have spotted an issue with Safari Browser, when user clicks on one of the tab, its content flashing for a second and disappear. Please take a look at the demo here: http://www.quaycreative.com/portfolio/ Anyone know what is happening? Thanks

Micha: jQuery Accessible Tabs - Wie man Tabs WIRKLICH zugänglich macht

nospam@example.com (Micha) — Sun, 14 Feb 2010 20:57:12 +0100

Hallo Dirk. Ich mußte wegen einer Googlemap im Tab dein Script umbauen und habe statt hide() und show() addClass('print') und removeClass('print') verwendet. Der Vorteil der Klasse .print aus dem YAML Core, die Tabs sind nun druckbar, dafür geht Fx nicht mehr. Vielleicht als Idee in den Options konfigrierbar machen: Entweder druckbare Tabs oder EffeKte. Hier der Hintergrundartikel in meinem Blog.

nikosch: jQuery Accessible Tabs - Wie man Tabs WIRKLICH zugänglich macht

nospam@example.com (nikosch) — Sun, 14 Feb 2010 20:00:00 +0100

» Wir suche immer noch nach einer Möglichkeit den Backbutton nutzen zu können Ich bin da zwiegespalten. IMHO ist ein Tabreiter eben keine eigene Seite. Weshalb ich es durchaus logischer finde, bspw. von Eurem Beispiellink auch nach ein paar Tab-Drücken via Back-Button wieder auf diese Seite zu kommen. Für Screenreader-Nutzer mag die Erfahrung anders sein (auch wegen der erzeugten Überschriftensystematik), aber das wäre dann ein genereller Punkt, über den man nachdenken sollte. Im Zweifel wäre dann ein regulärer Request einem dynamischen Tabreiterinhalt vorzuziehen.

Lance: jQuery Accessible Tabs - How to make tabs REALLY accessible

nospam@example.com (Lance) — Wed, 03 Feb 2010 13:57:38 +0100

Thanks for that, I was trying speed:0 that was my problem! One other note, if I include an unordered list in the tabbody then the plugin takes this for the navigation. I changed it to have a unique ID by editing your plugin code for the time being, but since you have an option to customise everything maybe this is a good idea as well.

Web Designing Services UK: The 5 Layers of Web Accessibility

nospam@example.com (Web Designing Services UK) — Wed, 03 Feb 2010 13:23:32 +0100

Beautiful explanation in very simple way thanks for sharing such a nice post.

Dirk Ginader: jQuery Accessible Tabs - How to make tabs REALLY accessible

nospam@example.com (Dirk Ginader) — Tue, 02 Feb 2010 18:54:13 +0100

Thanks Lance, It's actually very easy to use the tabs without any animation. You just need to define "show" as fx and set fxspeed to null like this: $('.tabs').accessibleTabs({ fx:'show', fxspeed:null }); Happy you like it

Lance: jQuery Accessible Tabs - How to make tabs REALLY accessible

nospam@example.com (Lance) — Tue, 02 Feb 2010 18:05:04 +0100

What happens if I don't want an animated transition between tabs? Absolutely brilliant plugin though, the perfect solution to creating tabs