UX et Accessibilité avec WordPress

Are you going?

30 people going

Share:
Location image of event venue

Details

Niveau : tout public.

Pour ce nouveau meetup nous aurons le plaisir d’accueillir en duo Claire Bizingre et Thomas Villain. Ils seront en visio-conférence avec nous !

Claire est experte en accessibilité et est certifiée Opquast. Après avoir travaillé plusieurs années en freelance elle a rejoint la société Temesis qui spécialisée en accessibilité numérique et en qualité web.

Thomas a plusieurs cordes à son arc : créateur d’identité visuelle, de documents imprimés, webdesiger, créateur de sites web et de thèmes pour WordPress. Il enseigne le webdesign à l’Ecole des Gobelins de Paris.

Durant ce meetup, Claire et Thomas vont nous montrer combien ces deux métiers sont concomitants. Ils nous montreront comment allier l’expérience utilisateur et l’accessibilité dès le début d’un projet WordPress.

Voici les questions, que nous nous sommes toutes et tous un jour posées, et auxquelles Claire et Thomas nous apporterons des réponses :

Pour ne pas partir sur de mauvaises pistes, Thomas a besoin des conseils de Claire :

- Est-ce vraiment indispensable que je garde visible le focus tout le temps ? On peut proposer des variantes ?
-Tu m’as dit de mettre des liens d’évitement pour accéder au contenu directement à la navigation au clavier, mais le client n’en veut pas, as-tu une alternative ?
- Le client souhaite garder la couleur orange qui pose des problèmes de contraste, comment peut-on répondre à cette exigence ?
- Le client veut absolument des textes justifiés, comment puis-je le persuader de ne pas le faire ?
- Je pensais proposer un formulaire avec des étiquettes et des champs sur la même ligne, qu’en penses-tu ?
- Si j’utilise le placeholder comme étiquette de champ, est-ce valide ?
- Le menu principal sera sous forme de pictos, ça pose un problème ?
- Il va falloir un carousel en jQuery, on peut faire du JS en restant accessible ?

Claire a besoin de vérifier les choix de conception de Thomas :

- Et comment as-tu conçu le visuel des liens dans un contenu éditorial ?
- Quel est le design des différents états des éléments de formulaire ?
- Comment as-tu prévu de visualiser les erreurs de saisies dans les formulaires ?
- Tu peux me montrer la police de caractères que tu as choisie ?
- Et l’espacement entre les lignes, tu l’as prévu assez large ?
- Est-ce que tu as prévu de signifier les items de navigation en cours (page, catégorie...) ?
- Est-ce que tu as prévu des zones de clic suffisamment grandes dans les menus ?
- Et pour les infographies du client, où places-tu la description détaillée de l’image ?
- Est-ce que tu as prévu un guide de style pour les développeurs ?