Mercurial > p > roundup > code
diff website/issues/html/page.html @ 6235:88e0a54aa83c
Usability changes
Increase darkenss of footer. Insufficient contrast using lightgrey,
change to grey which is still subdued compared to black but has more
contrast against white background.
Add aria-labels to search/jumpto fields whose labels are contained in
the buttons that submit the form.
Add aria-label to password field.
| author | John Rouillard <rouilj@ieee.org> |
|---|---|
| date | Fri, 24 Jul 2020 15:45:17 -0400 |
| parents | dd81e0beafdb |
| children | 5547ad684cd4 |
line wrap: on
line diff
--- a/website/issues/html/page.html Thu Jul 23 21:24:59 2020 -0400 +++ b/website/issues/html/page.html Fri Jul 24 15:45:17 2020 -0400 @@ -35,7 +35,7 @@ <input type="hidden" name="@group" value="priority" /> <input type="hidden" name="@filter" value="status"/> <input type="hidden" name="status" tal:attributes="value status_notresolved"/> - <input class="input-text" id="search-text" name="@search_text" size="10" /> + <input class="input-text" aria-label="type in search term" id="search-text" name="@search_text" size="10" /> <input type="submit" id="submit" value="search in open issues" name="submit" class="input-button"/> </div> @@ -86,6 +86,7 @@ <input type="submit" class="form-small" value="Show issue:" i18n:attributes="value"/> <input class="form-small" size="4" + aria-label="Type in issue number" type="text" name="@number"/> <input type="hidden" name="@type" value="issue"/> <input type="hidden" name="@action" value="show"/> @@ -101,9 +102,11 @@ <form method="post" tal:attributes="action request/base"> <ul> <li> - <tal:span i18n:translate="">Login</tal:span><br/> - <input size="10" name="__login_name"/><br/> - <input size="10" type="password" name="__login_password"/><br/> + <label for="__login" i18n:translate="">Login</login><br/> + <input size="10" id="__login" name="__login_name"/><br/> + <input size="10" type="password" + aria-label="Password field for login" + name="__login_password"/><br/> <input type="hidden" name="@action" value="Login"/> <input type="checkbox" name="remember" id="remember"/> <label for="remember" i18n:translate="">Remember me?</label><br/>