Adding posters -- fixing marquee code.

PublicisSapient · Jun 15, 2022 · d139e08 · d139e08
1 parent 75db859
commit d139e08
Show file tree

Hide file tree

Showing 43 changed files with 6 additions and 2 deletions.
diff --git a/content/body/marquee.php b/content/body/marquee.php
@@ -1,6 +1,10 @@
 <p>
     Marquees are meant for content that scrolls or updates consistently, like a stock ticker or a news feed. Although the have a default <code>aria-live</code> value of <code>off</code>, you can use <code>aria-live="polite"</code> to let users hear the information within a marquee in almost real-time.  Do this carefully, the last thing you would want is have a screen reader update too much in a way that would make the rest of your application unusable to screen reader users due to too much screen reader noise.
 </p>
+
+<p>
+    <strong>Note:</strong> just like all animations, there should be a pause button to stop the marquee from rotating in order to comply with <a href="https://www.w3.org/WAI/WCAG21/Understanding/pause-stop-hide.html">WCAG 2.2.2: Pause, Stop, Hide</a>.  In this example, the user can use the "Pause All Animations" widget at the top of the page to do this.
+</p>
 
 
 

diff --git a/css/combobox.css b/css/combobox.css
@@ -25,7 +25,7 @@
 .enable-combobox__reset-button {
   position: absolute;
   z-index: 1;
-  right: 0;
+  right: 5px;
   top: 0;
   bottom: 0;
   padding: 0;

diff --git a/images/posters/accessible-text-svg.jpg b/images/posters/accessible-text-svg.jpg
diff --git a/images/posters/alert.jpg b/images/posters/alert.jpg
diff --git a/images/posters/animated-gif-with-pause-button.jpg b/images/posters/animated-gif-with-pause-button.jpg
diff --git a/images/posters/button.jpg b/images/posters/button.jpg
diff --git a/images/posters/carousel.jpg b/images/posters/carousel.jpg
diff --git a/images/posters/checkbox.jpg b/images/posters/checkbox.jpg
diff --git a/images/posters/combobox.jpg b/images/posters/combobox.jpg
diff --git a/images/posters/description-list.jpg b/images/posters/description-list.jpg
diff --git a/images/posters/dialog.jpg b/images/posters/dialog.jpg
diff --git a/images/posters/dropdown.jpg b/images/posters/dropdown.jpg
diff --git a/images/posters/figure.jpg b/images/posters/figure.jpg
diff --git a/images/posters/focus-styling.jpg b/images/posters/focus-styling.jpg
diff --git a/images/posters/form-error-checking.jpg b/images/posters/form-error-checking.jpg
diff --git a/images/posters/heading.jpg b/images/posters/heading.jpg
diff --git a/images/posters/hero-image-text-resize.jpg b/images/posters/hero-image-text-resize.jpg
diff --git a/images/posters/img.jpg b/images/posters/img.jpg
diff --git a/images/posters/index.jpg b/images/posters/index.jpg
diff --git a/images/posters/link.jpg b/images/posters/link.jpg
diff --git a/images/posters/listbox.jpg b/images/posters/listbox.jpg
diff --git a/images/posters/log.jpg b/images/posters/log.jpg
diff --git a/images/posters/marquee.jpg b/images/posters/marquee.jpg
diff --git a/images/posters/multi-level-hamburger-menu.jpg b/images/posters/multi-level-hamburger-menu.jpg
diff --git a/images/posters/pagination-table.jpg b/images/posters/pagination-table.jpg
diff --git a/images/posters/pause-anim-control.jpg b/images/posters/pause-anim-control.jpg
diff --git a/images/posters/progress.jpg b/images/posters/progress.jpg
diff --git a/images/posters/radiogroup.jpg b/images/posters/radiogroup.jpg
diff --git a/images/posters/skip-link.jpg b/images/posters/skip-link.jpg
diff --git a/images/posters/slider.jpg b/images/posters/slider.jpg
diff --git a/images/posters/sortable-table.jpg b/images/posters/sortable-table.jpg
diff --git a/images/posters/spinner.jpg b/images/posters/spinner.jpg
diff --git a/images/posters/status.jpg b/images/posters/status.jpg
diff --git a/images/posters/switch.jpg b/images/posters/switch.jpg
diff --git a/images/posters/table.jpg b/images/posters/table.jpg
diff --git a/images/posters/tabs.jpg b/images/posters/tabs.jpg
diff --git a/images/posters/text-resize.jpg b/images/posters/text-resize.jpg
diff --git a/images/posters/text-spacing.jpg b/images/posters/text-spacing.jpg
diff --git a/images/posters/textbox.jpg b/images/posters/textbox.jpg
diff --git a/images/posters/timer.jpg b/images/posters/timer.jpg
diff --git a/images/posters/tooltip.jpg b/images/posters/tooltip.jpg
diff --git a/images/posters/video-player.jpg b/images/posters/video-player.jpg
diff --git a/less/combobox.less b/less/combobox.less
@@ -24,7 +24,7 @@
   &__reset-button {
     position: absolute;
     z-index: 1;
-    right: 0;
+    right: 5px;
     top: 0;
     bottom: 0;
     padding: 0;