Merge pull request #68 from SventB/master

TASK: Skip to content - adjustments will follow
benjaminkott · Nov 1, 2014 · 7d22518 · 7d22518
2 parents 71163c1 + e8214f8
commit 7d22518
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/Configuration/TypoScript/constants.txt b/Configuration/TypoScript/constants.txt
@@ -36,6 +36,10 @@ page {
             # cat=bootstrap package: basic/160/121; type=string; label=Copyright Text
             text                        = Built on a Windows 8.1 Surface Pro. Running with <a href="http://www.typo3.org" target="_blank">TYPO3</a>. Made with <span class="glyphicon glyphicon-heart"></span> by <a href="http://www.bk2k.info" target="_blank">Benjamin Kott</a>
         }
+        skipToContent {
+            # cat=bootstrap package: basic/160/130; type=string; label=Skip to content Text (screenreader only)
+            text                        = Skip to main content
+        }
         news {
             list {
                 # cat=bootstrap package: basic/170/100; type=options[Left=left, Center=center, Right=right]; label=Header Position

diff --git a/Configuration/TypoScript/setup.txt b/Configuration/TypoScript/setup.txt
@@ -352,6 +352,8 @@ page {
             themeCopyright.value = {$page.theme.copyright.enable}
             themeCopyrightText = TEXT
             themeCopyrightText.value = {$page.theme.copyright.text}
+            themeSkipToContentText = TEXT
+            themeSkipToContentText.value = {$page.theme.skipToContent.text}
 
         }
         stdWrap.replacement {

diff --git a/Resources/Private/Layouts/Page/Default.html b/Resources/Private/Layouts/Page/Default.html
@@ -1,10 +1,11 @@
 <div class="body-bg{f:if(condition:themeNavigationtype, then:' body-bg-{themeNavigationtype}')}">
+    <f:link.page class="sr-only sr-only-focusable" section="main-section">{themeSkipToContentText}</f:link.page>
     <f:if condition="{showHeader}">
         <f:render partial="Navigation/Main" arguments="{_all}" />
         <f:cObject typoscriptObjectPath="lib.navigation.breadcrumb" />
     </f:if>
     <!--TYPO3SEARCH_begin-->
-    <div class="main-section">
+    <div id="main-section" class="main-section">
         <f:render section="Main" />
         <f:if condition="{onePage}">
             <f:cObject typoscriptObjectPath="lib.content.onepage" />