make editing profile page accessible
fixes CNVS-13993 Things were not being labeled correctly. They are now. Test Plan Given you've enabled profiles for your account And you're using a screen reader When you go to the profile page And you edit the profile page And you edit the "Bio" text Then the bio text area should be labeled And when you add or edit a link Then the links title label should be read And the links url should be read Change-Id: I417948c62ec9fe34c805b350f0cdd39cde9c3109 Reviewed-on: https://gerrit.instructure.com/44272 Reviewed-by: Ryan Shaw <ryan@instructure.com> Tested-by: Jenkins <jenkins@instructure.com> QA-Review: Jahnavi Yetukuri <jyetukuri@instructure.com> Product-Review: Sterling Cobb <sterling@instructure.com>
This commit is contained in:
parent
8b528e45eb
commit
01a1bffcb1
|
@ -80,10 +80,10 @@ require [
|
|||
@$linkFields ?= @$ '#profile_link_fields'
|
||||
$row = $ """
|
||||
<tr>
|
||||
<td><input type="text" maxlength="255" name="link_titles[]" value="#{htmlEscape title}"></td>
|
||||
<td><input aria-label="#{I18n.t("Link title")}" type="text" maxlength="255" name="link_titles[]" value="#{htmlEscape title}"></td>
|
||||
<td>→</td>
|
||||
<td><input type="text" name="link_urls[]" value="#{htmlEscape url}"></td>
|
||||
<td><a href="#" data-event="removeLinkRow"><i class="icon-end"></i></a></td>
|
||||
<td><input aria-label="#{I18n.t("Link Url")}" type="text" name="link_urls[]" value="#{htmlEscape url}"></td>
|
||||
<td><a href="#" data-event="removeLinkRow"><span class="screenreader-only">#{I18n.t("Remove")}</span><i class="icon-end"></i></a></td>
|
||||
</tr>
|
||||
"""
|
||||
@$linkFields.append $row
|
||||
|
|
|
@ -81,7 +81,7 @@
|
|||
</div>
|
||||
|
||||
<div class="v-gutter">
|
||||
<h2 class="h1 border border-b"><%= t :bio, "Bio" %></h2>
|
||||
<h2 class="h1 border border-b"><label for="profile_bio" style="font-size: 22px"><%= t :bio, "Bio" %></label></h2>
|
||||
<% if @user_data[:bio] %>
|
||||
<div class="hide-if-editing"><%= raw format_message(@user_data[:bio]).first %></div>
|
||||
<% else %>
|
||||
|
@ -129,9 +129,9 @@
|
|||
<div class="show-if-editing">
|
||||
<table id="edit_links_table">
|
||||
<thead>
|
||||
<th><%= t :links_title, 'Title' %></th>
|
||||
<th scope="col"><%= t :links_title, 'Title' %></th>
|
||||
<th></th>
|
||||
<th><%= t :links_url, 'URL' %></th>
|
||||
<th scope="col"><%= t :links_url, 'URL' %></th>
|
||||
</thead>
|
||||
<tbody id="profile_link_fields"></tbody>
|
||||
</table>
|
||||
|
|
Loading…
Reference in New Issue