| OLD | NEW |
| 1 <!-- Copyright 2014 The Chromium Authors. All rights reserved. | 1 <!-- Copyright 2014 The Chromium Authors. All rights reserved. |
| 2 Use of this source code is governed by a BSD-style license that can be | 2 Use of this source code is governed by a BSD-style license that can be |
| 3 found in the LICENSE file. --> | 3 found in the LICENSE file. --> |
| 4 <html> | 4 <html> |
| 5 | 5 |
| 6 <head> | 6 <head> |
| 7 <title class="i18n" msgid="options_page_title">ChromeVox Options</title> | 7 <title class="i18n" msgid="options_page_title">ChromeVox Options</title> |
| 8 <link rel="stylesheet" type="text/css" href="chrome_shared2.css" /> | |
| 9 <link rel="stylesheet" type="text/css" href="options_widgets.css" /> | |
| 10 <link rel="stylesheet" type="text/css" href="options.css" /> | 8 <link rel="stylesheet" type="text/css" href="options.css" /> |
| 11 | 9 |
| 12 | |
| 13 <script type="text/javascript" src="../../closure/base.js"></script> | 10 <script type="text/javascript" src="../../closure/base.js"></script> |
| 14 <script type="text/javascript" src="../../deps.js"></script> | 11 <script type="text/javascript" src="../../deps.js"></script> |
| 15 <script type="text/javascript" src="options_loader.js"></script> | 12 <script type="text/javascript" src="options_loader.js"></script> |
| 16 <script type="text/javascript" src="../../chromeVoxChromeOptionsScript.js"> | 13 <script type="text/javascript" src="../../chromeVoxChromeOptionsScript.js"> |
| 17 </script> | 14 </script> |
| 18 </head> | 15 </head> |
| 19 | 16 |
| 20 <html> | 17 <html> |
| 21 | 18 |
| 22 <body> | 19 <body> |
| 23 <div> | 20 <!-- |
| 24 <!-- The "with dev msgs" in the title helps when debugging problems with the m
essage | 21 The "with dev msgs" in the title helps when debugging problems |
| 25 replacer. --> | 22 with the message replacer. |
| 23 --> |
| 26 <h1 class="i18n" msgid="options_page_title">ChromeVox (with dev msgs)</h1> | 24 <h1 class="i18n" msgid="options_page_title">ChromeVox (with dev msgs)</h1> |
| 25 |
| 26 <div class="container"> |
| 27 |
| 27 <p id="version"></p> | 28 <p id="version"></p> |
| 28 | 29 |
| 29 | |
| 30 <div class="option"> | 30 <div class="option"> |
| 31 <input id="useVerboseMode" type="checkbox" class="checkbox pref" name="useVe
rboseMode" /> | 31 <input id="useVerboseMode" type="checkbox" class="checkbox pref" |
| 32 name="useVerboseMode"> |
| 32 <label for="useVerboseMode" class="i18n" msgid="options_verbosity_verbose"> | 33 <label for="useVerboseMode" class="i18n" msgid="options_verbosity_verbose"> |
| 33 Enable verbose descriptions. | 34 Enable verbose descriptions. |
| 34 </label> | 35 </label> |
| 35 </div> | 36 </div> |
| 36 | 37 |
| 37 <div class="option"> | 38 <div class="option"> |
| 38 <input id="autoRead" type="checkbox" class="checkbox pref" name="autoRead"><
/input> | 39 <input id="autoRead" type="checkbox" class="checkbox pref" name="autoRead"> |
| 39 <label for="autoRead" class="i18n" msgid="options_auto_read"> | 40 <label for="autoRead" class="i18n" msgid="options_auto_read"> |
| 40 Automatically read a page after it finishes loading. | 41 Automatically read a page after it finishes loading. |
| 41 </label> | 42 </label> |
| 42 </div> | 43 </div> |
| 43 | 44 |
| 44 <p class="i18n description" msgid="options_audio_description" id="audioDescrip
tion"> | 45 <h2 class="i18n description" msgid="options_audio_description" |
| 46 id="audioDescription"> |
| 45 When playing audio | 47 When playing audio |
| 46 </p> | 48 </h2> |
| 47 | 49 |
| 48 <div> | 50 <div class="option"> |
| 49 <select id="audioStrategy" class="pref" aria-labelledby="audioDescription"> | 51 <select id="audioStrategy" class="pref" aria-labelledby="audioDescription"> |
| 50 <option id="audioNormal" class="i18n" msgid="options_audio_normal"> | 52 <option id="audioNormal" class="i18n" msgid="options_audio_normal"> |
| 51 play at normal volume even if ChromeVox is speaking | 53 play at normal volume even if ChromeVox is speaking |
| 52 </option> | 54 </option> |
| 53 <option id="audioDuck" class="i18n" msgid="options_audio_duck"> | 55 <option id="audioDuck" class="i18n" msgid="options_audio_duck"> |
| 54 play at lower volume when ChromeVox is speaking | 56 play at lower volume when ChromeVox is speaking |
| 55 </option> | 57 </option> |
| 56 <option id="audioSuspend" class="i18n" msgid="options_audio_suspend"> | 58 <option id="audioSuspend" class="i18n" msgid="options_audio_suspend"> |
| 57 pause playback when ChromeVox is speaking | 59 pause playback when ChromeVox is speaking |
| 58 </option> | 60 </option> |
| 59 </select> | 61 </select> |
| 60 </div> | 62 </div> |
| 61 | 63 |
| 62 <h2 class="i18n" msgid="options_voices">Voices</h2> | 64 <h2 class="i18n" msgid="options_voices">Voices</h2> |
| 63 <p class="i18n description" msgid="options_voices_description" id="voices_desc
ription"> | 65 <div class="option"> |
| 64 Change the current voice by selecting an option from the list below. | 66 <span class="i18n description" msgid="options_voices_description" |
| 65 </p> | 67 id="voices_description"> |
| 66 | 68 Select current voice: |
| 67 <div> | 69 </span> |
| 68 <select id="voices" aria-labelledby="voices_description"></select> | 70 <select id="voices" aria-labelledby="voices_description"></select> |
| 69 <br><br> | |
| 70 </div> | 71 </div> |
| 71 | 72 |
| 72 | |
| 73 <h2 class="chromeos i18n" msgid="options_braille">Braille</h2> | 73 <h2 class="chromeos i18n" msgid="options_braille">Braille</h2> |
| 74 <div class="chromeos"> | 74 <div class="chromeos option"> |
| 75 <p class="i18n description" msgid="options_braille_description_6" id="braill
e_description_6"> | 75 <span class="i18n description" msgid="options_braille_description_6" |
| 76 Change the current 6 dot braille table by selecting an option from the lis
t below. | 76 id="braille_description_6"> |
| 77 </p> | 77 Select a 6-dot braille table: |
| 78 </span> |
| 78 <select id="brailleTable6" aria-labelledby="braille_description_6"></select> | 79 <select id="brailleTable6" aria-labelledby="braille_description_6"></select> |
| 79 <p class="i18n description" msgid="options_braille_description_8" id="braill
e_description_8"> | 80 </div> |
| 80 Change the current 8 dot braille table by selecting an option from the lis
t below. | 81 <div class="chromeos option"> |
| 81 </p> | 82 <span class="i18n description" msgid="options_braille_description_8" |
| 83 id="braille_description_8"> |
| 84 Select an 8-dot braille table: |
| 85 </span> |
| 82 <select id="brailleTable8" aria-labelledby="braille_description_8"></select> | 86 <select id="brailleTable8" aria-labelledby="braille_description_8"></select> |
| 83 <button id="brailleTableType"></button> | 87 </div> |
| 84 <div class="option"> | 88 <div class="chromeos option"> |
| 85 <label> | 89 <button id="brailleTableType"></button><span> </span> |
| 86 <input id="brailleWordWrap" type="checkbox" class="checkbox pref" name="
brailleWordWrap" /> | 90 </div> |
| 87 <span class="i18n" msgid="options_braille_word_wrap"> | 91 <div class="chromeos option"> |
| 88 Enable word wrap | 92 <label> |
| 89 </span> | 93 <input id="brailleWordWrap" type="checkbox" class="checkbox pref" |
| 90 </label> | 94 name="brailleWordWrap"> |
| 91 </div> | 95 <span class="i18n" msgid="options_braille_word_wrap"> |
| 92 <br><br> | 96 Enable word wrap |
| 97 </span> |
| 98 </label> |
| 93 </div> | 99 </div> |
| 94 | 100 |
| 95 <h2 class="i18n" msgid="options_virtual_braille_display">Virtual Braille Displ
ay</h2> | 101 <h2 class="i18n" msgid="options_virtual_braille_display"> |
| 102 Virtual Braille Display |
| 103 </h2> |
| 104 <p class="i18n" msgid="options_virtual_braille_display_details"> |
| 105 Simulates the output of a refreshable braille display |
| 106 in the ChromeVox panel at the top of the screen. |
| 107 </p> |
| 108 <div class="option"> |
| 96 <label> | 109 <label> |
| 97 <div> | 110 <span class="i18n description" msgid="options_virtual_braille_display_rows" |
| 98 <span class="i18n description" msgid="options_virtual_braille_display_rows"
id="virtual_braille_display_rows_description"> | 111 id="virtual_braille_display_rows_description"> |
| 99 Rows: | 112 Lines: |
| 100 </span> | 113 </span> |
| 101 </div> | |
| 102 <input type="number" min="1" id="virtual_braille_display_rows_input"> | 114 <input type="number" min="1" id="virtual_braille_display_rows_input"> |
| 103 </label> | 115 </label> |
| 104 <label > | 116 </div> |
| 105 <div> | 117 <div class="option"> |
| 106 <span class="i18n description" msgid="options_virtual_braille_display_column
s" id="virtual_braille_display_columns_description"> | 118 <label> |
| 107 Columns: | 119 <span class="i18n description" |
| 120 msgid="options_virtual_braille_display_columns" |
| 121 id="virtual_braille_display_columns_description"> |
| 122 Cells in each line: |
| 108 </span> | 123 </span> |
| 109 </div> | |
| 110 <input type="number" min="1" id="virtual_braille_display_columns_input"> | 124 <input type="number" min="1" id="virtual_braille_display_columns_input"> |
| 111 </label> | 125 </label> |
| 126 </div> |
| 112 | 127 |
| 113 <div id="currentDisplayStyle"></div> | 128 <div class="option"> |
| 114 <button id="changeDisplayStyle"></button> | 129 <span id="currentDisplayStyle"></span> |
| 130 <button id="changeDisplayStyle"></button> |
| 131 </div> |
| 115 | 132 |
| 116 <div id="status" role="live" aria-live="assertive"> | 133 <div id="status" role="live" aria-live="assertive"> |
| 117 </div> | 134 </div> |
| 118 </div> | 135 |
| 136 </div> |
| 137 |
| 119 </body> | 138 </body> |
| 120 </html> | 139 </html> |
| OLD | NEW |