Je ne sais pas trop quoi répondre à ce commentaire... Mais bon, je m'occupe d'accessibilité, oui ou non ?

Voici donc l'essai de réponse que j'apporte :

Premièrement, Broly utilise le template par défaut de DotClear 1.2.1. Je me suis donc dépêché d'installer une "version de test"... Si on insère directement le plugin via dcCitation::afficher(); dans le template, comme ceci :

<div id="citation">
 <h2>Citation</h2>
 <?php dcCitation::afficher(); ?>
</div>

On "observe" que la citation est très comprimée à droite et à gauche, et qu'elle s'étale donc en hauteur, ce qui prend beaucoup de place pour rien :

Insertion de la citation sans rien toucher : trop comprimée par des marges à gauche et à droite, la citation apparaît inutilement extraite du flux et s'étale en hauteur

Donc... il faut toucher à la CSS ! Voici les styles que j'ai appliqués :

.citation-auto {
 margin: 0 1em;
 text-align: justify;
}

.citation-auto cite {
 display: block;
 text-align: right;
 font-size: 80%;
 line-height: 100%;
 margin-top: 1em;
}

Ce qui permet de diminuer les marges.

Insertion de la citation avec retouches CSS : les marges sont redevenues normales, et l'auteur de la citation est détaché par rapport au reste

Donc, pour résumer :

  • 1. On insère la citation dans le template à l'intérieur du menu (pour l'exemple j'ai choisi de l'insérer entre "liens" et "syndication") :
<div id="citation">
 <h2>Citation</h2>
 <?php dcCitation::afficher(); ?>
</div>
  • 2. On ajoute à la fin de style.css :
.citation-auto {
 margin: 0 1em;
 text-align: justify;
}

.citation-auto cite {
 display: block;
 text-align: right;
 font-size: 80%;
 line-height: 100%;
 margin-top: 1em;
}
  • 3. C'est fait !

Et ça marche même avec Lynx ! (jamais testé avec un lecteur d'écran, par contre...)

[PS] Les images dans ce post sont une invitation pour ceux qui peuvent voir (plus ou moins bien) les images à me laisser des commentaires sur le rendu visuel...