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 623498cf17369ce7f7de06cb88cf3d5e9d37eacd..9df4cb0d56fdb65090a2933e2535889d37353dc6 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 27e2ef4f450ca2c62337072f679b658402c5116b..f20902e73ffe8cb5bc81c7abd15bb5758167e500 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. -->