DOMTab — Menu à onglets simple et efficace

DOMTab — Ce script non-intrusif transforme une liste de liens en un système de menu à onglets (plusieurs menus sur une même page possibles). Parmi les plus : la possibilité de faire un lien vers un onglet et la mise en place de liens suivant et précédent pour accéder aux onglets (y compris avec une image). Voir mon comparatif entre DOMTab et idTabs pour en savoir plus.

jQuery UI Selectmenu — des menus « select » personnalisés à la sauce ARIA

L’élément select, comme la plupart des éléments de formulaires, sont difficilement personnalisables, surtout si l’on espère une relative homogénéité de rendu entre les navigateurs. jQuery UI Selectmenu fournit une alternative pour personnaliser et configurer ces satanées balises select. Vous pourrez adapter le comportement et l’apparence pour maximiser l’expérience utilisateur, tout en respectant une logique d’enrichissement progressif compatible avec les spécifications ARIA.

Effets jQuery accessibles WAI-RIA

jQuery-Accessible-RIA est une Collection de plugins pour jQuery repensés pour être conformes aux normes régissant l’accessibilité sur le web (WAI) : WCAG 2.0 et ARIA. Initialement développé pour améliorer les bonnes pratiques de développement front-end chez Namics, le pack se concentre sur les besoins récurrents en webdesign : lightbox, validation de formulaires et menus à onglets accessibles sont prêts à l’emploi. Via Web CSS Design.

30 menus de navigation en CSS pour votre site web

styledmenus propose une trentaine de menus de navigation compatibles avec les navigateurs IE6, IE7, Firefox, Opera, Safari, Chrome et conformes aux recommandations du W3C.

Le téléchargement de ces menus est gratuit ; toutefois, vous pouvez acheter les fichiers originaux au format *.psd* si vous voulez personnaliser davantage vos menus selon votre charte graphique.

Merci Thierry 😉

Menu à onglets (tabs) — idTabs ou domTab ?

Menu à onglets avec Javascript et CSS fait partie des articles les plus lus de ce *blogzine*. Mais la solution présentée n’est pas un modèle d’accessibilité car elle ne fonctionne plus correctement si Javascript est désactivé. Dans ce cas, le menu reste bloqué sur le premier onglet actif. Bien que certains trouvent qu’il s’agit d’une fonctionnalité et non d’un défaut, je préconise deux scripts bien plus accessibles et efficaces : idTabs de Sean Catchpole et domtab de Chris Heilmann.

Nanotabs — un idTabs minimaliste sans jQuery

Sean Catchpole, le créateur du plugin idTabs pour jQuery nous propose nanotabs un nouveau script minimaliste pour gérer des menus à onglets (mais pas seulement).

*Nanotabs* peut faire tout ce que faisait *idTab*s avec même quelques options supplémentaires, le tout sans utiliser le *framework jQuery* !