Intégrer des liens d’évitement dans un squelette SPIP

Accueil du site > Pense-bête > Intégrer des liens d’évitement dans un squelette SPIP

Intégrer des liens d’évitement dans un squelette SPIP

Publié le Mars 2007

Thèmes : Accessibilité, Noisettes, Spip, Squelettes

Voici une noisette pour intégrer des liens d’évitement dans vos squelettes SPIP. Pour une explication complète des avantages et des contraintes d’intégration rendez-vous sur l’article d’Alsacréations : Les liens d’évitement.

Sommaire :

Définir les ancres
Modifier les ancres des formulaires SPIP
Créer les liens d’accès
Intégrer à vos squelettes SPIP

Définir les ancres

La code suivant est à placer avant de titre de section que l’on veut atteindre, c’est un lien vide muni des attributs id, name et href.

Celui-ci est à définir dans tous les pages du site. Le href est déclaré pour permettre à Internet Explorer de reprendre le focus à cet endroit précis. Sans le href, en tabulant IE reprend le focus là où il était auparavant (merci Laurent).

On pourrait donner uniquement la valeur # à l’attribut href, cependant cela fera apparaitre l’ancre dans la liste des liens de la page dans certaines versions de Jaws, sous le libellé "Unamed". Pour y remédier il faut faire pointer le lien vers lui-même, le lien ne sera pas restitué (merci Laurent bis).

Modifier les ancres des formulaires SPIP

Les squelettes de formulaires de SPIP sont quasi tous munis d’une ancre, par exemple dans recherche.html :

Vous pouvez les modifier en rajoutant le href :

Vos formulaires modifiés sont à placer dans le sous-dossier formulaires des votre dossier squelettes.

Créer les liens d’accès

Nous avons les principaux éléments pour placer des liens d’accès en début de page pour accéder au contenu principal et au formulaire de recherche.

Intégrer à vos squelettes SPIP

Comme nous sommes dans la construction de squelettes SPIP, autant aller au bout de la démarche et utiliser les chaînes de langue en définissant deux instances dans le fichier public_fr.php (et public_en.php etc pour toutes les langues que devront supporter votre squelette) pour Aller au contenu et Aller à la recherche :

Le code la noisette liens dévitement :

Vous en faîtes une noisette en enregistrant cette portion de code en inc-access.html (téléchargez-la en fin de cet article) dans votre dossier squelettes que vous incluez dans vos squelettes sur toutes les pages :


inc-access.html: Noisette pour intégrer des liens d’évitements dans vos squelettes SPIP.

Répondre à cet article

2 Messages de forum

Intégrer des liens d’évitement dans un squelette SPIP

11 avril 2008 10:11, par tetue

Deux questions sur l’emplacement dans le code des liens d’évitement :
Doivent-ils impérativement être au tout début de la page HTML ?
Lorsqu’ils précédent la barre de navigation et le formulaire de recherche... est-il quand même utile de mettre les liens « aller à la navigation » et « aller à la recherche » ?

Voir en ligne : romy.tetue.net

Répondre à ce message
Intégrer des liens d’évitement dans un squelette SPIP

11 avril 2008 13:18, par Igor

Bonjour Romy,

Doivent-ils impérativement être au tout début de la page HTML ?

C’est à mon avis l’endroit le plus pertinent.

Le point de contrôle du RGAA : 13.6 Regrouper les liens par type de fonction

Les liens d’accès rapide doivent être regroupés dans un élément HTML situé à proximité de la balise ouvrante body. Son emplacement dans le code source doit être identique sur toutes les pages où ces liens sont utilisés.

Lorsqu’ils précédent la barre de navigation et le formulaire de recherche... est-il quand même utile de mettre les liens « aller à la navigation » et « aller à la recherche » ?

Ce n’est pas utile a priori comme l’indique Jean-Pierre Villain dans l’article d’Alsacréations :

Vous devez en limiter le nombre et l’usage : Il ne s’agit surtout pas de construire un sommaire de la page (nous reviendrons plus bas sur les relations entre ces deux mécanismes). Généralement, en fonction de la structure du haut de la page, une paire de liens d’accès rapide comme "aller au contenu" et "aller au menu" suffit pour qu’ils remplissent parfaitement leur office. Contentez-vous de pointer sur l’essentiel, posez-vous la question de savoir s’il est vraiment utile d’implémenter un lien "aller à la recherche" si votre formulaire de recherche ne se trouve qu’à 3 ou 4 tabulations de là.

Répondre à ce message