<script type="text/javascript" src="js/searchreplace.js"></script>\r
<link rel="stylesheet" type="text/css" href="css/searchreplace.css" />\r
</head>\r
-<body style="display:none;">\r
+<body style="display:none;" role="application" aria-labelledby="app_title">\r
+<span id="app_title" style="display:none">{#searchreplace_dlg.replace_title}</span>\r
<form onsubmit="SearchReplaceDialog.searchNext('none');return false;" action="#">\r
<div class="tabs">\r
<ul>\r
- <li id="search_tab"><span><a href="javascript:SearchReplaceDialog.switchMode('search');" onmousedown="return false;">{#searchreplace.search_desc}</a></span></li>\r
- <li id="replace_tab"><span><a href="javascript:SearchReplaceDialog.switchMode('replace');" onmousedown="return false;">{#searchreplace_dlg.replace}</a></span></li>\r
+ <li id="search_tab" aria-controls="search_panel"><span><a href="javascript:SearchReplaceDialog.switchMode('search');" onmousedown="return false;">{#searchreplace.search_desc}</a></span></li>\r
+ <li id="replace_tab" aria-controls="replace_panel"><span><a href="javascript:SearchReplaceDialog.switchMode('replace');" onmousedown="return false;">{#searchreplace_dlg.replace}</a></span></li>\r
</ul>\r
</div>\r
\r
<div class="panel_wrapper">\r
<div id="search_panel" class="panel">\r
- <table border="0" cellspacing="0" cellpadding="2">\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="2">\r
<tr>\r
<td><label for="search_panel_searchstring">{#searchreplace_dlg.findwhat}</label></td>\r
- <td><input type="text" id="search_panel_searchstring" name="search_panel_searchstring" style="width: 200px" /></td>\r
+ <td><input type="text" id="search_panel_searchstring" name="search_panel_searchstring" style="width: 200px" aria-required="true" /></td>\r
</tr>\r
<tr>\r
<td colspan="2">\r
- <table border="0" cellspacing="0" cellpadding="0" class="direction">\r
- <tr>\r
- <td><label>{#searchreplace_dlg.direction}</label></td>\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0" class="direction">\r
+ <tr role="group" aria-labelledby="search_panel_backwards_label">\r
+ <td><label id="search_panel_backwards_label">{#searchreplace_dlg.direction}</label></td>\r
<td><input id="search_panel_backwardsu" name="search_panel_backwards" class="radio" type="radio" /></td>\r
<td><label for="search_panel_backwardsu">{#searchreplace_dlg.up}</label></td>\r
<td><input id="search_panel_backwardsd" name="search_panel_backwards" class="radio" type="radio" checked="checked" /></td>\r
</tr>\r
<tr>\r
<td colspan="2">\r
- <table border="0" cellspacing="0" cellpadding="0">\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">\r
<tr>\r
<td><input id="search_panel_casesensitivebox" name="search_panel_casesensitivebox" class="checkbox" type="checkbox" /></td>\r
<td><label for="search_panel_casesensitivebox">{#searchreplace_dlg.mcase}</label></td>\r
</div>\r
\r
<div id="replace_panel" class="panel">\r
- <table border="0" cellspacing="0" cellpadding="2">\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="2">\r
<tr>\r
<td><label for="replace_panel_searchstring">{#searchreplace_dlg.findwhat}</label></td>\r
- <td><input type="text" id="replace_panel_searchstring" name="replace_panel_searchstring" style="width: 200px" /></td>\r
+ <td><input type="text" id="replace_panel_searchstring" name="replace_panel_searchstring" style="width: 200px" aria-required="true" /></td>\r
</tr>\r
<tr>\r
<td><label for="replace_panel_replacestring">{#searchreplace_dlg.replacewith}</label></td>\r
- <td><input type="text" id="replace_panel_replacestring" name="replace_panel_replacestring" style="width: 200px" /></td>\r
+ <td><input type="text" id="replace_panel_replacestring" name="replace_panel_replacestring" style="width: 200px" aria-required="true" /></td>\r
</tr>\r
<tr>\r
<td colspan="2">\r
- <table border="0" cellspacing="0" cellpadding="0" class="direction">\r
- <tr>\r
- <td><label>{#searchreplace_dlg.direction}</label></td>\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0" class="direction">\r
+ <tr role="group" aria-labelledby="replace_panel_dir_label">\r
+ <td><label id="replace_panel_dir_label">{#searchreplace_dlg.direction}</label></td>\r
<td><input id="replace_panel_backwardsu" name="replace_panel_backwards" class="radio" type="radio" /></td>\r
<td><label for="replace_panel_backwardsu">{#searchreplace_dlg.up}</label></td>\r
<td><input id="replace_panel_backwardsd" name="replace_panel_backwards" class="radio" type="radio" checked="checked" /></td>\r
</tr>\r
<tr>\r
<td colspan="2">\r
- <table border="0" cellspacing="0" cellpadding="0">\r
+ <table role="presentation" border="0" cellspacing="0" cellpadding="0">\r
<tr>\r
<td><input id="replace_panel_casesensitivebox" name="replace_panel_casesensitivebox" class="checkbox" type="checkbox" /></td>\r
<td><label for="replace_panel_casesensitivebox">{#searchreplace_dlg.mcase}</label></td>\r