Re: [SPIP Zone] Compilation css de la boussole

2017-08-16 Par sujet Mist. GraphX

Hello,

Yes super,

désolé j'étais pas derrière l'ordi aujourd'hui ;-)

Il faudrait qu'il prenne le focus et qu'il s'ouvre, avec un lien 
d'évitement qui permette de ne pas se taper les 25 langues avec tab 
tab tab etc, lien d'évitement vers le bloc de recherche donc.
ça tu dois pouvoir le faire en js, en ciblant sur une class du menu lang 
ou une id, et tu enlève les tabindex des items de langue. non ?


Bonne soirée
Arnaud B. (Mist. GraphX)

Le 16/08/2017 à 13:26, nicod_ a écrit :

Le 16/08/2017 à 12:45, nicod_ a écrit :

Le 16/08/2017 à 08:32, Mist. GraphX a écrit :
Faudrait faire apparaitre le menu d'accessibilité qu'en il est au 
focus sinon on ne comprends pas pourquoi le tab met deux coup avant 
d'aller au logo.


J'ai mis un moment à comprendre, en fait on parle plutôt de menu 
d'évitement, pas d'accessibilité.

Oui effectivement, ça fait deux liens cachés qui prennent le focus.


Voilà, les liens apparaissent au focus.

Problème suivant : le menu de langue.

Il faudrait qu'il prenne le focus et qu'il s'ouvre, avec un lien 
d'évitement qui permette de ne pas se taper les 25 langues avec tab 
tab tab etc, lien d'évitement vers le bloc de recherche donc.


PS : tout ceci concerne le squelette galactic, pas la boussole.



--
Bonne journée
Arnaud B. (Mist. GraphX)



spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-16 Par sujet nicod_

Le 16/08/2017 à 12:45, nicod_ a écrit :

Le 16/08/2017 à 08:32, Mist. GraphX a écrit :
Faudrait faire apparaitre le menu d'accessibilité qu'en il est au 
focus sinon on ne comprends pas pourquoi le tab met deux coup avant 
d'aller au logo.


J'ai mis un moment à comprendre, en fait on parle plutôt de menu 
d'évitement, pas d'accessibilité.

Oui effectivement, ça fait deux liens cachés qui prennent le focus.


Voilà, les liens apparaissent au focus.

Problème suivant : le menu de langue.

Il faudrait qu'il prenne le focus et qu'il s'ouvre, avec un lien 
d'évitement qui permette de ne pas se taper les 25 langues avec tab tab 
tab etc, lien d'évitement vers le bloc de recherche donc.


PS : tout ceci concerne le squelette galactic, pas la boussole.

--
nicod_

spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-16 Par sujet nicod_

Le 16/08/2017 à 08:32, Mist. GraphX a écrit :
Faudrait faire apparaitre le menu d'accessibilité qu'en il est au focus 
sinon on ne comprends pas pourquoi le tab met deux coup avant d'aller au 
logo.


J'ai mis un moment à comprendre, en fait on parle plutôt de menu 
d'évitement, pas d'accessibilité.

Oui effectivement, ça fait deux liens cachés qui prennent le focus.
Je vais regarder comment gérer ça.


Comme sur mediaspip en fait ...


Pas compris, tu peux préciser ? mediaspip.net ou medias.spip.net ?
Je ne vois pas de menu d'évitement sur les deux.

--
nicod_

spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-16 Par sujet Mist. GraphX

Le 14/08/2017 à 18:56, Nicolas Dorigny a écrit :
Mais non, justement, je te dis que ce sont les css de la *dist*, pas 
de la boussole.


Regarde, là j'ai branché ce site sur spip.alwaysdata.net/boussole/ au 
lieu de boussole.spip.net :

https://spip.alwaysdata.net/spip.net

Il n'y a pas les flèches sur les liens externes.


Le 14/08/2017 à 16:47, Eric Lupinacci a écrit :

Mais tu peux pas corriger les css ?


Le 14 août 2017 à 16:39, nicod_ > a écrit :


Le 10/08/2017 à 22:39, nicod_ a écrit :

Le 10/08/2017 à 21:39, Eric Lupinacci a écrit :

Tu as changé le comportement en hover sur les entrées de
menu et il y a des flèches en fin de ligne.
C'est voulu ou juste un bug css suite à tes modifications ?


Pour le comportement changé en hover, je ne vois pas, tu peux
m'expliquer ?

Pour les flèches en fin de ligne c'est parce que la boussole
est affichée sur le squelette dist, et que dans la css il y a
l'ajout d'une fleche sur les liens externes, c'est donc lié à
la css de la dist uniquement.


Ce que tu as relevé est lié à la css de la dist, pas à la
boussole en elle même.

Pas d'avis contre ? Je commite ?

-- 
nicod_








spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Hello,

Faudrait faire apparaitre le menu d'accessibilité qu'en il est au focus 
sinon on ne comprends pas pourquoi le tab met deux coup avant d'aller au 
logo.


Comme sur mediaspip en fait ...

--

Bonne journée
Arnaud B. (Mist. GraphX)



spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-14 Par sujet RealET

Nicolas Dorigny a écrit le 14/08/2017 à 18:56 :
Mais non, justement, je te dis que ce sont les css de la *dist*, pas de 
la boussole.


Regarde, là j'ai branché ce site sur spip.alwaysdata.net/boussole/ au 
lieu de boussole.spip.net :

https://spip.alwaysdata.net/spip.net

Il n'y a pas les flèches sur les liens externes.
Est-ce qu'il serait par contre possible d'avoir le focus clavier plus 
manifesté ?

Là, il n'y a que le natif du navigateur (les pointillés autour).
Est-ce que ça pourrait être le même style qu'au :hover (underline, et 
violet plus foncé pour l'item dans le bandeau) ?


Merci ;-)

--
RealET



spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-14 Par sujet Nicolas Dorigny
Mais non, justement, je te dis que ce sont les css de la *dist*, pas de 
la boussole.


Regarde, là j'ai branché ce site sur spip.alwaysdata.net/boussole/ au 
lieu de boussole.spip.net :

https://spip.alwaysdata.net/spip.net

Il n'y a pas les flèches sur les liens externes.


Le 14/08/2017 à 16:47, Eric Lupinacci a écrit :

Mais tu peux pas corriger les css ?


Le 14 août 2017 à 16:39, nicod_ > a écrit :


Le 10/08/2017 à 22:39, nicod_ a écrit :

Le 10/08/2017 à 21:39, Eric Lupinacci a écrit :

Tu as changé le comportement en hover sur les entrées de
menu et il y a des flèches en fin de ligne.
C'est voulu ou juste un bug css suite à tes modifications ?


Pour le comportement changé en hover, je ne vois pas, tu peux
m'expliquer ?

Pour les flèches en fin de ligne c'est parce que la boussole
est affichée sur le squelette dist, et que dans la css il y a
l'ajout d'une fleche sur les liens externes, c'est donc lié à
la css de la dist uniquement.


Ce que tu as relevé est lié à la css de la dist, pas à la boussole
en elle même.

Pas d'avis contre ? Je commite ?

-- 
nicod_






spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-14 Par sujet Eric Lupinacci
Mais tu peux pas corriger les css ?


Le 14 août 2017 à 16:39, nicod_  a écrit :

> Le 10/08/2017 à 22:39, nicod_ a écrit :
>
>> Le 10/08/2017 à 21:39, Eric Lupinacci a écrit :
>>
>>> Tu as changé le comportement en hover sur les entrées de menu et il y a
>>> des flèches en fin de ligne.
>>> C'est voulu ou juste un bug css suite à tes modifications ?
>>>
>>
>> Pour le comportement changé en hover, je ne vois pas, tu peux m'expliquer
>> ?
>>
>> Pour les flèches en fin de ligne c'est parce que la boussole est affichée
>> sur le squelette dist, et que dans la css il y a l'ajout d'une fleche sur
>> les liens externes, c'est donc lié à la css de la dist uniquement.
>>
>
> Ce que tu as relevé est lié à la css de la dist, pas à la boussole en elle
> même.
>
> Pas d'avis contre ? Je commite ?
>
> --
> nicod_
>

spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-14 Par sujet nicod_

Le 10/08/2017 à 22:39, nicod_ a écrit :

Le 10/08/2017 à 21:39, Eric Lupinacci a écrit :
Tu as changé le comportement en hover sur les entrées de menu et il y 
a des flèches en fin de ligne.

C'est voulu ou juste un bug css suite à tes modifications ?


Pour le comportement changé en hover, je ne vois pas, tu peux m'expliquer ?

Pour les flèches en fin de ligne c'est parce que la boussole est 
affichée sur le squelette dist, et que dans la css il y a l'ajout d'une 
fleche sur les liens externes, c'est donc lié à la css de la dist 
uniquement.


Ce que tu as relevé est lié à la css de la dist, pas à la boussole en 
elle même.


Pas d'avis contre ? Je commite ?

--
nicod_

spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-10 Par sujet nicod_

Le 10/08/2017 à 21:39, Eric Lupinacci a écrit :
Tu as changé le comportement en hover sur les entrées de menu et il y a 
des flèches en fin de ligne.

C'est voulu ou juste un bug css suite à tes modifications ?


Pour le comportement changé en hover, je ne vois pas, tu peux m'expliquer ?

Pour les flèches en fin de ligne c'est parce que la boussole est 
affichée sur le squelette dist, et que dans la css il y a l'ajout d'une 
fleche sur les liens externes, c'est donc lié à la css de la dist 
uniquement.



--
nicod_


spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-10 Par sujet Eric Lupinacci
Tu as changé le comportement en hover sur les entrées de menu et il y a des
flèches en fin de ligne.
C'est voulu ou juste un bug css suite à tes modifications ?


Le 10 août 2017 à 19:07, nicod_  a écrit :

> Voilà ce que ça donne, en démo avant de commiter :
> https://spip.alwaysdata.net/boussole/
>
> J'ai donc ajouté le script js de Nicolas Hofmann, minifié (5.2 Ko), j'ai
> ajouté des classes sur le markup html de la boussole, et j'ai
> adapté/simplifié la css (depuis le .less recomplié), qui fait un Ko de
> moins ^^
>
> C'est donc navigable au clavier, avec TAB pour la prise de focus, puis
> avec les flèches de direction, et ESC pour quitter le menu.
>
> Qu'en pensez vous ?
>
> --
> nicod_
>

spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-10 Par sujet RealET

nicod_ a écrit le 10/08/2017 à 19:07 :

Voilà ce que ça donne, en démo avant de commiter :
https://spip.alwaysdata.net/boussole/

J'ai donc ajouté le script js de Nicolas Hofmann, minifié (5.2 Ko), j'ai 
ajouté des classes sur le markup html de la boussole, et j'ai 
adapté/simplifié la css (depuis le .less recomplié), qui fait un Ko de 
moins ^^


C'est donc navigable au clavier, avec TAB pour la prise de focus, puis 
avec les flèches de direction, et ESC pour quitter le menu.


Qu'en pensez vous ?


Moi je ne dirais qu'une chose : bravo !
Et merci !

--
RealET



spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-10 Par sujet nicod_

Voilà ce que ça donne, en démo avant de commiter :
https://spip.alwaysdata.net/boussole/

J'ai donc ajouté le script js de Nicolas Hofmann, minifié (5.2 Ko), j'ai 
ajouté des classes sur le markup html de la boussole, et j'ai 
adapté/simplifié la css (depuis le .less recomplié), qui fait un Ko de 
moins ^^


C'est donc navigable au clavier, avec TAB pour la prise de focus, puis 
avec les flèches de direction, et ESC pour quitter le menu.


Qu'en pensez vous ?

--
nicod_

spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-10 Par sujet nicod_

Le 10/08/2017 à 09:47, Eric Lupinacci a écrit :

Pour le fichier less je ne sais pas.
C'est étonnant que ça ne te donne pas la même chose de toute façon.
Tu as de grosses différences ?
Est-ce possible que quelqu'un ait fait des modifs css sans passer par 
le less ?
Je n'arrive pas à retrouver le même formatage en fait, alors que je vois 
que les dernières modifs, faites par b_b ou cerdic conservent bien le 
formatage du css.

Par exemple :
https://zone.spip.org/trac/spip-zone/changeset/77214
https://zone.spip.org/trac/spip-zone/changeset/76853

Pas très grave, c'est surtout pour que le commit ne soit pas juste un 
gros diff glonal -/+ sur le fichier .css

La référence est le fichier .less, c'est le plus important.

Sinon pour le menu pas de souci pour moi à partir du moment ou on 
retrouve le même look & feel.
Oui, ce serait un ajout de code js et des ajouts de classes dans le 
markup html, en reprenant le css existant.


Concernant le poids du JS |:
|It is lightweight: 11.6kb(development), 5.3kb (minified), only 750 
bytes minified and gzipped.|

--
nicod_
|

spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-09 Par sujet nicod_

Le 09/08/2017 à 22:26, nicod_ a écrit :
Il faudrait un peu de js pour gérer la nav au clavier, à minima pouvoir 
tabuler sur les liens successifs.


Histoire de pas réinventer la roue, un menu léger et accessible 
développé et testé par Nicolas Hofmann :

https://a11y.nicolas-hoffmann.net/subnav-dropdown/

Un avis pour/contre ?

--
nicod_

spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-09 Par sujet nicod_
Il faudrait un peu de js pour gérer la nav au clavier, à minima pouvoir 
tabuler sur les liens successifs.


--
nicod_

spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone


Re: [SPIP Zone] Compilation css de la boussole

2017-08-09 Par sujet nicod_

Bon, en fait c'est plus compliqué.

--
nicod_

spip-zone@rezo.net - http://listes.rezo.net/mailman/listinfo/spip-zone