Side by Side Diff: options.html
Issue 29323156:
Issue 2410 - Improved accessibility of dialogs in options page (Closed)
Patch Set:
Created July 31, 2015, 3:02 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« no previous file
|
options.js » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 - This file is part of Adblock Plus <https://adblockplus.org/>, | 3 - This file is part of Adblock Plus <https://adblockplus.org/>, |
| 4 - Copyright (C) 2006-2015 Eyeo GmbH | 4 - Copyright (C) 2006-2015 Eyeo GmbH |
| 5 - | 5 - |
| 6 - Adblock Plus is free software: you can redistribute it and/or modify | 6 - Adblock Plus is free software: you can redistribute it and/or modify |
| 7 - it under the terms of the GNU General Public License version 3 as | 7 - it under the terms of the GNU General Public License version 3 as |
| 8 - published by the Free Software Foundation. | 8 - published by the Free Software Foundation. |
| 9 - | 9 - |
| 10 - Adblock Plus is distributed in the hope that it will be useful, | 10 - Adblock Plus is distributed in the hope that it will be useful, |
| (...skipping 280 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 291 <p> | 291 <p> |
| 292 <a href="#" target="_blank">Twitter</a> | 292 <a href="#" target="_blank">Twitter</a> |
| 293 <a href="#" target="_blank">Facebook</a> | 293 <a href="#" target="_blank">Facebook</a> |
| 294 <a href="#" target="_blank">Google+</a> | 294 <a href="#" target="_blank">Google+</a> |
| 295 </p> | 295 </p> |
| 296 </div> | 296 </div> |
| 297 </div> | 297 </div> |
| 298 </div> | 298 </div> |
| 299 | 299 |
| 300 <!-- Dialog --> | 300 <!-- Dialog --> |
| 301 <div id="dialog"> | 301 <div id="dialog" role="dialog" aria-hidden="true"> |
| 302 <header> | 302 <header> |
| 303 <span id="dialog-title"> | 303 <span id="dialog-title"> |
| 304 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span> | 304 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span> |
| 305 <span id="dialog-title-language" class="i18n_options_dialog_language_t itle"></span> | 305 <span id="dialog-title-language" class="i18n_options_dialog_language_t itle"></span> |
| 306 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span> | 306 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span> |
| 307 </span> | 307 </span> |
| 308 <button id="dialog-close" class="i18n_options_close" data-action="close- dialog"></button> | 308 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button> |
| 309 </header> | 309 </header> |
| 310 <div id="dialog-body" class="content"> | 310 <div id="dialog-body" class="content"> |
| 311 <!-- Add language subscription --> | 311 <!-- Add language subscription --> |
| 312 <div id="dialog-content-language" class="dialog-content"> | 312 <div id="dialog-content-language" class="dialog-content"> |
| 313 <div class="dialog-content-block"> | 313 <div class="dialog-content-block"> |
| 314 <h3 class="i18n_options_dialog_language_added"></h3> | 314 <h3 class="i18n_options_dialog_language_added"></h3> |
| 315 <ul id="blocking-languages-dialog-table" class="table list"> | 315 <ul id="blocking-languages-dialog-table" class="table list"> |
| 316 <template> | 316 <template> |
| 317 <span class="display"></span> | 317 <span class="display"></span> |
| 318 </template> | 318 </template> |
| 319 </ul> | 319 </ul> |
| 320 </div> | 320 </div> |
| 321 <div id="other-language" class="dialog-content-block"> | 321 <div id="other-language" class="dialog-content-block"> |
| 322 <h3 class="i18n_options_dialog_language_other"></h3> | |
| 323 <div> | 322 <div> |
| 324 <input type="search" id="find-language" /> | 323 <label for="find-language" class="i18n_options_dialog_language_oth er"></label> |
| 324 <input type="search" id="find-language" class="default-action" /> | |
| 325 </div> | 325 </div> |
| 326 <ul id="all-lang-table" class="table list"> | 326 <ul id="all-lang-table" class="table list"> |
| 327 <template> | 327 <template> |
| 328 <button class="button-add control"> | 328 <button class="button-add control"> |
| 329 +<span></span> | 329 +<span></span> |
| 330 </button> | 330 </button> |
| 331 <span class="display"></span> | 331 <span class="display"></span> |
| 332 </template> | 332 </template> |
| 333 </ul> | 333 </ul> |
| 334 </div> | 334 </div> |
| 335 </div> | 335 </div> |
| 336 <!-- Add custom subscription --> | 336 <!-- Add custom subscription --> |
| 337 <div id="dialog-content-custom" class="dialog-content"> | 337 <div id="dialog-content-custom" class="dialog-content"> |
| 338 <div class="dialog-content-block"> | 338 <div class="dialog-content-block"> |
| 339 <h3 class="i18n_options_dialog_custom_subscription_title"></h3> | |
| 340 <div> | 339 <div> |
| 341 <input id="blockingList-textbox" type="text" placeholder="www.exam ple.com/blockinglist.txt" /> | 340 <label for="blockingList-textbox" class="i18n_options_dialog_custo m_subscription_title"></label> |
| 341 <input id="blockingList-textbox" type="text" class="default-action " placeholder="www.example.com/blockinglist.txt" /> | |
| 342 </div> | 342 </div> |
| 343 <div class="button-wrapper" data-action="import-subscription"> | 343 <button class="i18n_options_dialog_custom_import" data-action="impor t-subscription"></button> |
| 344 <span class="icon icon-arrow"></span> | |
| 345 <span class="i18n_options_dialog_custom_import"></span> | |
| 346 </div> | |
| 347 </div> | 344 </div> |
| 348 <div class="dialog-content-block"> | 345 <div class="dialog-content-block"> |
| 349 <h3 class="i18n_options_dialog_edit_own_list"></h3> | 346 <h3 class="i18n_options_dialog_edit_own_list"></h3> |
| 350 <div class="button-wrapper" data-action="close-dialog,switch-tab,edi t-custom-filters" data-tab="advanced"> | 347 <button class="i18n_options_dialog_create_own_list" data-action="clo se-dialog,switch-tab,edit-custom-filters" data-tab="advanced"></button> |
| 351 <span class="icon icon-arrow"></span> | |
| 352 <span class="i18n_options_dialog_create_own_list"></span> | |
| 353 </div> | |
| 354 </div> | 348 </div> |
| 355 </div> | 349 </div> |
| 356 <!-- Add predefined subscription --> | 350 <!-- Add predefined subscription --> |
| 357 <div id="dialog-content-predefined" class="dialog-content"> | 351 <div id="dialog-content-predefined" class="dialog-content"> |
| 358 <div class="dialog-content-block"> | 352 <div class="dialog-content-block"> |
| 359 <h3></h3> | 353 <h3></h3> |
| 360 <div class="url"></div> | 354 <div class="url"></div> |
| 361 <div class="button-wrapper" data-action="add-predefined-subscription "> | 355 <button class="i18n_options_dialog_predefined_confirm default-action " data-action="add-predefined-subscription"></button> |
| 362 <span class="icon icon-arrow"></span> | |
| 363 <span class="i18n_options_dialog_predefined_confirm"></span> | |
| 364 </div> | |
| 365 </div> | 356 </div> |
| 366 </div> | 357 </div> |
| 367 </div> | 358 </div> |
| 359 <!-- Placeholder element to determine when to wrap focus around --> | |
| 360 <span class="focus-last" tabindex="0"></span> | |
| 368 </div> | 361 </div> |
| 369 </body> | 362 </body> |
| 370 </html> | 363 </html> |
| OLD | NEW |
« no previous file with comments
|
« no previous file
|
options.js » ('j')
|
no next file with comments »
