]> git.mxchange.org Git - friendica.git/commitdiff
Skip to content
authorMichael <heluecht@pirati.ca>
Mon, 3 Feb 2025 07:28:45 +0000 (07:28 +0000)
committerMichael <heluecht@pirati.ca>
Tue, 4 Feb 2025 04:49:05 +0000 (04:49 +0000)
src/Content/Nav.php
view/theme/frio/php/default.php
view/theme/frio/php/standard.php
view/theme/frio/templates/nav.tpl
view/theme/frio/templates/sub/direction.tpl
view/theme/frio/templates/wall_thread.tpl

index 9c9abb41dbf8cf169b990579ee50fc51f197c4bd..fdfcd4bde6aebf9cb583c6901fe4d608732d3261 100644 (file)
@@ -109,6 +109,7 @@ class Nav
                        '$sel'                => self::$selected,
                        '$apps'               => $this->getAppMenu(),
                        '$home'               => $this->l10n->t('Home'),
+                       '$skip'               => $this->l10n->t('Skip to main content'),
                        '$clear_notifs'       => $this->l10n->t('Clear notifications'),
                        '$search_hint'        => $this->l10n->t('@name, !group, #tags, content')
                ]);
index 01bace9161a235c544998ad393e601590e45a274..bfceee0f66b4f2e3a264d7e5638b22ae1a425dc2 100644 (file)
@@ -68,7 +68,6 @@ echo '<meta name="theme-color" content="' . $nav_bg . '" />';
        </head>
 
        <body id="top" class="mod-<?php echo $page['module'] . " " . $is_singleuser_class . " " . $view_mode_class;?>">
-               <a href="<?php echo DI::args()->getCommand(); ?>/#content" class="sr-only sr-only-focusable"><?php echo DI::l10n()->t('Skip to main content'); ?></a>
 <?php
        if (!empty($page['nav']) && !$minimal) {
                echo str_replace(
index 31fb0dd588daed660357c288125ecc937b9006e7..8505c259da1816124f5f5063ec4d1fae9c998237 100644 (file)
@@ -31,7 +31,6 @@ $frio = 'view/theme/frio';
 <?php if($_SERVER['REQUEST_URI'] == '/') {
        header('Location: /login');
 } ?>
-<a href="<?php echo DI::args()->getCommand(); ?>/#content" class="sr-only sr-only-focusable"><?php echo DI::l10n()->t('Skip to main content'); ?></a>
 <?php
        if(!empty($page['nav'])) {
                echo    str_replace(
index e9825ceb885ba5934e6d01661446a457459e9a65..0f2c30e2f361051deff1c2c9d88a5e3d080e802c 100644 (file)
@@ -52,6 +52,9 @@
 
                                        {{* Left section of the NavBar with navigation shortcuts/icons *}}
                                        <ul class="nav navbar-left">
+                                               <li class="sr-only">
+                                                       <button class="sr-only" onclick="document.getElementById('content').scrollIntoView(); document.getElementById('content').focus();">{{$skip}}</button>
+                                               </li>
                                                <li class="sr-only">
                                                        <a class="sr-only" href="{{$baseurl}}">{{$home}}</a>
                                                </li>
index 34983541518e28f6384ae25c2700726a7d91acb1..0b48dad6e5c38147cc558fcdb0d145bbdf53da23 100644 (file)
@@ -8,25 +8,25 @@
 <span class="direction">
        <span aria-hidden="true">&bull;</span>
        {{if $direction.direction == 1}}
-               <i class="fa fa-inbox" aria-hidden="true" title="{{$direction.title}}"></i>
+               <i class="fa fa-inbox" title="{{$direction.title}}"></i>
        {{elseif $direction.direction == 2}}
-               <i class="fa fa-download" aria-hidden="true" title="{{$direction.title}}"></i>
+               <i class="fa fa-download" title="{{$direction.title}}"></i>
        {{elseif $direction.direction == 3}}
-               <i class="fa fa-retweet" aria-hidden="true" title="{{$direction.title}}"></i>
+               <i class="fa fa-retweet" title="{{$direction.title}}"></i>
        {{elseif $direction.direction == 4}}
-               <i class="fa fa-hashtag" aria-hidden="true" title="{{$direction.title}}"></i>
+               <i class="fa fa-hashtag" title="{{$direction.title}}"></i>
        {{elseif $direction.direction == 5}}
-               <i class="fa fa-comment-o" aria-hidden="true" title="{{$direction.title}}"></i>
+               <i class="fa fa-comment-o" title="{{$direction.title}}"></i>
        {{elseif $direction.direction == 6}}
-               <i class="fa fa-user" aria-hidden="true" title="{{$direction.title}}"></i>
+               <i class="fa fa-user" title="{{$direction.title}}"></i>
        {{elseif $direction.direction == 7}}
-               <i class="fa fa-at" aria-hidden="true" title="{{$direction.title}}"></i>
+               <i class="fa fa-at" title="{{$direction.title}}"></i>
        {{elseif $direction.direction == 8}}
-               <i class="fa fa-share" aria-hidden="true" title="{{$direction.title}}"></i>
+               <i class="fa fa-share" title="{{$direction.title}}"></i>
        {{elseif $direction.direction == 9}}
-               <i class="fa fa-globe" aria-hidden="true" title="{{$direction.title}}"></i>
+               <i class="fa fa-globe" title="{{$direction.title}}"></i>
        {{elseif $direction.direction == 10}}
-               <i class="fa fa-inbox" aria-hidden="true" title="{{$direction.title}}"></i>
+               <i class="fa fa-inbox" title="{{$direction.title}}"></i>
        {{/if}}
 </span>
 {{/if}}
index 8513a3a3b3b78fd946b302cc308ad74ab4cfe792..c573749bafadf15466ed598d830994bb71afbb39 100644 (file)
@@ -152,30 +152,28 @@ as the value of $top_child_total (this is done at the end of this file)
 
                                <div class="additional-info text-muted">
                                        <div id="wall-item-ago-{{$item.id}}" class="wall-item-ago">
-                                               <small>
-                                                       <a href="{{$item.plink.orig}}">
-                                                               <time class="time dt-published" title="{{$item.localtime}}" data-toggle="tooltip" datetime="{{$item.utc}}">{{$item.ago}}</time>
-                                                       </a>
-                                                       {{if $item.owner_self}}
-                                                               {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
-                                                       {{/if}}
-                                                       {{if $item.direction}}
-                                                               {{include file="sub/direction.tpl" direction=$item.direction}}
-                                                       {{/if}}
-                                                       {{if $item.pinned}}
-                                                               <span aria-hidden="true">&bull;</span> <i class="fa fa-thumb-tack" aria-hidden="true" title="{{$item.pinned}}"></i>
-                                                               <span class="sr-only">{{$item.pinned}}</span>
-                                                       {{/if}}
-                                                       {{if $item.connector}}
-                                                               <span aria-hidden="true">&bull;</span>
-                                                               <small><i class="fa fa-plug" title="{{$item.connector}}" aria-hidden="true"></i></small>
-                                                       {{else}}
-                                                               <span aria-hidden="true">&bull;</span>
-                                                               <span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.privacy}}" data-toggle="tooltip">
-                                                                       <small><i class="fa {{if $item.private == 1}}fa-lock{{elseif $item.private == 0}}fa-globe{{else}}fa-low-vision{{/if}}" aria-hidden="true"></i></small>
-                                                               </span>
-                                                       {{/if}}
-                                               </small>
+                                               <a href="{{$item.plink.orig}}">
+                                                       <time class="time dt-published" title="{{$item.localtime}}" data-toggle="tooltip" datetime="{{$item.utc}}">{{$item.ago}}</time>
+                                               </a>
+                                               {{if $item.owner_self}}
+                                                       {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
+                                               {{/if}}
+                                               {{if $item.direction}}
+                                                       {{include file="sub/direction.tpl" direction=$item.direction}}
+                                               {{/if}}
+                                               {{if $item.pinned}}
+                                                       <span aria-hidden="true">&bull;</span> <i class="fa fa-thumb-tack" aria-hidden="true" title="{{$item.pinned}}"></i>
+                                                       <span class="sr-only">{{$item.pinned}}</span>
+                                               {{/if}}
+                                               {{if $item.connector}}
+                                                       <span aria-hidden="true">&bull;</span>
+                                                       <i class="fa fa-plug" title="{{$item.connector}}" aria-hidden="true"></i>
+                                               {{else}}
+                                                       <span aria-hidden="true">&bull;</span>
+                                                       <span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.privacy}}" data-toggle="tooltip">
+                                                               <i class="fa {{if $item.private == 1}}fa-lock{{elseif $item.private == 0}}fa-globe{{else}}fa-low-vision{{/if}}" aria-hidden="true"></i>
+                                                       </span>
+                                               {{/if}}
                                        </div>
 
                                        {{if $item.location_html}}
@@ -205,7 +203,7 @@ as the value of $top_child_total (this is done at the end of this file)
                                                        {{/if}}
                                                        {{if $item.connector}}
                                                                <span aria-hidden="true">&bull;</span>
-                                                               <small><i class="fa fa-plug" title="{{$item.connector}}" aria-hidden="true"></i></small>
+                                                               <i class="fa fa-plug" title="{{$item.connector}}"></i>
                                                        {{else}}
                                                                <span aria-hidden="true">&bull;</span>
                                                                <span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.privacy}}" data-toggle="tooltip">
@@ -249,11 +247,11 @@ as the value of $top_child_total (this is done at the end of this file)
                                        {{/if}}
                                        {{if $item.connector}}
                                                <span aria-hidden="true">&bull;</span>
-                                               <small><i class="fa fa-plug" title="{{$item.connector}}" aria-hidden="true"></i></small>
+                                               <i class="fa fa-plug" title="{{$item.connector}}"></i>
                                        {{else}}
                                                <span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.privacy}}" data-toggle="tooltip">
                                                        <span aria-hidden="true">&bull;</span>
-                                                       <small><i class="fa {{if $item.private == 1}}fa-lock{{elseif $item.private == 0}}fa-globe{{else}}fa-low-vision{{/if}}" aria-hidden="true"></i></small>
+                                                       <i class="fa {{if $item.private == 1}}fa-lock{{elseif $item.private == 0}}fa-globe{{else}}fa-low-vision{{/if}}" aria-hidden="true"></i>
                                                </span>
                                        {{/if}}
                                </small>
@@ -502,7 +500,7 @@ as the value of $top_child_total (this is done at the end of this file)
                        </ul>
                </span>
                {{if $item.drop.pagedrop}}
-               <span class="pull-right checkbox">
+               <span class="pull-right checkbox" aria-hidden="true">
                        {{if $item.drop}}
                                <input type="checkbox" title="{{$item.drop.select}}" name="itemselected[]" id="checkbox-{{$item.id}}" class="item-select" value="{{$item.id}}" />
                                <label for="checkbox-{{$item.id}}"></label>