Datepicker: Tweak date format <abbr>

To improve screen reader user experience
wet-boew · Dec 9, 2013 · 9e2bb3a · 9e2bb3a
1 parent c01ce71
commit 9e2bb3a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/demos/datepicker/datepicker-en.html b/demos/datepicker/datepicker-en.html
@@ -108,11 +108,11 @@ <h1 id="wb-cont">Date picker - Web Experience Toolkit (WET)</h1>
 <h2>Examples</h2>
 <form method="get" action="#">
 	<div>
-		<label for="startdate">Start Date<span class="datepicker-format"> (<abbr title="Four digits year">YYYY</abbr>-<abbr title="Two digits month">MM</abbr>-<abbr title="Two digits day">DD</abbr>)</span></label>
+		<label for="startdate">Start Date<span class="datepicker-format"> (<abbr title="Four digits year, dash, two digits month, dash, two digits day">YYYY-MM-DD</abbr>)</span></label>
 		<input type="date" id="startdate" name="startdate" min="2013-03-27" max="2013-05-07" />
 	</div>
 	<div>
-		<label for="enddate">End Date<span class="datepicker-format"> (<abbr title="Four digits year">YYYY</abbr>-<abbr title="Two digits month">MM</abbr>-<abbr title="Two digits day">DD</abbr>)</span></label>
+		<label for="enddate">End Date<span class="datepicker-format"> (<abbr title="Four digits year, dash, two digits month, dash, two digits day">YYYY-MM-DD</abbr>)</span></label>
 		<input type="date" id="enddate" name="enddate" min="2013-03-27" max="2016-05-07" />
 	</div>
     <div>

diff --git a/demos/datepicker/datepicker-fr.html b/demos/datepicker/datepicker-fr.html
@@ -106,11 +106,11 @@ <h1 id="wb-cont">Sélecteur de date - Boîte à outils de l'expérience Web (BOE
 <section><h2>Exemples</h2>
 <form method="get" action="#">
 	<div>
-		<label for="startdate">Date de début<span class="datepicker-format"> (<abbr title="Les quatres chiffres de l'année">AAAA</abbr>-<abbr title="Les deux chiffres du mois">MM</abbr>-<abbr title="Les deux chiffres du jour">JJ</abbr>)</span>&#160;:</label>
+		<label for="startdate">Date de début<span class="datepicker-format"> (<abbr title="Les quatres chiffres de l'année, tiret, les deux chiffres du mois, tiret, les deux chiffres du jour">AAAA-MM-JJ</abbr>)</span>&#160;:</label>
 		<input type="date" id="startdate" name="startdate" min="2013-03-27" max="2013-05-07" />
 	</div>
 	<div>
-		<label for="enddate">Date de fin<span class="datepicker-format"> (<abbr title="Les quatres chiffres de l'année">AAAA</abbr>-<abbr title="Les deux chiffres du mois">MM</abbr>-<abbr title="Les deux chiffres du jour">JJ</abbr>)</span>&#160;:</label>
+		<label for="enddate">Date de fin<span class="datepicker-format"> (<abbr title="Les quatres chiffres de l'année, tiret, les deux chiffres du mois, tiret, les deux chiffres du jour">AAAA-MM-JJ</abbr>)</span>&#160;:</label>
 		<input type="date" id="enddate" name="enddate" min="2013-03-27" max="2016-05-07" />
 	</div>
     <div>