Skip to content

This commit is contained in:
Michael 2025-02-03 07:28:45 +00:00
parent b5bff3f758
commit 7bbefae3e6
6 changed files with 40 additions and 40 deletions

View file

@ -109,6 +109,7 @@ class Nav
'$sel' => self::$selected, '$sel' => self::$selected,
'$apps' => $this->getAppMenu(), '$apps' => $this->getAppMenu(),
'$home' => $this->l10n->t('Home'), '$home' => $this->l10n->t('Home'),
'$skip' => $this->l10n->t('Skip to main content'),
'$clear_notifs' => $this->l10n->t('Clear notifications'), '$clear_notifs' => $this->l10n->t('Clear notifications'),
'$search_hint' => $this->l10n->t('@name, !group, #tags, content') '$search_hint' => $this->l10n->t('@name, !group, #tags, content')
]); ]);

View file

@ -68,7 +68,6 @@ echo '<meta name="theme-color" content="' . $nav_bg . '" />';
</head> </head>
<body id="top" class="mod-<?php echo $page['module'] . " " . $is_singleuser_class . " " . $view_mode_class;?>"> <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 <?php
if (!empty($page['nav']) && !$minimal) { if (!empty($page['nav']) && !$minimal) {
echo str_replace( echo str_replace(

View file

@ -31,7 +31,6 @@ $frio = 'view/theme/frio';
<?php if($_SERVER['REQUEST_URI'] == '/') { <?php if($_SERVER['REQUEST_URI'] == '/') {
header('Location: /login'); 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 <?php
if(!empty($page['nav'])) { if(!empty($page['nav'])) {
echo str_replace( echo str_replace(

View file

@ -52,6 +52,9 @@
{{* Left section of the NavBar with navigation shortcuts/icons *}} {{* Left section of the NavBar with navigation shortcuts/icons *}}
<ul class="nav navbar-left"> <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"> <li class="sr-only">
<a class="sr-only" href="{{$baseurl}}">{{$home}}</a> <a class="sr-only" href="{{$baseurl}}">{{$home}}</a>
</li> </li>

View file

@ -8,25 +8,25 @@
<span class="direction"> <span class="direction">
<span aria-hidden="true">&bull;</span> <span aria-hidden="true">&bull;</span>
{{if $direction.direction == 1}} {{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}} {{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}} {{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}} {{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}} {{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}} {{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}} {{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}} {{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}} {{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}} {{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}} {{/if}}
</span> </span>
{{/if}} {{/if}}

View 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 class="additional-info text-muted">
<div id="wall-item-ago-{{$item.id}}" class="wall-item-ago"> <div id="wall-item-ago-{{$item.id}}" class="wall-item-ago">
<small> <a href="{{$item.plink.orig}}">
<a href="{{$item.plink.orig}}"> <time class="time dt-published" title="{{$item.localtime}}" data-toggle="tooltip" datetime="{{$item.utc}}">{{$item.ago}}</time>
<time class="time dt-published" title="{{$item.localtime}}" data-toggle="tooltip" datetime="{{$item.utc}}">{{$item.ago}}</time> </a>
</a> {{if $item.owner_self}}
{{if $item.owner_self}} {{include file="sub/delivery_count.tpl" delivery=$item.delivery}}
{{include file="sub/delivery_count.tpl" delivery=$item.delivery}} {{/if}}
{{/if}} {{if $item.direction}}
{{if $item.direction}} {{include file="sub/direction.tpl" direction=$item.direction}}
{{include file="sub/direction.tpl" direction=$item.direction}} {{/if}}
{{/if}} {{if $item.pinned}}
{{if $item.pinned}} <span aria-hidden="true">&bull;</span> <i class="fa fa-thumb-tack" aria-hidden="true" title="{{$item.pinned}}"></i>
<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>
<span class="sr-only">{{$item.pinned}}</span> {{/if}}
{{/if}} {{if $item.connector}}
{{if $item.connector}} <span aria-hidden="true">&bull;</span>
<span aria-hidden="true">&bull;</span> <i class="fa fa-plug" title="{{$item.connector}}" aria-hidden="true"></i>
<small><i class="fa fa-plug" title="{{$item.connector}}" aria-hidden="true"></i></small> {{else}}
{{else}} <span aria-hidden="true">&bull;</span>
<span aria-hidden="true">&bull;</span> <span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.privacy}}" data-toggle="tooltip">
<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>
<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>
</span> {{/if}}
{{/if}}
</small>
</div> </div>
{{if $item.location_html}} {{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}}
{{if $item.connector}} {{if $item.connector}}
<span aria-hidden="true">&bull;</span> <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}} {{else}}
<span aria-hidden="true">&bull;</span> <span aria-hidden="true">&bull;</span>
<span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.privacy}}" data-toggle="tooltip"> <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}}
{{if $item.connector}} {{if $item.connector}}
<span aria-hidden="true">&bull;</span> <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}} {{else}}
<span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.privacy}}" data-toggle="tooltip"> <span class="navicon lock fakelink" onClick="lockview(event, 'item', {{$item.id}});" title="{{$item.privacy}}" data-toggle="tooltip">
<span aria-hidden="true">&bull;</span> <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> </span>
{{/if}} {{/if}}
</small> </small>
@ -502,7 +500,7 @@ as the value of $top_child_total (this is done at the end of this file)
</ul> </ul>
</span> </span>
{{if $item.drop.pagedrop}} {{if $item.drop.pagedrop}}
<span class="pull-right checkbox"> <span class="pull-right checkbox" aria-hidden="true">
{{if $item.drop}} {{if $item.drop}}
<input type="checkbox" title="{{$item.drop.select}}" name="itemselected[]" id="checkbox-{{$item.id}}" class="item-select" value="{{$item.id}}" /> <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> <label for="checkbox-{{$item.id}}"></label>