[spip-dev] Accessibilité et CSS - suite

Dev
1

Les puces ne sont pas géniales à ce niveau :

voici l'exemple suivant saisi dans SPIP

2

Je pense que "- " devrait être traité comme "-* " (en tout cas avec <ul>
<li> </ul>) et que l'image utilisé pour la puce devrai être définie dans
la feuille de style.

Pour démarrer, tu peux essayer de modifier le comportement de la puce en
changeant la variable $puce : cf. http://www.uzine.net/article1825.html

-- Fil

3

Bonjour,

Dans la partie WYSIWYG de Dreamweaver, les balises SPIP peuvent être
remplacées par des icônes, et éditables dans la fenêtre « propriété de
l'objet ». La lisibilité des squelettes en est améliorée.

Cette astuce a été initialement proposée sur la liste de diffusion SPIP.
Un article sur UZine (http://www.uzine.net/article1486.html) en a repris
l'explication.

Partant du besoin d'afficher la nouvelle balise <INCLURE> (Version 1.4
de SPIP), je vous propose de télécharger une archive contenant 6 images
et un fichier XML nécessaire à cette fonctionnalité.

URL de l'article :
http://www.drop-zone-city.com/article.php3?id_article=97

Donnez-moi votre avis.
Merci

a+
Fabrice

PS
- Pour MAC, je cherche la procédure d'installation.
- J'ai testé avec Dreamweaver 4 / MX. Si quelqu'un a une version 3 pour
vérifier. (Avec la version 2, ça ne doit pas marcher)

spip_macromedia.png

4

Je pense que "- " devrait être traité comme "-* " (en tout cas avec <ul>
<li> </ul>)
et que l'image utilisé pour la puce devrai être définie dans la feuille de
style.

Qu'en pensez-vous ?

je suis aussi de cet avis. Introduire une subtilité entre -* et - n'est pas
necessaire et une liste de :

<br><img src='puces'>
<br><img src='puces'>
<br><img src='puces'>
<br><img src='puces'>

devrait à tout prix être remplacée par une vrai liste de <ul><li></li>, c'est
structurellement plus correcte.

Quant aux puces des <li>, c'est dans la feuille de style du site qu'elles
devraient être définies, c'est tout.

Stephane

5

A propos de compatibilité CSS, un guide complet :

http://www.westciv.com/style_master/academy/browser_support/index.html

6

Les puces ne sont pas géniales à ce niveau :

voici l'exemple suivant saisi dans SPIP
------------------------
- Omnicos
-* directe
-** al desirabilitá
- de un nov
-* lingua franca:

------------------------
et sa traduction en html

<br><img src='puce.gif' align='top' alt='- ' width="8"
height="11" border='0'> Omnicos
<ul>
    <li>directe
    <ul>
      <li>al desirabilitá
      <br><img src='puce.gif' align='top' alt='- ' width="8"
      height="11"
border='0'> de un nov
    </ul>
    <li>lingua franca&nbsp;:</li>
</ul>

Je pense que "- " devrait être traité comme "-* " (en tout
cas avec <ul><li> </ul>)
et que l'image utilisé pour la puce devrai être définie dans
la feuille de style.

Qu'en pensez-vous ?

Je pense que j'espère que ce que tu écris est faux, et que
Spip referme chaque tag <li> qu'il ouvre!

Sur le contenu proprement dit:

I On devrait effectivement traiter les "- " comme des listes,
avec un style différent pour afficher une image à la place de
la puce.

II Néamoins on ne peut pas, on ne pourra jamais empêcher les
utilisateurs d'écrire en faisant des erreurs.

L'exemple d'Antoine (l'italique qui commence au milieu
d'un paragraphe et se poursuit dans un autre, générant du
code non compatible xml) est en un autre.

De même le code suivant:
<<
-* toto
-*** titi

en est un autre: On génère un <ul> contenant un <ul> au lieu
d'un ou plusieurs <li>.

Je pense que la seule solution est d'éduquer l'utilisateur et
le prévenir, dans le manuel, qu'il peut générer du code non
conforme au xhtml ou au html version 4. Il faudrait alors une
liste de tous les contre exemples à ne pas suivre.

Après les utilisateurs font ce qu'ils veulent. Spip leur offre
la possibilité de générer du code conforme au html 4 ou au
xhtml, mais c'est à eux d'écrire correctement, en respectant
certaines conventions s'ils veulent avoir un site compatible
avec ces standards.

7

Je pense que j'espère que ce que tu écris est faux, et que
Spip referme chaque tag <li> qu'il ouvre!

j'ai copier le code source html affiché par le navigateur.
J'ai pu me tromper en faisant le copier-coller, mais je ne pense pas.

On génère un <ul> contenant un <ul> au lieu d'un ou plusieurs <li>.
Je pense que la seule solution est d'éduquer l'utilisateur

Cette exemple est parfaitement valide, tu peux bien imbriquer des listes les
unes dans les autres.

- point 1
- point 2
  - détail 1
  - détail 2
  - détail 3
- point 3
- point 4

donnera :

<ul>
  <li>point 1</li>
  <li>point 2</li>
    <ul>
      <li>détail 1</li>
      <li>détail 2</li>
      <li>détail 3</li>
    </ul>
  <li>point 3</li>
  <li>point 4</li>
</ul>

Cordialement,

Yves

PS: Comment faire des listes numérotées sous SPIP "1- " ??

8

>Je pense que j'espère que ce que tu écris est faux, et que
>Spip referme chaque tag <li> qu'il ouvre!
j'ai copier le code source html affiché par le navigateur.
J'ai pu me tromper en faisant le copier-coller, mais je ne
pense pas.

Effectivement, il y a encore un bug dans la gestion des liste
sous Spip. Je me demande comment il a pu m'échapper :slight_smile:

<<
Début de texte
-* Début de liste
-** Niveau deux
-* Niveau un

donne
<<
<ul class="spip"><li class="spip">Début de liste
<ul class="spip"><li class="spip">Niveau deux
</li></ul><li class="spip">Niveau un</li></ul>

au lieu de
<<
<ul class="spip"><li class="spip">Début de liste
<ul class="spip"><li class="spip">Niveau deux
</li></ul></LI><li class="spip">Niveau un</li></ul>

(la balise </li> manquante est en majuscule)

Je n'ai pas le temps de le corriger aujourd'hui.

PS: Comment faire des listes numérotées sous SPIP "1- " ??

Il faut remplacer les * par des #.

9

NON.

Cela modifierait énormément la mise en page des sites existants. Sur uZine, par exemple, l'effet serait tout bonnement catastrophique!

ARNO*

10

NON.
Cela modifierait énormément la mise en page des sites existants. Sur
uZine, par exemple, l'effet serait tout bonnement catastrophique!

(pour la boîte de menu en haut à gauche, probablement (et là <ul> ne se
justifie peut-être pas),
par contre est-ce que cela est vraiment moche au sein des articles ?

Je propose un compromis :
Pour ceux qui souhaite un site plus "propre" au niveau des puces, il suffit
de ne pas utiliser "- " mais plutôt "-* ", "-** " etc.

Pour les autres dont uZine, faire comme avant.

Amicalement,

Yves

11

Merci à tous, c'est corrigé.

<<
Début de texte
-* Début de liste
-** Niveau deux
-* Niveau un
>>

donne
<<
<ul class="spip"><li class="spip">Début de liste
<ul class="spip"><li class="spip">Niveau deux
</li></ul><li class="spip">Niveau un</li></ul>
>>
au lieu de
<<
<ul class="spip"><li class="spip">Début de liste
<ul class="spip"><li class="spip">Niveau deux
</li></ul></LI><li class="spip">Niveau un</li></ul>
>>

(la balise </li> manquante est en majuscule)

-- Fil

12

Bonjour,

Dans la partie WYSIWYG de Dreamweaver, les balises SPIP peuvent être remplacées par des icônes, et éditables dans la fenêtre « propriété de l'objet ». La lisibilité des squelettes en est améliorée.

Cette astuce a été initialement proposée sur la liste de diffusion SPIP. Un article sur UZine (http://www.uzine.net/article1486.html) en a repris l'explication.

Partant du besoin d'afficher la nouvelle balise <INCLURE> (Version 1.4
de SPIP), je vous propose de télécharger une archive contenant 6 images et un fichier XML nécessaire à cette fonctionnalité.

URL de l'article :
http://www.drop-zone-city.com/article.php3?id_article=97

Donnez-moi votre avis.
Merci

a+
Fabrice

PS
- Pour MAC, je cherche la procédure d'installation.
- J'ai testé avec Dreamweaver 4 / MX. Si quelqu'un a une version 3 pour
vérifier. (Avec la version 2, ça ne doit pas marcher)

spip_macromedia.png