Informatique

Accessibilité sur internet : CSS compliqué à mettre en place pour tous

Pour celles et ceux qui me lisent régulièrement, vous savez que j’ai décidé de mettre à jour mon petit blog aux normes CSS, notamment en ce qui concerne l’accessibilité.

Demain, possiblement, je pourrai être amené à utiliser Internet sans souris, avec un lecteur d’écran ou que sais-je encore, et que ça me ferait bien ch*er de galérer à trouver des infos ou à apprendre par simple mauvaise accessibilité au web.

En prenant conscience de cela, je me suis donné comme objectif d’améliorer au maximum le confort et la navigation de recherche sur mon blog.

J’ai donc modifié pas mal ma partie CSS (celle qui fait la mise en page), notamment avec le sélecteur :focus, qui permet de modifier un lien, un bouton ou autre quand il est ciblé, essentiellement par le clavier en navigant avec Tab.

Le hic sur lequel je bute, c’est que le style appliqué est aussi retrouvé lors du clique de la souris sur certains éléments. Dans les faits, ce n’est pas grave mais ça peut impacter l’ergonomie d’un site pour les personnes utilisant la souris.

Pour régler cela, la solution simple est de mettre le même style (la même règle CSS) pour le survol de l’élément en question à la souris (:hover), au clique souris (:active) et pour le focus de l’élément pour la navigation au clavier (:focus ou :focus-within).

Solution simple et efficace.

Admettons maintenant que l’on souhaite juste améliorer le contraste des liens à la navigation au clavier mais pas à la souris, qu’on veuille justement se lâcher un peu en animation et en *bling-bling* pour les utilisateurs souris et donc différencier totalement le style CSS pour la navigation souris et clavier.

Il s’avère en fait qu’il y a un problème à ce niveau.

Il n’est pas possible actuellement de le faire en pur CSS. Avec un peu de JS (Javascript) ça semble marcher, mais en CSS uniquement non.

La seule piste que j’ai trouvé est appelée :focus-visible (https://wicg.github.io/focus-visible/explainer.html) qui n’est malheureusement pas encore implémenté et reste expérimental mais j’avoue que l’idée est sympa.

Il est, semble-t-il, possible de l’installer sur son site via Polyfill, mais je n’ai pas réussi.

En attendant, j’ai donc mis la même animation de contraste pour les lien et certains boutons. Je verrai si je ne me mettrai pas un peu au JS en attendant que l’implémentation de ce nous focus soit mis en place… Ou laisser en l’état, après tout, ce n’est que du visuel.

Vérification de l’adresse mail en HTML 5 : Pas d’erreur

Il y a quelques années, quand j’utilisais Pluxml, j’avais mis un pattern (un motif à respecter) sur mon champs email pour vérifier sa bonne conformité car je m’étais rendu compte que les adresses de type mail@mail sont considérées comme valides, même sans l’extension du domaine (.fr, .com, .eu, etc).

Voir : https://lokoyote.eu/pattern-des-input-mail-ou-comment-verifier-les-mails-en-html5/

J’ai cru à l’époque à un bug.

Et en cherchant d’autres infos récemment, je suis tombé sur ça : https://www.wikiwand.com/en/Email_address#/Examples

Et via cette discussion, on apprend qu’en fait ce type de mail est surtout utilisé en intranet dans des entreprises notamment par les admins.

Du coup, il ne s’agit pas d’un bug mais d’une spécificité bien pensée !

Si vous savez que votre champs d’adresse mail n’est pas destiné en intranet, n’hésitez pas à utiliser l’option pattern si vous avez accès au code HTML.

Ubuntu Users Can Now Keep PPAs And Third Party Repositories Enabled When Upgrading To A Newer Ubuntu Version – Linux Uprising Blog

Some recent changes to ubuntu-release-upgrader allow keeping PPA and third party repositories enabled when upgrading to a newer Ubuntu release, while also providing better support for cases in which the users have their own mirror of the archive.

Source : Ubuntu Users Can Now Keep PPAs And Third Party Repositories Enabled When Upgrading To A Newer Ubuntu Version – Linux Uprising Blog

 

Aaaaaah ! EN-FIN !

En voilà une bonne nouvelle, ce sera moins chiant !

Ubuntu 18.04 : Désactiver le Bluetooth au démarrage

Il arrive au démarrage ou en sortie de veille que le module Bluetooth s’allume automatiquement avec le Wifi.

Pour le désactiver, ouvrir un terminal et entrer la commande suivante :

sudo gedit /etc/bluetooth/main.conf

Dans le fichier, tout en bas, changer la ligne :

AutoEnable=true

en

AutoEnable=false

[FIX] Jeu Little Nightmares : Corriger erreur « UE4 Atlas Fatal Error »

J’ai acheté ce jeu Little Nightmares il y a quelques mois et je ne pouvais pas y jouer à cause d’une erreur se déclenchant lors du lancement d’une nouvelle partie.

Même en essayant toutes les « solutions » trouvées sur Youtube et ailleurs pendant des heures sans succès…

J’ai donc pensé à une carte graphique trop vieille ou un processeur un peu vieillissant de mon PC qui n’est plus tout jeune et me suis résigné à y jouer plus tard.

Et c’est en essayant de corriger un problème de « white screen » sur le jeu GRIS au démarrage du jeu, que la solution m’a été donné: https://steamcommunity.com/app/683320/discussions/0/3561682879998032950/

J’ai, comme un idiot, installé une version « N » de Windows, c’est-à-dire une version « Light » de Windows notamment au niveau du multimédia.

Le Lecteur Windows Media Player et ses programmes associés, tels que Windows Media Center, Windows Movie Maker… ne sont pas installés

Pour ma part, le souci a été réglé simplement en installant le « Media Feature Pack » adéquat à ma version de Windows.

(Pour connaître sa version de Windows, il suffit de chercher « informations systèmes » dans le menu démarrer ou « à propos de votre PC »
Pour ma part, il s’agit de la version 17134 ou 1803.
Dans le tableau de Windows https://support.microsoft.com/en-us/help/3145500/media-feature-pack-list-for-windows-n-editions, je dois donc installer la version d’Avril 2018).

Redémarrer quand c’est demandé et lancer vos jeux sans souci !


J’en profite aussi pour donner mon avis sur Little Nightmare qui est un très bon jeu d’ambiance bien qu’assez court (environ 4h). Il rappelle énormément Inside dans le style bien que plus sombre par moments.