blob: 86bd1584a0c3dfab8ccb4a6f5c22e4ba871e4a4c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="captions_browser_proxy.html">
<link rel="import" href="captions_subpage.html">
<link rel="import" href="chrome://resources/cr_elements/cr_link_row/cr_link_row.html">
<link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
<link rel="import" href="../i18n_setup.html">
<link rel="import" href="../settings_shared_css.html">
<if expr="chromeos">
<link rel="import" href="manage_a11y_page.html">
<link rel="import" href="../controls/settings_toggle_button.html">
<link rel="import" href="../settings_page/settings_animated_pages.html">
<link rel="import" href="../settings_page/settings_subpage.html">
<link rel="import" href="switch_access_subpage.html">
<link rel="import" href="tts_subpage.html">
</if>
<dom-module id="settings-a11y-page">
<template>
<style include="settings-shared"></style>
<settings-animated-pages id="pages" current-route="{{currentRoute}}"
section="a11y" focus-config="[[focusConfig_]]">
<div route-path="default">
<if expr="chromeos">
<cr-link-row class="hr" id="subpage-trigger"
label="$i18n{manageAccessibilityFeatures}"
on-click="onManageSystemAccessibilityFeaturesTap_"
sub-label="$i18n{moreFeaturesLinkDescription}"
hidden="[[showOsSettings_]]" external>
</cr-link-row>
</if>
<if expr="not chromeos">
<cr-link-row class="hr" id="captions" label="$i18n{captionsTitle}"
on-click="onCaptionsClick_"
external$="[[captionSettingsOpensExternally_]]">
</cr-link-row>
<settings-toggle-button
id="a11yImageLabels"
hidden$="[[!showAccessibilityLabelsSetting_]]"
pref="{{prefs.settings.a11y.enable_accessibility_image_labels}}"
on-change="onToggleAccessibilityImageLabels_"
label="$i18n{accessibleImageLabelsTitle}"
sub-label="$i18n{accessibleImageLabelsSubtitle}">
</settings-toggle-button>
</if>
<if expr="chromeos">
<template is="dom-if" if="[[showOsSettings_]]">
<settings-toggle-button
id="a11yImageLabels"
hidden$="[[!showAccessibilityLabelsSetting_]]"
pref="{{prefs.settings.a11y.enable_accessibility_image_labels}}"
on-change="onToggleAccessibilityImageLabels_"
label="$i18n{accessibleImageLabelsTitle}"
sub-label="$i18n{accessibleImageLabelsSubtitle}">
</settings-toggle-button>
<settings-toggle-button id="optionsInMenuToggle"
label="$i18n{optionsInMenuLabel}"
pref="{{prefs.settings.a11y.enable_menu}}">
</settings-toggle-button>
<cr-link-row class="hr" id="subpage-trigger"
label="$i18n{manageAccessibilityFeatures}"
on-click="onManageAccessibilityFeaturesTap_"
sub-label="$i18n{moreFeaturesLinkDescription}">
</cr-link-row>
</template>
</if>
<cr-link-row class="hr" label="$i18n{moreFeaturesLink}"
on-click="onMoreFeaturesLinkClick_" sub-label="$i18n{a11yWebStore}"
hidden="[[showOsSettings_]]" external>
</cr-link-row>
</div>
<if expr="not is_macosx">
<template is="dom-if" if="[[showCaptionSettings_]]">
<template is="dom-if" route-path="/captions">
<settings-subpage
associated-control="[[$$('#captions')]]"
page-title="$i18n{captionsTitle}">
<settings-captions prefs="{{prefs}}"></settings-captions>
</settings-subpage>
</template>
</template>
</if>
<if expr="chromeos">
<template is="dom-if" if="[[showCaptionSettings_]]">
<template is="dom-if" route-path="/manageAccessibility/captions">
<settings-subpage
associated-control="[[$$('#subpage-trigger')]]"
page-title="$i18n{captionsTitle}">
<settings-captions prefs="{{prefs}}">
</settings-captions>
</settings-subpage>
</template>
</template>
<template is="dom-if" if="[[showOsSettings_]]">
<template is="dom-if" route-path="/manageAccessibility">
<settings-subpage
associated-control="[[$$('#subpage-trigger')]]"
page-title="$i18n{manageAccessibilityFeatures}">
<settings-manage-a11y-page prefs="{{prefs}}">
</settings-manage-a11y-page>
</settings-subpage>
</template>
<template is="dom-if" route-path="/manageAccessibility/tts">
<settings-subpage
associated-control="[[$$('#subpage-trigger')]]"
page-title="$i18n{manageTtsSettings}">
<settings-tts-subpage prefs="{{prefs}}"></settings-tts-subpage>
</settings-subpage>
</template>
<template is="dom-if" route-path="/manageAccessibility/switchAccess">
<settings-subpage associated-control="[[$$('#subpage-trigger')]]"
page-title="$i18n{manageSwitchAccessSettings}">
<settings-switch-access-subpage prefs="{{prefs.settings.a11y}}">
</settings-switch-access-subpage>
</settings-subpage>
</template>
</template>
</if>
</settings-animated-pages>
</template>
<script src="a11y_page.js"></script>
</dom-module>
|