From d7e49a4dc3c2226f41db3a47d7e37782b068bcf1 Mon Sep 17 00:00:00 2001 From: Muhannad Abdelrazek Date: Wed, 26 Jul 2017 19:45:08 +0200 Subject: [PATCH] A11y: Enhance dropdown examples. (#908) - use button to can reach by keyboard and make a user with screen reader understand that's is a button. - add aria-haspopup to make screen reader user understand this button have a drop-down. - add aria-controls to make screen reader user understand this button control on items called x. - should add aria-expanded by JS when user toggle button. - add aria-hidden to icons. - add href=# to links to make it a link we can interact with a keyboard. - add role menu to menu drop-down to make sure this div is a menu. - should add aria-hidden by JS and toggle it by button expanded. --- docs/documentation/components/dropdown.html | 74 ++++++++++----------- 1 file changed, 37 insertions(+), 37 deletions(-) diff --git a/docs/documentation/components/dropdown.html b/docs/documentation/components/dropdown.html index 20227caa..7ff7d61d 100644 --- a/docs/documentation/components/dropdown.html +++ b/docs/documentation/components/dropdown.html @@ -7,29 +7,29 @@ doc-subtab: dropdown {% capture dropdown_example %}
- +
-
+