Sélectionnez les options. Actuellement :

Kortic dispose de raccourcis de navigation et d'options d'affichage.

Apparence / Couleurs

Vous utilisez le mode sombre, les couleurs sont adaptées automatiquement.

Vous utilisez le mode clair, les couleurs sont adaptées automatiquement.

Le mode contrasté de votre terminal est pris en compte.

Infos apparence et couleurs
  1. Renforcer le contraste des textes, boutons et bordures avec l'arrière-plan. Raccourci clavier Touche clavier c
  2. Diminuer l'intensité lumineuse de 25%. Raccourci clavier Touche clavier l Diminuer l'intensité lumineuse de 20%. Raccourci clavier Touche clavier l
  3. Supprimer les couleurs et afficher le contenu en niveaux de gris. Raccourci clavier Touche clavier g
Mouvements
Infos mouvements

Limiter les effets au défilement et autres animations éventuellement présentes. Selon la configuration du terminal, cette option est automatique.
Rechargement de la page automatique.

Typographie
Infos typographie
  1. Cette option permet d'augmenter la taille des caractères utilisée par votre configuration (16 par défaut)
  2. Cette option permet de diminuer la taille des caractères utilisée par votre configuration (16 par défaut)
  3. L'écart vertical entre deux lignes est augmenté pour faciliter la lecture en retour à la ligne. Cette option s'applique sur les contenus des pages, hors navigations et titres.
    Raccourci clavier Touche clavier i
  4. Augmenter l'espacement entre les lettres et les mots.
Police de caractères
Infos police de caractères
  1. La police de caractères par défaut de votre navigateur est appliquée
  2. La police de caractères « Accessible Design For All » (dyslexie) est appliquée sur l'ensemble des pages. Les lettres et les mots sont légèrement plus espacés, les césures de mots en fin de ligne sont supprimées.
    Raccourci clavier Touche clavier d
  3. Applique la police système Comic Sans MS si elle est disponible sur votre terminal
Navigation
Infos navigation
  1. Les liens n'ouvrent pas de nouvelles fenêtres ou nouveaux onglets.
  2. Les listes défilantes horizontales ont toujours des boutons de contrôle visibles.
  3. Le contenu des pages s'affiche en pleine largeur de la fenêtre du navigateur (limité à 160rem - 2560px). Raccourci clavier Touche clavier v

Les petits articles de Kortic #6

Qu'est-ce qu'on peut trouver ici ?
Des réflexions aussi personnelles qu'inutiles, mais surtout des propositions complètes et accessibles pour des petits quotidiens en développement web.
Aucune solution parfaite, juste des idées à adapter…

    Type de ressource
    perf.
    ressource
    script
    outils

    Comment suivre en temps réel les impacts du développement sur la performance ?
    En voulant le faire et en utilisant un script simple à mettre en oeuvre.
    Et d'autres petites choses pour la qualité…

    Type de ressource
    css
    script
    Search Engine Optimization
    design

    Le fil d'Ariane ne disparait pas en mobile ! Il est même recommandé et utile.
    Comment intégrer un breadcrumb qui fonctionne sur PC et mobile ? Et accessible.


    Un petit jeu sur l'accessibilité

    Type de ressource
    Divers
    Qualité
    outils

    Synthèse non exhaustive de ressources pour l'accessibilité.
    Référentiels et outils de tests. Le minimum syndical…

    Type de ressource
    accessibilité
    html
    script
    Search Engine Optimization

    L'obfuscation de liens peut améliorer le référencement, mais bloque souvent l'accessibilité. Une solution JavaScript légère et conforme WCAG permet de satisfaire les deux : les robots ne voient rien, et c'est transparent pour les utilisateurs et les technologies d'assistance.

    Type de ressource
    accessibilité
    html
    Hypertext Preprocessor

    Raccourcir l'affichage des dates, c'est tentant. Mais ça peut vite devenir incompréhensible avec les technologies d'assistance.
    Proposition en PHP.

    Type de ressource
    accessibilité
    Général
    Divers

    Une première condamnation d'un fournisseur de sur-couche d'accessibilité.
    Et pas une petite !

     

    Type de ressource
    Général

    Des petits outils de suivi pour améliorer la qualité, la performance et l'expérience utilisateur.
    Utiliser la console pour surveiller les viewports, le nombre de noeuds dans le DOM, etc.

    Type de ressource
    perf.
    script
    astuce
    outils

    Coder, c'est bien. Livrer un code « propre », c'est encore mieux !
    Il suffit d'un clic pour en être certain.