Blog-files: combobox demo needs aria-expanded support
authorcommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Wed, 26 Mar 2014 07:03:20 +0000 (07:03 +0000)
committercommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Wed, 26 Mar 2014 07:03:20 +0000 (07:03 +0000)
https://bugs.webkit.org/show_bug.cgi?id=130766

Patch by James Craig <jcraig@apple.com> on 2014-03-25
Reviewed by Chris Fleizach.

* blog-files/aria1.0/combobox_with_live_region_status.html: Added missing aria-expanded.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@166285 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Websites/webkit.org/ChangeLog
Websites/webkit.org/blog-files/aria1.0/combobox_with_live_region_status.html

index 623498c..9df4cb0 100644 (file)
@@ -1,3 +1,12 @@
+2014-03-25  James Craig  <jcraig@apple.com>
+
+        Blog-files: combobox demo needs aria-expanded support
+        https://bugs.webkit.org/show_bug.cgi?id=130766
+
+        Reviewed by Chris Fleizach.
+
+        * blog-files/aria1.0/combobox_with_live_region_status.html: Added missing aria-expanded.
+
 2014-03-25  Benjamin Poulain  <bpoulain@apple.com>
 
         Add illustrations for a potential blog post
index 27e2ef4..f20902e 100644 (file)
         var updateMenuDisplay = function () {
             filter();
             list.hidden = hideAll ? true : false;
+            field.setAttribute('aria-expanded', hideAll ? 'false': 'true');
             updateStatus();
         };
 
         var hideMenu = function () {
             list.hidden = true;
+            field.setAttribute('aria-expanded', 'false');
             updateStatus();
         };
 
     }());
 
     window.addEventListener('load', function () {
-        initComboBoxes()
+        initComboBoxes();
     });
     </script>
 </head>
     <form class="pc">
         <!-- Note that this field is labelled by itself, which in this case, is an explicit pointer to use the placeholder attribute value. -->
         <input type="text" tabindex="0" id="state" aria-labelledby="state" role="combobox" aria-autocomplete="list" aria-owns="statelist" placeholder="US State or Territory" autocomplete="off" autocorrect="off" autocapitalize="off">
-        <div role="status" aria-live="polite">
+        <div role="status" aria-live="polite" aria-expanded="false">
             <!-- This is the list status live region: e.g. "4 items." -->
             <!-- The attribute value, aria-live="polite" is the default for role="status". -->
             <!-- It's just included here for demo clarity. -->