diff --git a/.eleventy.js b/.eleventy.js index 8965e8d5..d012762a 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -1,20 +1,19 @@ -const path = require("node:path"); +import path from 'node:path' // Globals: dates, strings -const { DateTime } = require('luxon') -const string = require('string') -const slugify = s => string(s).slugify().toString() +import { DateTime } from 'luxon' +import slugify from '@sindresorhus/slugify' // Markdown configuration -const markdownit = require("markdown-it") -const anchor = require("markdown-it-anchor") -const figure = require("markdown-it-image-figures") -const footnote = require("markdown-it-footnote") -const { imgSize } = require("@mdit/plugin-img-size") +import markdownit from 'markdown-it' +import anchor from 'markdown-it-anchor' +import figure from 'markdown-it-image-figures' +import footnote from 'markdown-it-footnote' +import { imgSize } from '@mdit/plugin-img-size' // 11ty plugins -const tocPlugin = require("eleventy-plugin-toc") -const rssPlugin = require("@11ty/eleventy-plugin-rss") -const syntaxHighlightPlugin = require("@11ty/eleventy-plugin-syntaxhighlight") +import tocPlugin from 'eleventy-plugin-toc' +import rssPlugin from '@11ty/eleventy-plugin-rss' +import syntaxHighlightPlugin from '@11ty/eleventy-plugin-syntaxhighlight' -module.exports = function (eleventyConfig) { +export default function (eleventyConfig) { // Shortcodes eleventyConfig.addShortcode('year', () => `${new Date().getFullYear()}`) @@ -49,7 +48,7 @@ module.exports = function (eleventyConfig) { typographer: true, quotes: ['«\xA0', '\xA0»', '‹\xA0', '\xA0›'], }) - .use(anchor, { slugify }) + .use(anchor, { slugify: s => slugify(s) }) .use(footnote) .use(figure, { figcaption: true, diff --git a/docs/21e-seminaire-accessiweb/index.html b/docs/21e-seminaire-accessiweb/index.html index 242d75f4..d9218056 100644 --- a/docs/21e-seminaire-accessiweb/index.html +++ b/docs/21e-seminaire-accessiweb/index.html @@ -8,7 +8,7 @@ - + @@ -58,7 +58,7 @@

Réservé jusqu’à pré

C’est donc une grande première, et moi qui lisait les comptes-rendus des précédents séminaires sur internet ait enfin pu y assister !

-

En tant qu’orateur

+

En tant qu’orateur

Le thème du séminaire était « Choisir et utiliser un CMS pour créer des contenus accessibles », organisé par Olivier Nourry.

Non seulement j’ai pu y assister, mais j’ai même été invité par Olivier à y faire une intervention autour de la même thématique que celle abordée lors du WP Tech au sujet des thèmes enfants dans WordPress (et leur utilisation dans une méthodologie de travail basée sur l’amélioration perpétuelle).

WordPress étant le CMS le plus utilisé au monde – et de loin – Olivier souhaitait mettre en avant une pratique concrète pour incorporer l’accessibilité à la production de sites WordPress. C’est avec plaisir que j’ai accepté le défi.

@@ -81,7 +81,7 @@

En tant que spectateur

Les sujets étaient extrêmement intéressants, et comme l’a évoqué Olivier pour conclure le séminaire : ce type de démarche n’a – à ma connaissance, comme à la sienne – jamais été mené en profondeur.

La comparaison de la prise en compte de l’accessibilité des différents acteurs de l’écosystème des CMS est tout à fait pertinente et totalement absent des comparatifs qu’on peut trouver ça et là.

La présentation des ATAG2 en des termes compréhensibles par un humain est également une performance, que peu de personnes pouvaient réaliser. Ayant déjà tenté l’aventure de lire et comprendre les ATAG2, j’ai été épaté par le travail produit par Jean-Pierre Villain et ait noirci de notes quatre ou cinq pages de mon carnet.

-

Ce n’est pas fini !

+

Ce n’est pas fini !

Comme Dominique Burger (président de BrailleNet) et Olivier Nourry l’ont annoncé, un livre blanc est en cours d’élaboration afin de diffuser le contenu de ce séminaire.

Une invitation est également lancée aux professionnels du web – qui utiliseraient couramment un CMS oublié de ce séminaire – de se plier à l’exercice d’évaluer l’accessibilité de leur outil préféré afin d’enrichir le comparatif.

Pour conclure, je suis réellement ravi d’avoir pu rencontrer, échanger, apprendre autant et je tiens à remercier chaleureusement l’association BrailleNet pour avoir permis que cet événement ait lieu, et Olivier Nourry de m’y avoir invité en tant qu’intervenant : j’en suis très honoré.

@@ -124,7 +124,7 @@

Ce n’est pas fini !

diff --git a/docs/404.html b/docs/404.html index b45aba6a..1022d32b 100644 --- a/docs/404.html +++ b/docs/404.html @@ -8,7 +8,7 @@ - + diff --git a/docs/a-qui-parlent-vos-css/index.html b/docs/a-qui-parlent-vos-css/index.html index 00fbd54c..e4ece023 100644 --- a/docs/a-qui-parlent-vos-css/index.html +++ b/docs/a-qui-parlent-vos-css/index.html @@ -8,7 +8,7 @@ - + diff --git a/docs/a-venir-ffeeeedd/index.html b/docs/a-venir-ffeeeedd/index.html index e1fd4858..5986acb5 100644 --- a/docs/a-venir-ffeeeedd/index.html +++ b/docs/a-venir-ffeeeedd/index.html @@ -8,7 +8,7 @@ - + diff --git a/docs/a11y-css-version-deux/index.html b/docs/a11y-css-version-deux/index.html index 4aa9f162..3ca9f81b 100644 --- a/docs/a11y-css-version-deux/index.html +++ b/docs/a11y-css-version-deux/index.html @@ -8,7 +8,7 @@ - + @@ -89,7 +89,7 @@

Désactivation de tests

Traduction

Pour celle-ci, je vais applaudir discrètement et vous renvoyer vers l’article écrit par Kitty (en anglais) qui détaille le fonctionnement de son système de traduction en Sass.

Oui, vous avez bien lu :désormais a11y.css est multilingue en demeurant écrit uniquement en Sass. Outre la portée accrue de façon incroyable suite au passage en anglais, l’exploit technique de Kitty est incroyable. J’en profite pour signaler la parution de son premier livre « CSS3 : pratique du design web » en vente aux éditions Eyrolles, que je vous recommande chaudement.[1]

-

Documentation & test

+

Documentation & test

Vous vous en doutez, le projet est devenu relativement complexe. Les solutions apportées par les différents contributeurs on tellement enrichi ce projet que même moi, je ne m’y retrouvais plus.

J’avais déjà mentionné lors de mon atelier au WP Tech mon intérêt pour la documentation ; c’est donc tout naturellement que j’ai cherché à documenter plus précisément a11y.css. Et de mon point de vue, il y a deux aspects très différents à documenter :