➕(react) install storybook-a11y-addon

We need to ensure that our components are accessible. In order to ease
this task, we decide to install this package to display an a11y report
for each component into the storybook interface. In this way, developer
can check if the component it is developing violates or miss so a11y
rules.

packages/react/.storybook/main.cjs

@@ -11,6 +11,7 @@ module.exports = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
+    '@storybook/addon-a11y',
   ],
   'framework': '@storybook/react',
   'core': {
@@ -29,4 +30,4 @@ module.exports = {
     finalConfig.base = 'https://openfun.github.io/cunningham';
     return finalConfig;
   },
-};
+};

packages/react/package.json

@@ -48,6 +48,7 @@
     "@babel/core": "7.20.7",
     "@openfun/cunningham-tokens": "*",
     "@openfun/typescript-configs": "*",
+    "@storybook/addon-a11y": "6.5.16",
     "@storybook/addon-actions": "6.5.15",
     "@storybook/addon-essentials": "6.5.15",
     "@storybook/addon-interactions": "6.5.15",