Several accessibility improvements

This commit is contained in:
Michael 2025-01-26 12:35:26 +00:00
parent 8bf3d6694a
commit c978c8e027
20 changed files with 45 additions and 35 deletions

View file

@ -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;
}

View file

@ -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(

View file

@ -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'); ?>">
&times;
</button>
<h4 id="modal-title" class="modal-title"></h4>

View file

@ -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'); ?>">
&times;
</button>
<h4 id="modal-title" class="modal-title"></h4>

View file

@ -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>

View file

@ -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">

View file

@ -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}}">
&times;
</button>
<h4 id="modal-title" class="modal-title"></h4>

View file

@ -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>

View file

@ -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 -->