uikit 3.16.17-dev.8404b30b4 → 3.16.17-dev.d72bbb079

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit",
   "title": "UIkit",
   "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-  "version": "3.16.17-dev.8404b30b4",
+  "version": "3.16.17-dev.d72bbb079",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/core/icon.js

@@ -117,6 +117,10 @@ export const NavParentIcon = {
 export const Search = {
     extends: IconComponent,
 
+    mixins: [I18n],
+
+    i18n: { toggle: 'Open Search', submit: 'Submit Search' },
+
     beforeConnect() {
         this.icon =
             hasClass(this.$el, 'uk-search-icon') && parents(this.$el, '.uk-search-large').length
@@ -124,6 +128,21 @@ export const Search = {
                 : parents(this.$el, '.uk-search-navbar').length
                 ? 'search-navbar'
                 : this.$props.icon;
+
+        if (hasAttr(this.$el, 'aria-label')) {
+            return;
+        }
+
+        if (hasClass(this.$el, 'uk-search-toggle') || hasClass(this.$el, 'uk-navbar-toggle')) {
+            const label = this.t('toggle');
+            attr(this.$el, 'aria-label', label);
+        } else {
+            const button = closest(this.$el, 'a,button');
+            if (button) {
+                const label = this.t('submit');
+                attr(button, 'aria-label', label);
+            }
+        }
     },
 };
 

package/tests/search.html

@@ -369,6 +369,55 @@
                 </div>
             </div>
 
+            <h2>Javascript Options</h2>
+
+            <div class="uk-overflow-auto">
+                <table class="uk-table uk-table-striped">
+                    <thead>
+                        <tr>
+                            <th>Option</th>
+                            <th>Value</th>
+                            <th>Default</th>
+                            <th>Description</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td><code>i18n</code></td>
+                            <td>Object</td>
+                            <td>null</td>
+                            <td>Override default translation texts.</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
+            <h2>i18n</h2>
+
+            <div class="uk-overflow-auto">
+                <table class="uk-table uk-table-striped">
+                    <thead>
+                        <tr>
+                            <th>Key</th>
+                            <th>Default</th>
+                            <th>Description</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td><code>toggle</code></td>
+                            <td>Open Search</td>
+                            <td><code>aria-label</code> for toggle button.</td>
+                        </tr>
+                        <tr>
+                            <td><code>submit</code></td>
+                            <td>Submit Search</td>
+                            <td><code>aria-label</code> for submit button.</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
         </div>
 
     </body>