General base CSS updates, Video Gallery Popup fixes, support for link…

…s in Expander headings, Card Slider WA enhancement for screen reader focus-detection
CU-CommunityApps · Feb 2, 2021 · 1490dd3 · 1490dd3
1 parent 99dbe19
commit 1490dd3
Show file tree

Hide file tree

Showing 12 changed files with 272 additions and 85 deletions.
diff --git a/css/base.css b/css/base.css
diff --git a/css/base.css.map b/css/base.css.map
diff --git a/css/cwd_card_slider.css b/css/cwd_card_slider.css
diff --git a/css/cwd_card_slider.css.map b/css/cwd_card_slider.css.map
diff --git a/css/cwd_utilities.css b/css/cwd_utilities.css
diff --git a/css/cwd_utilities.css.map b/css/cwd_utilities.css.map
diff --git a/js/cwd_card_slider.js b/js/cwd_card_slider.js
@@ -1,4 +1,4 @@
-/* CWD Card Slider (ama39, last update: 10/9/19)
+/* CWD Card Slider (ama39, last update: 10/8/20)
  - 
  
  - Accessibility Notes:
@@ -171,12 +171,18 @@ jQuery(document).ready(function($) {
 
  // Focus Detection (for keyboard and screen reader)
  // -- if cards have focusable elements within, the slider will ensure that these focus events coordinate with the UI (triggering slide sets and pips as needed)
- $(this).find('.card *').on('focus', function(e) {
-
- var this_card = $(this).parents('.card').first().index()+1;
+ $(this).find('.card').attr('tabindex','-1');
+ $(this).find('.card, .card *').on('focus', function(e) {
+
+ if ( $(this).hasClass('card') ) {
+ var this_card = $(this).index()+1;
+ }
+ else {
+ var this_card = $(this).parents('.card').first().index()+1;
+ }
  var trigger_pip = Math.ceil(this_card / cards_per_screen);
  $(viewer).find('.pip').eq(trigger_pip-1).trigger('click');
-
+  
  });
 
  });