IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

1) Allow screen-reader to read relationship attributes for tab, tabpanels and tables under it. Similar changes are done for subnode controls.

Browse Source 
2) Add role="img" for font icons.

Fixes #4764
This commit is contained in:
Aditya Toshniwal
2019-12-17 13:22:36 +05:30
committed by Akshay Joshi
parent e29ea15554
commit f1a18749f6
16 changed files with 92 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/pgadmin/dashboard/templates/dashboard/database_dashboard.html
View File

@@ -57,22 +57,22 @@
</div>
<div id="dashboard-activity" class="card dashboard-row dashboard-hidden">
<div class="card-header">
{{ _('Server activity') }}
<span id="dashboard-activity-header">{{ _('Server activity') }}</span>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-9 col-12 pr-0">
<ul class="nav nav-tabs" role="tablist">
<ul class="nav nav-tabs" role="tablist" aria-labelledby="dashboard-activity-header">
<li class="nav-item">
<a class="nav-link active show" href="#tab_panel_database_activity" aria-controls="tab_database_activity"
<a class="nav-link active show" id="tab_panel_database_activity_tab" href="#tab_panel_database_activity" aria-controls="tab_database_activity"
role="tab" data-toggle="tab">{{ _('Sessions') }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab_panel_database_locks" aria-controls="tab_database_locks"
<a class="nav-link" id="tab_panel_database_locks_tab" href="#tab_panel_database_locks" aria-controls="tab_database_locks"
role="tab" data-toggle="tab">{{ _('Locks') }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab_panel_database_prepared" aria-controls="tab_database_prepared"
<a class="nav-link" id="tab_panel_database_prepared_tab" href="#tab_panel_database_prepared" aria-controls="tab_database_prepared"
role="tab" data-toggle="tab">{{ _('Prepared Transactions') }}</a>
</li>
</ul>
@@ -96,13 +96,13 @@
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane negative-space p-2 active show" id="tab_panel_database_activity">
<div role="tabpanel" class="tab-pane negative-space p-2 active show" id="tab_panel_database_activity" aria-labelledby="tab_panel_database_activity_tab">
<div id="database_activity" class="grid-container"></div>
</div>
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_database_locks">
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_database_locks" aria-labelledby="tab_panel_database_locks_tab">
<div id="database_locks" class="grid-container"></div>
</div>
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_database_prepared">
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_database_prepared" aria-labelledby="tab_panel_database_prepared_tab">
<div id="database_prepared" class="grid-container"></div>
</div>
</div>

20
web/pgadmin/dashboard/templates/dashboard/server_dashboard.html
View File

@@ -57,26 +57,26 @@
</div>
<div id="dashboard-activity" class="card dashboard-row dashboard-hidden">
<div class="card-header">
{{ _('Server activity') }}
<span id="server-activity-header">{{ _('Server activity') }}</span>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-9 col-12 pr-0">
<ul class="nav nav-tabs" role="tablist">
<ul class="nav nav-tabs" role="tablist" aria-labelledby="server-activity-header">
<li class="nav-item">
<a class="nav-link active show" href="#tab_panel_server_activity" aria-controls="tab_server_activity"
<a class="nav-link active show" id="tab_panel_server_activity_tab" href="#tab_panel_server_activity" aria-controls="tab_server_activity"
role="tab" data-toggle="tab">{{_('Sessions') }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab_panel_server_locks" aria-controls="tab_server_locks"
<a class="nav-link" id="tab_panel_server_locks_tab" href="#tab_panel_server_locks" aria-controls="tab_server_locks"
role="tab" data-toggle="tab">{{ _('Locks') }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab_panel_server_prepared" aria-controls="tab_server_prepared"
<a class="nav-link" id="tab_panel_server_prepared_tab" href="#tab_panel_server_prepared" aria-controls="tab_server_prepared"
role="tab" data-toggle="tab">{{ _('Prepared Transactions') }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#tab_panel_server_config" aria-controls="tab_server_config"
<a class="nav-link" id="tab_panel_server_config_tab" href="#tab_panel_server_config" aria-controls="tab_server_config"
role="tab" data-toggle="tab">{{ _('Configuration') }}</a>
</li>
</ul>
@@ -100,16 +100,16 @@
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane negative-space p-2 active show" id="tab_panel_server_activity">
<div role="tabpanel" class="tab-pane negative-space p-2 active show" id="tab_panel_server_activity" aria-labelledby="tab_panel_server_activity_tab">
<div id="server_activity" class="grid-container"></div>
</div>
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_server_locks">
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_server_locks" aria-labelledby="tab_panel_server_locks_tab">
<div id="server_locks" class="grid-container"></div>
</div>
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_server_prepared">
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_server_prepared" aria-labelledby="tab_panel_server_prepared_tab">
<div id="server_prepared" class="grid-container"></div>
</div>
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_server_config">
<div role="tabpanel" class="tab-pane negative-space p-2" id="tab_panel_server_config" aria-labelledby="tab_panel_server_config_tab">
<div id="server_config" class="grid-container"></div>
</div>
</div>