@qld-gov-au/qgds-bootstrap5 1.1.5 → 1.1.6

package/dist/assets/components/bs5/head/head.hbs

@@ -1,5 +1,5 @@
 
-<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.5","branch":"HEAD","tag":"v1.1.5","commit":"37c0cbda4bf38cf7c0b2d3fc6011f8df6a23851a","majorVersion":"v1"} -->
+<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.6","branch":"HEAD","tag":"v1.1.6","commit":"d501e27b0cdf6c0e63f6fab0fd06a813648d6015","majorVersion":"v1"} -->
 
 {{! Select environment, used verbatium if not using predefind key
 cdn := PROD|STAGING|BETA|TEST|DEV|???

package/dist/assets/components/bs5/header/header.hbs

@@ -187,7 +187,7 @@
                                 {{/if}}
                             </a>
                             {{#if dropdown_enabled}}
-                            <ul class="dropdown-menu dark" aria-labelledby="dropdown{{id}}" role="list">
+                            <ul class="dropdown-menu dark" role="list">
                                 {{#isType dropdown_options.dropdown_type "list"}}
                                     {{#if dropdown_options.dropdown_config}}
                                         {{#each dropdown_options.dropdown_config.groups}}
@@ -237,7 +237,7 @@
                 {{/if}}
                 <button aria-controls="main-nav" class="qld__header__toggle-main-nav qld__main-nav__toggle--open"
                     data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
-                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Open menu">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"
                         class="qld__icon qld__icon--lg">
                         <use href="{{@root.icon-root}}#{{@root.icons.menu-icon}}" aria-hidden="true"></use>

package/dist/assets/components/bs5/navbar/navbar.hbs

@@ -4,17 +4,21 @@
 <nav id="main-nav" class="navbar navbar-expand-lg" aria-label="Website navigation" role="navigation">
     <div class="container navbar-contain">
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
+            {{!-- Header for mobile navigation --}}
             <div class="navbar__header">
                 <h6 class="navbar__heading">Menu</h6>
                 <button aria-controls="main-nav" class="navbar__toggle navbar__toggle--close" data-bs-toggle="collapse"
                     data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                    aria-expanded="false" aria-label="Close navigation">
+                    aria-expanded="false" aria-label="Close menu">
                     <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" class="qld__icon">
                         <use href="{{metadata.options.icon-root}}#qld__icon__close"></use>
                     </svg>
                     <span class="navbar__toggle-text">Close</span>
                 </button>
             </div>
+            {{!-- End: Header for mobile navigation --}}
+
             <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                 <li class="nav-item nav-item-home">
                     <a class="nav-link {{#if metadata.options.home-active}}nav-link-home-active{{/if}}"
@@ -44,7 +48,7 @@
                         </svg>
                     </a>
                     {{#if navigation_items}}
-                    <ul id="dropdown-menu" class="dropdown-menu" aria-labelledby="menuDropdown" role="menu"
+                    <ul id="dropdown-menu" class="dropdown-menu" role="menu"
                         data-bs-popper="none">
                         <div class="row dropdown-menu__inner">
                             {{#if dropdown_options}}
@@ -109,7 +113,7 @@
                         </button>
 
                         {{#if navigation_items}}
-                        <ul id="dropdown-menu" class="dropdown-menu" aria-labelledby="menuDropdown" role="menu"
+                        <ul id="dropdown-menu" class="dropdown-menu" role="menu"
                             data-bs-popper="none">
                             <div class="row dropdown-menu__inner">
                                 {{#if dropdown_options}}
@@ -187,7 +191,7 @@
                             </button>
 
                             {{#if dropdown_enabled}}
-                            <ul id="dropdown-menu-{{id}}" class="dropdown-menu" aria-labelledby="menuDropdown-{{id}}"
+                            <ul id="dropdown-menu-{{id}}" class="dropdown-menu"
                                 role="menu" data-bs-popper="none">
                                 <div class="row dropdown-menu__inner">
                                     {{#if dropdown_options.dropdown_config.groups}}

package/dist/assets/components/bs5/video/video.hbs

@@ -10,15 +10,21 @@
 <section class="video not-ready {{#unless thumbnail}}empty-thumbnail{{/unless}} {{videoSize}}">
     <div class="video-player ratio ratio-{{aspectRatio}}">
 
-        <a href="#" class="video-thumbnail video-controls">
+        <a href="#" class="video-thumbnail video-controls" title="Play Video" 
+            aria-label="Watch video {{#if duration}}- duration {{formatDuration duration "long"}}{{/if}}">
+
             <div class="video-thumbnail-image" style="--thumbnail:url({{thumbnail}})"></div>
 
             <div class="video-nav">
-                <div class="video-watch"><span class="icon"></span><span>Watch</span></div>
-
-            {{#if duration}}
-                <div title="Video duration" class="video-duration"><span class="icon"></span><span>{{duration}}</span></div>
-            {{/if}}
+                <div class="video-watch">
+                    <span class="icon"></span><span>Watch</span>
+                </div>
+
+                {{#if duration}}
+                    <div title="Video duration" class="video-duration">
+                        <span class="icon"></span><span>{{formatDuration duration}}</span>
+                    </div>
+                {{/if}}
             </div>
         </a>