[BUGFIX] Make screenreader current label translatable

benjaminkott · Jun 22, 2023 · f9daa32 · f9daa32
1 parent a03a700
commit f9daa32
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/Resources/Private/Language/locallang.xlf b/Resources/Private/Language/locallang.xlf
@@ -29,6 +29,10 @@
                 <source>To top</source>
             </trans-unit>
 
+            <trans-unit id="navigation.link.screenreader.current">
+                <source>current</source>
+            </trans-unit>
+
             <trans-unit id="main-navigation.label">
                 <source>Main navigation</source>
             </trans-unit>

diff --git a/Resources/Private/Partials/Page/Navigation/MainNavigation.html b/Resources/Private/Partials/Page/Navigation/MainNavigation.html
@@ -30,7 +30,7 @@
                             </f:if>
                             <span class="nav-link-text">
                                 {item.title}
-                                <f:if condition="{item.current}"> <span class="visually-hidden">(current)</span></f:if>
+                                <f:if condition="{item.current}"> <span class="visually-hidden">({f:translate(key: 'navigation.link.screenreader.current', extensionName: 'bootstrap_package')})</span></f:if>
                             </span>
                         </a>
                         <f:if condition="{item.children}">

diff --git a/Resources/Private/Partials/Page/Navigation/MainNavigationDropDown.html b/Resources/Private/Partials/Page/Navigation/MainNavigationDropDown.html
@@ -19,7 +19,7 @@
                                 </f:if>
                                 <span class="nav-link-text">
                                     {item.title}
-                                    <f:if condition="{item.current}"> <span class="visually-hidden">(current)</span></f:if>
+                                    <f:if condition="{item.current}"> <span class="visually-hidden">({f:translate(key: 'navigation.link.screenreader.current', extensionName: 'bootstrap_package')})</span></f:if>
                                 </span>
                             </a>
                             <f:render section="dropdown" arguments="{data: data, items: item.children, theme: theme, level: level}" />

diff --git a/Resources/Private/Partials/Page/Navigation/Subnavigation.html b/Resources/Private/Partials/Page/Navigation/Subnavigation.html
@@ -26,7 +26,7 @@
                                         <bk2k:icon icon="{item.icon}" width="{theme.subnavigation.icon.width}" height="{theme.subnavigation.icon.height}" />
                                     </span>
                                 </f:if>
-                                <span class="subnav-link-text">{item.title}<f:if condition="{item.current}"> <span class="visually-hidden">(current)</span></f:if></span>
+                                <span class="subnav-link-text">{item.title}<f:if condition="{item.current}"> <span class="visually-hidden">({f:translate(key: 'navigation.link.screenreader.current', extensionName: 'bootstrap_package')})</span></f:if></span>
                             </a>
                             <f:if condition="{item.children}">
                                 <f:render section="SubnavigationItem" arguments="{menu: item.children, theme: theme}" />