mirror of
https://git.sekbaer.de/Friendica/friendica.git
synced 2025-06-07 15:54:26 +02:00
Several accessibility improvements
This commit is contained in:
parent
8bf3d6694a
commit
c978c8e027
20 changed files with 45 additions and 35 deletions
|
@ -1806,7 +1806,8 @@ blockquote.shared_content {
|
|||
}
|
||||
|
||||
/* wall items contact info */
|
||||
.media .media-body h4.media-heading {
|
||||
.media .media-body h1.media-heading,
|
||||
.media .media-body h2.media-heading {
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: $font_color_darker;
|
||||
|
@ -2604,7 +2605,7 @@ ul.viewcontact_wrapper > li {
|
|||
.contact-entry-checkbox {
|
||||
margin-top: -20px;
|
||||
}
|
||||
.contact-wrapper .media-body .contact-entry-name h4.media-heading a {
|
||||
.contact-wrapper .media-body .contact-entry-name h1.media-heading a {
|
||||
font-weight: bold !important;
|
||||
color: $link_color;
|
||||
font-size: 15px !important;
|
||||
|
@ -2706,10 +2707,10 @@ ul li:hover .contact-wrapper .contact-action-link:hover {
|
|||
#circle-update-wrapper .shortmode .contact-entry-desc {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
#circle-update-wrapper .shortmode .contact-entry-desc h4.media-heading {
|
||||
#circle-update-wrapper .shortmode .contact-entry-desc h1.media-heading {
|
||||
margin: 0;
|
||||
}
|
||||
#circle-update-wrapper .shortmode .contact-entry-desc h4.media-heading a {
|
||||
#circle-update-wrapper .shortmode .contact-entry-desc h1.media-heading a {
|
||||
font-size: 13px !important;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
|
|
@ -67,7 +67,7 @@ $is_singleuser_class = $is_singleuser ? "is-singleuser" : "is-not-singleuser";
|
|||
</head>
|
||||
|
||||
<body id="top" class="mod-<?php echo $page['module'] . " " . $is_singleuser_class . " " . $view_mode_class;?>">
|
||||
<a href="#content" class="sr-only sr-only-focusable"><?php echo DI::l10n()->t('Skip to main content'); ?></a>
|
||||
<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(
|
||||
|
|
|
@ -5,6 +5,9 @@
|
|||
*
|
||||
* SPDX-License-Identifier: AGPL-3.0-or-later
|
||||
*/
|
||||
|
||||
use Friendica\DI;
|
||||
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
@ -27,7 +30,7 @@
|
|||
<div class="modal-dialog modal-full-screen">
|
||||
<div class="modal-content">
|
||||
<div id="modal-header" class="modal-header">
|
||||
<button id="modal-close" type="button" class="close" data-dismiss="modal">
|
||||
<button id="modal-close" type="button" class="close" data-dismiss="modal" title="<?php echo DI::l10n()->t('Close'); ?>">
|
||||
×
|
||||
</button>
|
||||
<h4 id="modal-title" class="modal-title"></h4>
|
||||
|
|
|
@ -25,7 +25,7 @@ $frio = 'view/theme/frio';
|
|||
</head>
|
||||
<body id="top">
|
||||
<?php if($_SERVER['REQUEST_URI'] == '/'){header('Location: /login');} ?>
|
||||
<a href="#content" class="sr-only sr-only-focusable"><?php echo DI::l10n()->t('Skip to main content'); ?></a>
|
||||
<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('~config.sitename~', DI::config()->get('config','sitename'),
|
||||
|
@ -114,7 +114,7 @@ $('nav').bind('nav-update', function(e,data)
|
|||
<div class="modal-dialog modal-full-screen">
|
||||
<div class="modal-content">
|
||||
<div id="modal-header" class="modal-header">
|
||||
<button id="modal-close" type="button" class="close" data-dismiss="modal">
|
||||
<button id="modal-close" type="button" class="close" data-dismiss="modal" title="<?php echo DI::l10n()->t('Close'); ?>">
|
||||
×
|
||||
</button>
|
||||
<h4 id="modal-title" class="modal-title"></h4>
|
||||
|
|
|
@ -46,8 +46,8 @@
|
|||
|
||||
{{* The buttons to change the month/weeks/days *}}
|
||||
<div id="fc-fc-header-left" class="btn-group">
|
||||
<button class="btn btn-eventnav" onclick="changeView('prev', false);" title="{{$previous.1}}"><i class="fa fa-angle-up" aria-hidden="true"></i></button>
|
||||
<button class="btn btn-eventnav btn-separator" onclick="changeView('next', false);" title="{{$next.1}}"><i class="fa fa-angle-down" aria-hidden="true"></i></button>
|
||||
<button class="btn btn-eventnav" onclick="changeView('prev', false);" title="{{$prev}}"><i class="fa fa-angle-up" aria-hidden="true"></i></button>
|
||||
<button class="btn btn-eventnav btn-separator" onclick="changeView('next', false);" title="{{$next}}"><i class="fa fa-angle-down" aria-hidden="true"></i></button>
|
||||
<button class="btn btn-eventnav btn-separator" onclick="changeView('today', false);" title="{{$today}}"><i class="fa fa-bullseye" aria-hidden="true"></i></button>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
<ul class="tabs tabs-extended" role="menu">
|
||||
<li role="presentation" class="dropdown flex-target">
|
||||
<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools" data-toggle="dropdown"
|
||||
aria-expanded="false">
|
||||
aria-expanded="false" title="{{$more}}">
|
||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</button>
|
||||
</li>
|
||||
|
@ -59,7 +59,7 @@
|
|||
<ul class="tabs tabs-extended">
|
||||
<li class="dropdown">
|
||||
<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools-xs"
|
||||
data-toggle="dropdown" aria-expanded="false">
|
||||
data-toggle="dropdown" aria-expanded="false" title="{{$more}}">
|
||||
<i class="fa fa-chevron-down" aria-hidden="true"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuTools">
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<div class="modal-dialog modal-full-screen">
|
||||
<div class="modal-content">
|
||||
<div id="modal-header" class="modal-header">
|
||||
<button id="modal-close" type="button" class="close" data-dismiss="modal">
|
||||
<button id="modal-close" type="button" class="close" data-dismiss="modal" title="{{$close}}">
|
||||
×
|
||||
</button>
|
||||
<h4 id="modal-title" class="modal-title"></h4>
|
||||
|
|
|
@ -45,7 +45,7 @@
|
|||
<span class="wall-item-network" title="{{$item.app}}">{{$item.network_name}}</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
<h4 class="media-heading">
|
||||
<h2 class="media-heading">
|
||||
<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card">
|
||||
<span class="wall-item-name {{$item.sparkle}}">{{$item.name}}</span>
|
||||
</a>
|
||||
|
@ -82,7 +82,7 @@
|
|||
{{/if}}
|
||||
</div>
|
||||
{{* @todo $item.created have to be inserted *}}
|
||||
</h4>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
{{* contact info header for smartphones *}}
|
||||
|
@ -113,7 +113,7 @@
|
|||
{{* item content *}}
|
||||
<div class="wall-item-content {{$item.type}}" id="wall-item-content-{{$item.id}}">
|
||||
{{if $item.title}}
|
||||
<span class="wall-item-title" id="wall-item-title-{{$item.id}}"><h4 class="media-heading" dir="auto"><a href="{{$item.plink.href}}" class="{{$item.sparkle}}">{{$item.title}}</a></h4><br /></span>
|
||||
<span class="wall-item-title" id="wall-item-title-{{$item.id}}"><h2 class="media-heading" dir="auto"><a href="{{$item.plink.href}}" class="{{$item.sparkle}}">{{$item.title}}</a></h2><br /></span>
|
||||
{{/if}}
|
||||
|
||||
<div class="wall-item-body" id="wall-item-body-{{$item.id}}" dir="auto">{{$item.body_html nofilter}}</div>
|
||||
|
|
|
@ -138,7 +138,7 @@ as the value of $top_child_total (this is done at the end of this file)
|
|||
</div>
|
||||
{{if $item.thread_level==1}}
|
||||
<div class="hidden-sm hidden-xs media-body"><!-- <= For computer -->
|
||||
<h4 class="media-heading">
|
||||
<h1 class="media-heading">
|
||||
<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card">
|
||||
<span class="wall-item-name {{$item.sparkle}}">{{$item.name}}</span>
|
||||
</a>
|
||||
|
@ -148,7 +148,7 @@ as the value of $top_child_total (this is done at the end of this file)
|
|||
<span class="wall-item-name {{$item.osparkle}}" id="wall-item-ownername-{{$item.id}}">{{$item.owner_name}}</span>
|
||||
</a>
|
||||
{{/if}}
|
||||
</h4>
|
||||
</h1>
|
||||
|
||||
<div class="additional-info text-muted">
|
||||
<div id="wall-item-ago-{{$item.id}}" class="wall-item-ago">
|
||||
|
@ -189,7 +189,7 @@ as the value of $top_child_total (this is done at the end of this file)
|
|||
|
||||
{{* contact info header for smartphones *}}
|
||||
<div class="contact-info-xs hidden-lg hidden-md"><!-- <= For smartphone (responsive) -->
|
||||
<h5 class="media-heading">
|
||||
<h2 class="media-heading">
|
||||
<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span>{{$item.name}}</span></a>
|
||||
<p class="text-muted">
|
||||
<small>
|
||||
|
@ -214,15 +214,15 @@ as the value of $top_child_total (this is done at the end of this file)
|
|||
{{/if}}
|
||||
</small>
|
||||
</p>
|
||||
</h5>
|
||||
</h2>
|
||||
</div>
|
||||
{{else}} {{* End of if $item.thread_level == 1 *}}
|
||||
{{* contact info header for comments *}}
|
||||
<div class="contact-info-comment">
|
||||
<h5 class="media-heading">
|
||||
<h2 class="media-heading">
|
||||
<a href="{{$item.profile_url}}" title="{{$item.linktitle}}" class="wall-item-name-link userinfo hover-card"><span class="fakelink">{{$item.name}}</span></a>
|
||||
<span class="text-muted">
|
||||
</h5>
|
||||
</h2>
|
||||
<small>
|
||||
{{if $item.parentguid}}
|
||||
<span class="hidden-xs hidden-sm">
|
||||
|
@ -270,12 +270,12 @@ as the value of $top_child_total (this is done at the end of this file)
|
|||
{{* item content *}}
|
||||
<div class="wall-item-content {{$item.type}}" id="wall-item-content-{{$item.id}}">
|
||||
{{if $item.title}}
|
||||
<span class="wall-item-title" id="wall-item-title-{{$item.id}}"><h4 class="media-heading" dir="auto"><a href="{{$item.plink.href}}" class="{{$item.sparkle}} p-name" target="_blank">{{$item.title}}</a></h4><br /></span>
|
||||
<span class="wall-item-title" id="wall-item-title-{{$item.id}}"><h3 class="media-heading" dir="auto"><a href="{{$item.plink.href}}" class="{{$item.sparkle}} p-name" target="_blank">{{$item.title}}</a></h3><br /></span>
|
||||
{{/if}}
|
||||
{{if $item.summary}}
|
||||
<summary class="wall-item-summary" id="wall-item-summary-{{$item.id}}">{{$item.summary}}</summary>
|
||||
{{/if}}
|
||||
<div class="wall-item-body e-content {{if !$item.title}}p-name{{/if}}" id="wall-item-body-{{$item.id}}" dir="auto">{{$item.body_html nofilter}}</div>
|
||||
<div class="wall-item-body e-content {{if !$item.title}}p-name{{/if}}" id="wall-item-body-{{$item.id}}" dir="auto" lang="{{$item.lang}}">{{$item.body_html nofilter}}</div>
|
||||
</div>
|
||||
|
||||
<!-- TODO -->
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue