Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

touches spéciales #253

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

touches spéciales #253

wants to merge 1 commit into from

Conversation

fabi1cazenave
Copy link
Collaborator

No description provided.

+-------------+-------------+--------------------------------------------------+
| ⎋ | Esc. | Échapp. |
+-------------+-------------+--------------------------------------------------+
| ⌘ | Command | Commande |
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ajouter "Super" ou "Meta". Et peut-être "touche Windows" ou le logo de fenêtre ? C’est un peu publicitaire j’aime pas trop ça non plus mais c’est ce qui est sur la plupart des claviers malheureusement. À voir si on privilégie de se faire comprendre du plus grand nombre possible ou si on ne fait pas de concession sur ce point en partant du principe d’éduquer et changer les mentalités

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Je n’ai pas de picto officiel pour cette touche sur les claviers PC mais Ced’C a proposé un truc approchant je crois, mais je ne le retrouve pas. Honte à moi.

+-------------+-------------+--------------------------------------------------+
| ⌘ | Command | Commande |
+-------------+-------------+--------------------------------------------------+
| ⌥ | Option | Option |
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Mettre Alt/AltGr.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Je ne suis pas loin de penser qu’il faut un deuxième tableau pour les modifieurs Ctrl/Super/Alt/AltGr.

Copy link

@aurelberra aurelberra left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Quelques suggestions !

www/content/ressources/glossaire.md Outdated Show resolved Hide resolved
www/content/ressources/glossaire.md Outdated Show resolved Hide resolved
www/content/ressources/glossaire.md Outdated Show resolved Hide resolved
www/content/ressources/glossaire.md Outdated Show resolved Hide resolved
www/content/ressources/glossaire.md Outdated Show resolved Hide resolved
www/content/ressources/glossaire.md Outdated Show resolved Hide resolved
www/content/ressources/glossaire.md Outdated Show resolved Hide resolved
www/content/ressources/glossaire.md Outdated Show resolved Hide resolved
www/content/ressources/glossaire.md Outdated Show resolved Hide resolved
www/content/ressources/glossaire.md Outdated Show resolved Hide resolved
@fabi1cazenave
Copy link
Collaborator Author

fabi1cazenave commented Nov 4, 2024

J’ai fermé les conversations. Ce que j’avais en tête, c’est de rappeler la désignation des touches spéciales telles qu’elles apparaissent sur la plupart des claviers réels, et non d’en rappeler une définition théorique.

Cette PR avait pour motivation initiale de choisir comment on allait appeler les touches spéciales dans le site web, c’est-à-dire la chaine à l’intérieur des balises <kbd>. Donc pas « Verrouillage des majuscules » ou autre chaine longue.

S’il y a des suggestions sur cette base je reprendrai cette PR, mais là à chaud je me dis qu’on n’est peut-être juste pas prêts à définir ces touches, et qu’il faut donc s’abstenir de définir une règle les concernant ? Tout simplement ?

@fabi1cazenave
Copy link
Collaborator Author

J’ai supprimé la proposition de normalisation des touches spéciales dans #252, on a donc tout le temps de finir cette PR tranquillement.

@fabi1cazenave fabi1cazenave mentioned this pull request Nov 4, 2024
@aurelberra
Copy link

Oui, l’objectif est plus clair : non pas recenser les noms des touches pour fixer des traductions, mais faire la liste des abréviations courantes sur les claviers pour suggérer le contenu des balises <kbd>.

Dans cette perspective, on a en gros besoin des abréviations sans les points abréviatifs, non ?

@fabi1cazenave
Copy link
Collaborator Author

Effectivement, sur le clavier Azerty à 10 € que j’ai sous les yeux il n’y a pas de point abréviatif. On peut partir du principe que c’est le cas le plus fréquent ? Du coup ça serait Verr Maj ? (J’ai mis une insécable fine comme séparateur mais je soupçonne <kbd> d’utiliser une police à chasse fixe par défaut.)

@aurelberra
Copy link

Ça me semble être le bon point de départ.

Ce que j’ai pu voir donne ceci (ce n’est pas une proposition de mise en forme pour le site, mais un tableau pour la discussion) :

Symbole Anglais Français
Space · Space Espace · Espace
Enter, Return · Enter Entrée, Retour · Entrée
Backspace · Backspace Effacement, Retour arrière · Effac
Delete · Del Suppression · Suppr
Shift · Shift Majuscule · Maj
Caps Lock · Caps Lock Verrouillage majuscules · Verr Maj
Tabulator · Tab Tabulation · Tab
Escape · Esc Échappement · Échap
Command · Cmd Commande · Cmd
Alt/Alt Gr/Option · Alt/Alt Gr Option ·Alt
^ Control · Ctrl Contrôle ·Ctrl
Function · Fn Fonction ·Fn

Selon les claviers, les touches portent le symbole, le nom, l’abréviation ou bien le symbole et le nom (abrégé ou pas). Le tout est que les usages sur le site soient clairs.

@fabi1cazenave
Copy link
Collaborator Author

Effectivement ça a du sens de distinguer la signification de ce qui est affiché sur le keycap. Bien vu !
Je pensais aussi ajouter une colonne avec le nom standard (USB HID ou W3C).

Pour chipoter, je suis certain que AltGr s’écrit sans espace, et j’aurais parié que c’est la même chose pour CapsLock/VerrMaj (à vérifier). Pour les touches Mac je ne sais pas trop par contre (première lettre en majuscule ou pas, abréviation ou pas…).

Et c’est sûrement idiot, mais je me dis que quitte à être maniaque on pourrait envisager d’avoir notre propre jeu d’icônes SVG pour ces touches spéciales. Les glyphe de police c’est sympa mais pas toujours suffisant, et il y a souvent des problèmes d’échelle d’une police à l’autre — notamment pour Backspace.
Ça serait sympa des les avoir dans x‑keyboard et dans notre site web ; et si ce n’est pas des gens comme nous qui le faisons, c’est personne. On pourrait même faire un dépôt rien que pour ça sur OneDeadKey, ça ne requiert pas de compétence en code, d’autres Ergonautes pourraient envisager de s’y frotter.

@aurelberra
Copy link

Joli petit projet — et créer une ressource libre potentiellement utile, c’est toujours bien !

@fabi1cazenave
Copy link
Collaborator Author

Voilà, et pour le site ça permettrait d’avoir des <kbd> avec soit du texte français, soit une icône. C’est probablement le meilleur compromis.

@aurelberra
Copy link

J’avais ajouté l’espace à Alt Gr après avoir vu de nombreuses images de claviers en ligne… As-tu une source qui permette d’avoir une idée de la proportion des graphies ? Un tour dans un magasin, en ligne ou non, pour prendre la tendance ?

@fabi1cazenave
Copy link
Collaborator Author

Je vois du alt gr et du AltGr autour de moi (client du jour), mais non je n’ai pas fait de recherche pour ça. Avec une insécable fine et une police en chasse variable, « alt gr » pourrait être élégant — je trouve « Alt Gr » trop lourd, mais bon, les goûts et les couleurs…

L’intérêt de faire note propre jeu d’icônes pour ça, c’est qu’on définirait nos touches une bonne fois pour toute dans un fichier CSS, on les appellerait avec <kbd class="altgr">AltGr</kbd>, <kbd class="enter">Entrée</kbd>, <kbd class="shift">Maj.</kbd> (ou équivalent Markdown à caler) avec un texte en français pour garantir l’accessibilité (lecteurs d’écran), et le rendu serait fait par du CSS+SVG de toute façon — donc décorrélé de la rédaction des documents.

@fabi1cazenave
Copy link
Collaborator Author

Oh, et avant que j’oublie : pour la touche « Windows », on est obligé de passer par du SVG de toute façon. Ça me gave mais c’est comme ça. Et c’est exclu qu’on le fasse pour cette touche-là et pas les autres, désolé. :-)

@fabi1cazenave
Copy link
Collaborator Author

Beaucoup de symboles pourraient être repris ici (MIT) : https://www.svgrepo.com/collection/denali-solid-interface-icons/

@aurelberra
Copy link

Pas mal du tout, en effet. La partie la plus pertinente semble être https://www.svgrepo.com/collection/denali-solid-interface-icons/7?search=keyboard (où une espèce de filtre à café s’est égarée ?)

@aurelberra
Copy link

Pfffff. Sur Wikipédia, la touche Alt\s?Gr s’appelle AltGr en anglais et Alt Gr en français. Pas plus de consensus que chez les constructeurs de claviers… Cependant, les encadrés au bas des pages résument bien les usages dans chacune des langues — mais avec les noms pour l’anglais et les abréviations imitant les touches pour le français. Une base saine ?

@fabi1cazenave
Copy link
Collaborator Author

Je pense qu’on ne trouvera rien de clair et définitif côté francophone. À nous de définir ce qui nous convient.
Tant qu’on est cohérents et compréhensibles, tout va bien. Si en plus c’est joli à l’œil, encore mieux !

@aurelberra
Copy link

aurelberra commented Nov 6, 2024

Bien d’accord. En fait, kbd nous sert à « typer » visuellement les mentions des touches. Pour cet usage, les graphies plus synthétiques sont sans doute préférables (AltGr, donc, sans espace). Je pense qu’il vaut mieux maintenir les majuscules (Ctrl, comme nous écrivons C pour une lettre).

Ce qui est amusant, c’est que nous cherchons une discrète skeuomorphie, alors que nous avons très souvent des touches blank.

@trilowy
Copy link

trilowy commented Nov 6, 2024

Oh, et avant que j’oublie : pour la touche « Windows », on est obligé de passer par du SVG de toute façon. Ça me gave mais c’est comme ça. Et c’est exclu qu’on le fasse pour cette touche-là et pas les autres, désolé. :-)

Pour la touche Windows dans mon SVG de layout ZMK j’utilisais « ❖ », on pourrait même lui appliquer une rotation je pense, mais avec des SVG on est sûr que personne ne se retrouvera avec des tofu en lisant le site.

@fabi1cazenave
Copy link
Collaborator Author

Ce qui est amusant, c’est que nous cherchons une discrète skeuomorphie, alors que nous avons très souvent des touches blank.

C’est exactement ça !

@fabi1cazenave
Copy link
Collaborator Author

Je viens d’ouvrir un dépôt pour les symboles des touches spéciales : https://github.com/OneDeadKey/keyboard-icons
Je suis assez content du rendu et l’intégration HTML est triviale, même avec le support du copier/coller et des lecteurs d’écran. Idéalement on voudra un shortcode Hugo pour se faciliter la saisie, mais à ce stade c’est du détail.

Le tableau pourrait devenir quelque chose du type :

Symbole Anglais Français
Space Espace
Enter, Return Entrée, Retour
Backspace Effacement, Retour arrière
Delete Suppression
Shift Majuscule
Caps Lock Verrouillage majuscules
Tabulator Tabulation
Escape Échappement
Fn Function Fonction
(Mac)
^ Control Contrôle
Option Option
Command Commande
(PC)
Ctrl Control Contrôle
Windows, Super Windows, Super
Alt Alternative Alternative
AltGr Alternate Graphics Alternative graphique

La première colonne montre les symboles utilisés partout sur le site web, les autres donnent la prononciation en anglais en français. Cn pourrait en profiter pour ajouter une colonne pour donner le nom HID de chaque touche, c’est toujours utile pour s’attaquer à de la configuration QMK. Et si on se met à ajouter les touches média ça peut carrément devenir une page à part entière dans la section « Ressources ».

La seule douille que je voie c’est la touche Escape, pour laquelle on utilisera soit soit Esc si on veut rester 100 % conforme à notre feuille de style kbd-icons.css. Mais je crois qu’on s’en remettra.

@aurelberra
Copy link

aurelberra commented Nov 8, 2024

Almost there!

Réconcilier Windows et Super avec ce symbole me paraît une excellente solution.

Pour Escape, on pourrait indiquer à la fois le symbole et Esc.

Pour Espace, est-ce que ce serait utile d'ajouter un symbole ? L'un des plus communs et moins ambigus est (U+2423).

@fabi1cazenave
Copy link
Collaborator Author

Pour Escape, on pourrait indiquer à la fois le symbole et Esc.

On pourrait mettre les deux symboles dans la colonne de gauche, mais pour le texte du site il faudra choisir.

Pour Espace, est-ce que ce serait utile d'ajouter un symbole ? L'un des plus communs et moins ambigus est (U+2423).

Oui, on pourrait. Je ne vois pas ce symbole dans la collection denali mais dans le pire des cas, on pourrait utiliser le glyphe Noto converti en <path>.

Je crois d’ailleurs que je vais me bricoler quelque chose pour convertir rapidement un caractère ou une chaine en SVG : avec la seule police Noto (et ses variantes Condensed et Extra Condensed) on devrait pouvoir récupérer quasiment tous les symboles qu’on ne trouve pas dans Denali.

@aurelberra
Copy link

Normaliser vers les symboles avec kbd est probablement préférable. Le symbole pour Escape est peut-être un peu moins clair, mais contourne les problèmes de langues.

@fabi1cazenave
Copy link
Collaborator Author

On peut faire en sorte que ces symboles de touches aient un infobulle en français (attribut title). Ça n’est pas parfait, mais ça fera le job au moins sur desktop.

<kbd class="icon esc" title="Échappement"><span>esc</span></kbd>

Avec un peut de chance, on devrait pouvoir créer un shortcode pour qu’on n’ait que ça à saisir dans le Markdown :

{{< kbd esc >}} 

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants