Transform route titles into real h1's, for #1651

Use generic visually hidden, page title helper class, established in DS for #1651
owncloud · Dec 12, 2019 · 77cb36c · 77cb36c
1 parent 502aa9e
commit 77cb36c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/apps/files/src/components/FilesAppBar.vue b/apps/files/src/components/FilesAppBar.vue
@@ -8,7 +8,10 @@
         </div>
         <span class="uk-flex uk-flex-middle" v-if="!showBreadcrumb">
           <oc-icon v-if="pageIcon" :name="pageIcon" class="uk-margin-small-right" />
-          <span class="uk-text-lead">{{pageTitle}}</span>
+          <h1 class="oc-page-title">{{pageTitle}}</h1>
+        </span>
+        <span v-else-if="showBreadcrumb">
+          <h1 class="oc-visually-hidden">{{pageTitle}}</h1>
         </span>
       </div>
       <div v-if="!publicPage()" class="uk-width-auto uk-visible@m">

diff --git a/src/pages/account.vue b/src/pages/account.vue
@@ -3,7 +3,7 @@
     <oc-loader v-if="loading" />
     <div v-if="!loading" class="uk-width-3-4@m uk-container uk-padding">
       <div class="uk-flex uk-flex-between uk-flex-middle">
-        <span class="uk-text-lead" v-translate>Account</span>
+        <h1 class="oc-page-title" v-translate>Account</h1>
         <oc-button icon="exit_to_app" @click="$_oc_settingsAccount_logout"><translate>Logout</translate></oc-button>
       </div>
       <hr />