Improve test for 1.4.10 Reflow when horizontal scrolling (#228)

* Improve test for 1.4.10 Reflow when horizontal scrolling

* Fix

json/criteres-wcag-ease-en.json

@@ -912,7 +912,7 @@
 		"wcag": [
 			"1.4.10 AA"
 		],
-		"verifier": "<p>Check that one of the conditions below is met:</p><ul><li>Content is presented without loss of information or functionality on the 320px wide window, without the need to scroll horizontally</li><li>Content is presented without loss of information or functionality on the 256px high window, without the need to scroll vertically</li><p>Compliant if a scrollbar is present but its use is not necessary to access informative content or utilize features.</p>",
+		"verifier": "<p>Check that one of the conditions below is met:</p><ul><li>For content with a vertical scrolling direction: content is presented without loss of information or functionality on the 320px wide window, without the need to scroll horizontally</li><li>For content with an horizontal scrolling direction: content is presented without loss of information or functionality on the 256px high window, without the need to scroll vertically</li><p>Compliant if a scrollbar is present but its use is not necessary to access informative content or utilize features.</p>",
 		"exception": "The criterion is not applicable for some content requiring both dimensions to be understandable such as images, maps, presentations, data tables, games…",
 		"moreInfo": "https://a11y-guidelines.orange.com/en/web/develop/layout/#use-relative-size-to-allow-changing-text-size-and-responsive-design",
 		"priority": "P3",

json/criteres-wcag-ease-fr.json

@@ -912,7 +912,7 @@
 		"wcag": [
 			"1.4.10 AA"
 		],
-		"verifier": "<p>Vérifier qu'une des conditions ci-dessous est respectée&nbsp;:</p><ul><li>Le contenu est présenté sans perte d'informations ni de fonctionnalités dans une fenêtre réduite à 320px de large, sans nécessité de défiler horizontalement</li><li>Le contenu est présenté sans perte d'informations ni de fonctionnalités dans une fenêtre réduite à 256px de haut, sans nécessité de défiler verticalement</li></ul><p>Conforme si une barre de défilement est présente mais que son utilisation n'est pas nécessaire pour accéder au contenu informatif ou utiliser les fonctionnalités de la page.</p>",
+		"verifier": "<p>Vérifier qu'une des conditions ci-dessous est respectée&nbsp;:</p><ul><li>Pour les contenus dont le sens de défilement est vertical : le contenu est présenté sans perte d'informations ni de fonctionnalités dans une fenêtre réduite à 320px de large, sans nécessité de défiler horizontalement</li><li>Pour les contenus dont le sens de défilement est horizontal : le contenu est présenté sans perte d'informations ni de fonctionnalités dans une fenêtre réduite à 256px de haut, sans nécessité de défiler verticalement</li></ul><p>Conforme si une barre de défilement est présente mais que son utilisation n'est pas nécessaire pour accéder au contenu informatif ou utiliser les fonctionnalités de la page.</p>",
 		"exception": "Le critère est non-applicable pour des contenus nécessitant les deux dimensions pour être compréhensibles comme des images, cartes, présentations, tableaux de données, jeux….",
 		"moreInfo": "https://a11y-guidelines.orange.com/fr/web/developper/mise-en-page/#utiliser-des-tailles-relatives-et-faire-du-web-adaptatif",
 		"priority": "P3",