[Accessibility] Use semantic markup to mark emphasized or special text.

Reference: https://www.w3.org/TR/WCAG20-TECHS/H49.html
This commit is contained in:
Ashesh Vashi 2020-04-08 12:27:18 +05:30
parent d9e95d13e6
commit 073e310a5a
7 changed files with 22 additions and 22 deletions

View File

@ -1,26 +1,26 @@
<div class="container-fluid enable-selection">
<div class="row">
<div class="col-sm-3"><b>{{ _('Version') }}</b></div>
<div class="col-sm-3"><strong>{{ _('Version') }}</strong></div>
<div class="col-sm-9">{{ config.APP_VERSION }}</div>
</div>
<div class="row">
<div class="col-sm-3"><b>{{ _('Copyright') }}</b></div>
<div class="col-sm-3"><strong>{{ _('Copyright') }}</strong></div>
<div class="col-sm-9">{{ config.APP_COPYRIGHT }}</div>
</div>
<div class="row">
<div class="col-sm-3"><b>{{ _('Python Version') }}</b></div>
<div class="col-sm-3"><strong>{{ _('Python Version') }}</strong></div>
<div class="col-sm-9">{{ info.python_version }}</div>
</div>
<div class="row">
<div class="col-sm-3"><b>{{ _('Flask Version') }}</b></div>
<div class="col-sm-3"><strong>{{ _('Flask Version') }}</strong></div>
<div class="col-sm-9">{{ info.flask_version }}</div>
</div>
<div class="row">
<div class="col-sm-3"><b>{{ _('Application Mode') }}</b></div>
<div class="col-sm-3"><strong>{{ _('Application Mode') }}</strong></div>
<div class="col-sm-9">{{ info.app_mode }}</div>
</div>
<div class="row">
<div class="col-sm-3"><b>{{ _('Current User') }}</b></div>
<div class="col-sm-3"><strong>{{ _('Current User') }}</strong></div>
<div class="col-sm-9">{{ info.current_user }}</div>
</div>
<div class="row">

View File

@ -356,7 +356,7 @@ define('pgadmin.node.pga_schedule', [
}), mode: ['properties'],
},{
type: 'control', mode: ['create', 'edit'], group: gettext('Repeat'),
infotext: gettext('Schedules are specified using a <b>cron-style</b> format.<br/><ul><li>For each selected time or date element, the schedule will execute.<br/>e.g. To execute at 5 minutes past every hour, simply select 05 in the Minutes list box.<br/></li><li>Values from more than one field may be specified in order to further control the schedule.<br/>e.g. To execute at 12:05 and 14:05 every Monday and Thursday, you would click minute 05, hours 12 and 14, and weekdays Monday and Thursday.</li><li>For additional flexibility, the Month Days check list includes an extra Last Day option. This matches the last day of the month, whether it happens to be the 28th, 29th, 30th or 31st.</li></ul>'),
infotext: gettext('Schedules are specified using a <strong>cron-style</strong> format.<br/><ul><li>For each selected time or date element, the schedule will execute.<br/>e.g. To execute at 5 minutes past every hour, simply select 05 in the Minutes list box.<br/></li><li>Values from more than one field may be specified in order to further control the schedule.<br/>e.g. To execute at 12:05 and 14:05 every Monday and Thursday, you would click minute 05, hours 12 and 14, and weekdays Monday and Thursday.</li><li>For additional flexibility, the Month Days check list includes an extra Last Day option. This matches the last day of the month, whether it happens to be the 28th, 29th, 30th or 31st.</li></ul>'),
control: CustomInfoControl,
},{
type: 'nested', label: gettext('Days'), group: gettext('Repeat'),
@ -369,7 +369,7 @@ define('pgadmin.node.pga_schedule', [
// $(
// '<div>' +
// gettext('Schedules are specified using a <b>cron-style</b> format.<br/><ul><li>For each selected time or date element, the schedule will execute.<br/>e.g. To execute at 5 minutes past every hour, simply select 05 in the Minutes list box.<br/></li><li>Values from more than one field may be specified in order to further control the schedule.<br/>e.g. To execute at 12:05 and 14:05 every Monday and Thursday, you would click minute 05, hours 12 and 14, and weekdays Monday and Thursday.</li><li>For additional flexibility, the Month Days check list includes an extra Last Day option. This matches the last day of the month, whether it happens to be the 28th, 29th, 30th or 31st.</li></ul>') +
// gettext('Schedules are specified using a <strong>cron-style</strong> format.<br/><ul><li>For each selected time or date element, the schedule will execute.<br/>e.g. To execute at 5 minutes past every hour, simply select 05 in the Minutes list box.<br/></li><li>Values from more than one field may be specified in order to further control the schedule.<br/>e.g. To execute at 12:05 and 14:05 every Monday and Thursday, you would click minute 05, hours 12 and 14, and weekdays Monday and Thursday.</li><li>For additional flexibility, the Month Days check list includes an extra Last Day option. This matches the last day of the month, whether it happens to be the 28th, 29th, 30th or 31st.</li></ul>') +
// '</div>'
// ).insertBefore(this.$el);

View File

@ -171,7 +171,7 @@ define('pgadmin.node.pga_jobstep', [
options: {
'onText': gettext('Local'), 'offText': gettext('Remote'),
'onColor': 'primary', 'offColor': 'primary', width: '65',
}, helpMessage: gettext('Select <b>Local</b> if the job step will execute on the local database server, or <b>Remote</b> to specify a remote database server.'),
}, helpMessage: gettext('Select <strong>Local</strong> if the job step will execute on the local database server, or <strong>Remote</strong> to specify a remote database server.'),
},{
id: 'jstdbname', label: gettext('Database'), type: 'text',
mode: ['properties'], disabled: function() { return false; },

View File

@ -1,6 +1,6 @@
<form name="frmMasterPassword" id="frmMasterPassword" style="height: 100%; width: 100%" onsubmit="return false;">
<div>
<div><b>{{ content_text|safe }}</b></div>
<div><strong>{{ content_text|safe }}</strong></div>
<div class="input-group row py-2">
<label for="password" class="col-sm-2 col-form-label">{{ _('Password') }}</label>
<div class="col-sm-10">

View File

@ -490,44 +490,44 @@ define('pgadmin.misc.explain', [
if ('Join Filter' in _planData) {
node_extra_info.push(
'<b>Join Filter</b>: ' + _.escape(_planData['Join Filter'])
'<strong>Join Filter</strong>: ' + _.escape(_planData['Join Filter'])
);
}
if ('Filter' in _planData) {
node_extra_info.push('<b>Filter</b>: ' + _.escape(_planData['Filter']));
node_extra_info.push('<strong>Filter</strong>: ' + _.escape(_planData['Filter']));
}
if ('Index Cond' in _planData) {
node_extra_info.push('<b>Index Cond</b>: ' + _.escape(_planData['Index Cond']));
node_extra_info.push('<strong>Index Cond</strong>: ' + _.escape(_planData['Index Cond']));
}
if ('Hash Cond' in _planData) {
node_extra_info.push('<b>Hash Cond</b>: ' + _.escape(_planData['Hash Cond']));
node_extra_info.push('<strong>Hash Cond</strong>: ' + _.escape(_planData['Hash Cond']));
}
if ('Rows Removed by Filter' in _planData) {
node_extra_info.push(
'<b>Rows Removed by Filter</b>: ' +
'<strong>Rows Removed by Filter</strong>: ' +
_.escape(_planData['Rows Removed by Filter'])
);
}
if ('Peak Memory Usage' in _planData) {
var buffer = [
'<b>Buckets</b>:', _.escape(_planData['Hash Buckets']),
'<b>Batches</b>:', _.escape(_planData['Hash Batches']),
'<b>Memory Usage</b>:', _.escape(_planData['Peak Memory Usage']), 'kB',
'<strong>Buckets</strong>:', _.escape(_planData['Hash Buckets']),
'<strong>Batches</strong>:', _.escape(_planData['Hash Batches']),
'<strong>Memory Usage</strong>:', _.escape(_planData['Peak Memory Usage']), 'kB',
].join(' ');
node_extra_info.push(buffer);
}
if ('Recheck Cond' in _planData) {
node_extra_info.push('<b>Recheck Cond</b>: ' + _planData['Recheck Cond']);
node_extra_info.push('<strong>Recheck Cond</strong>: ' + _planData['Recheck Cond']);
}
if ('Exact Heap Blocks' in _planData) {
node_extra_info.push('<b>Heap Blocks</b>: exact=' + _planData['Exact Heap Blocks']);
node_extra_info.push('<strong>Heap Blocks</strong>: exact=' + _planData['Exact Heap Blocks']);
}
info.rows.push(_explainRowTemplate({

View File

@ -1066,7 +1066,7 @@ define([
page_title: gettext('Final (Review Selection) (step 3 of 3)'),
show_description: gettext('The SQL below will be executed on the ' +
'database server to grant the selected privileges. ' +
'Please click on <b>Finish</b> to complete the process.'),
'Please click on <strong>Finish</strong> to complete the process.'),
model: newModel,
view: new(function() {

View File

@ -744,7 +744,7 @@ export default class SchemaDiffUI {
footer_panel.$container.find('#schema-diff-ddl-comp').append(self.footer.render().$el);
header_panel.$container.find('#schema-diff-grid').append(`<div class='obj_properties container-fluid'>
<div class='pg-panel-message'>` + gettext('Select the server, database and schema for the source and target and click <b>Compare</b> to compare them.') + '</div></div>');
<div class='pg-panel-message'>` + gettext('Select the server, database and schema for the source and target and click <strong>Compare</strong> to compare them.') + '</div></div>');
self.grid_width = $('#schema-diff-grid').width();
self.grid_height = this.panel_obj.height();