Discussion
Loading...

Discussion

Log in
  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
pinage404.rss :nixos:
pinage404.rss :nixos:
@pinage404@mamot.fr  ·  activity timestamp last week

sur une autre page, j'ai essayé de ne pas mettre d'alternative textuelle à un graphique Mermaid car le rendu me semble OK-ish

j'ai juste ajouté `(D)` pour ajouter une information textuelle supplémentaire, je ne sais pas si c'est suffisant

https://git-gamble.is-cool.dev/faq/failing_commit.html#example

#Mermaid #Accessibilité #A11y

git-gamble

git-gamble is a tool that blends TDD + TCR to make sure to develop the right thing 😌, baby step by baby step 👶🦶
https://mamot.fr/tags/Accessibilit%C3%A9
  • Copy link
  • Flag this post
  • Block
pinage404.rss :nixos:
pinage404.rss :nixos:
@pinage404@mamot.fr replied  ·  activity timestamp last week

#TIL j'ai découvert la fonction CSS `calc-size(auto, size);` qui permet de calculer une taille (comme la fonction `calc()`) en utilisant des mots clés (`auto`, `min-content`, `fit-content`...) et pas seulement des tailles (`1.2em`, `5px`...)

#CSS

  • Copy link
  • Flag this comment
  • Block
pinage404.rss :nixos:
pinage404.rss :nixos:
@pinage404@mamot.fr replied  ·  activity timestamp last week

#TIL j'ai aussi découvert `transition-behavior: allow-discrete;` qui permet de faire des transitions CSS sur des propriétés qui ne sont pas progressives (ex : `display: none;` / `display: block;` il n'y a pas de valeur entre les deux)

#CSS

  • Copy link
  • Flag this comment
  • Block
pinage404.rss :nixos:
pinage404.rss :nixos:
@pinage404@mamot.fr replied  ·  activity timestamp last week

Mermaid génère des graphiques

Cependant :
* il render des éléments dans le DOM avec l'ordre qu'il décide
* il ne représente pas textuellement les liens entre les éléments

j'ai ajouté une alternative textuelle à un graphique Mermaid, en cachant le graphique avec `aria-hidden="true"`, le texte est très répétitif, je ne sais pas s'il vaut mieux etre répétitif et précis ou plus condensé et peut etre plus ambigu 🤔

https://git-gamble.is-cool.dev/usage/hooks.html#hooks-execution-lifecycle

#Mermaid #Accessibilité #A11y #HTML

git-gamble

git-gamble is a tool that blends TDD + TCR to make sure to develop the right thing 😌, baby step by baby step 👶🦶
https://mamot.fr/tags/Accessibilit%C3%A9
  • Copy link
  • Flag this comment
  • Block
pinage404.rss :nixos:
pinage404.rss :nixos:
@pinage404@mamot.fr replied  ·  activity timestamp last week

sur une autre page, j'ai essayé de ne pas mettre d'alternative textuelle à un graphique Mermaid car le rendu me semble OK-ish

j'ai juste ajouté `(D)` pour ajouter une information textuelle supplémentaire, je ne sais pas si c'est suffisant

https://git-gamble.is-cool.dev/faq/failing_commit.html#example

#Mermaid #Accessibilité #A11y

git-gamble

git-gamble is a tool that blends TDD + TCR to make sure to develop the right thing 😌, baby step by baby step 👶🦶
https://mamot.fr/tags/Accessibilit%C3%A9
  • Copy link
  • Flag this comment
  • Block
pinage404.rss :nixos:
pinage404.rss :nixos:
@pinage404@mamot.fr replied  ·  activity timestamp last week

J'aime avoir des émojis partout pour rendre le texte plus attrayant et parce que je ne sais pas dessiner

Ils sont lus par mon lecteur d'écran (Orca) je ne sais pas à quel point c'est normal et compris par les personnes ayant l'habitude d'utiliser un lecteur d'écran

Exemple sur la page d'accueil https://git-gamble.is-cool.dev/index.html#git-gamble

Quelles sont les bonnes pratiques pour les émojis ?

#Accessibilité #A11y #Orca #Emoji

git-gamble

git-gamble is a tool that blends TDD + TCR to make sure to develop the right thing 😌, baby step by baby step 👶🦶
https://mamot.fr/tags/Accessibilit%C3%A9
  • Copy link
  • Flag this comment
  • Block

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.1-beta.35 no JS en
Automatic federation enabled
Log in
  • Explore
  • About
  • Members
  • Code of Conduct