uikit 3.16.7-dev.5c86c1ae7 → 3.16.7-dev.e91049985

package/CHANGELOG.md

@@ -2,12 +2,23 @@
 
 ## WIP
 
+### Added
+
+- Add hidden visually class for assistive technologies to Visibility component
+- Make toggle classes to display elements on hover or focus accessible to screen readers in Visibility component
+
+### Changed
+
+- Change boot behavior: if script is loaded synchronous, UIkit boots as soon as body element is available
+
 ### Fixed
 
 - Fix component distributions
 - Fix Slider/Slideshow component autoplay in Firefox
 - Fix using input of type range in Modal component on touch devices
-- Fix accessibility in Nav component
+- Fix accessibility in Slideshow/Slider and Nav component
+- Fix prevent initial transition in Sticky component
+- Fix keyboard navigation in Navbar component
 
 ## 3.16.6 (March 10, 2023)
 

package/dist/css/uikit-core-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.7-dev.5c86c1ae7 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.7-dev.e91049985 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -8978,25 +8978,43 @@ iframe[data-uk-cover] {
 /* Based on the State of the Parent Element
  ========================================================================== */
 /*
- * Can't use `display: none` nor `visibility: hidden` because both are not focusable.
+ * Mind that `display: none`, `visibility: hidden` and `opacity: 0`
+ * remove the element from the accessibility tree and that
+ * `display: none` and `visibility: hidden` are not focusable.
+ *
  * The target stays visible if any element within receives focus through keyboard.
  */
 /*
- * Discard space when hidden.
+ * Remove space when hidden.
+ * 1. Remove from document flow.
+ * 2. Hide element and shrink its dimension. Can't use zero dimensions together
+ *    with `overflow: hidden` it would remove it from the accessibility tree.
+ * 3. Hide the single rendered pixel.
+ * 4. Prevent text wrapping caused by `width: 1px` because it has side effects on vocalisation
+ *    by screen readers and the visual tracking indicator of other assistive technologies.
  */
+.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
 .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
+  /* 1 */
   position: absolute !important;
-  width: 0 !important;
-  height: 0 !important;
+  /* 2 */
+  width: 1px !important;
+  height: 1px !important;
   padding: 0 !important;
+  border: 0 !important;
   margin: 0 !important;
   overflow: hidden !important;
+  /* 3 */
+  clip-path: inset(50%) !important;
+  /* 4 */
+  white-space: nowrap !important;
 }
 /*
  * Keep space when hidden.
+ * Hide element without shrinking its dimension.
  */
 .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
-  opacity: 0 !important;
+  clip-path: inset(50%) !important;
 }
 /* Based on Hover Capability of the Pointing Device
  ========================================================================== */