Make edit profile links table more accessible

closes CNVS-30475

Test Plan:
  - Make sure profiles are enabled
  - Go to /profile
  - Switch to the edit view
  - Using a SR go into the links section
  - If there is no text in the "Title" column then when
    navigating through the table the columns in that row
    should read "Link Title" as the row header
  - If there is text in the "Title" column then the contents
    of that column should read as the row header on the columns
    in that row.  For example, a row with "Google" and "http://google.com"
    should read "Google" as the row header when on the URL.

Change-Id: I145f637e8c0c314a71cff3018e460d6a2bef85b4
Reviewed-on: https://gerrit.instructure.com/86943
Reviewed-by: Matthew Sessions <msessions@instructure.com>
QA-Review: Jahnavi Yetukuri <jyetukuri@instructure.com>
Tested-by: Jenkins
Product-Review: Aaron Cannon <acannon@instructure.com>

Author: claydiffrient

app/views/jst/profiles/addLinkRow.handlebars

@@ -1,6 +1,12 @@
 <tr>
-  <td><input aria-label="{{t "Link title" }}" type="text" class="ic-Input" maxlength="255" name="link_titles[]" value="{{title}}"></td>
-  <td>→</td>
+  {{#if title.length}}
+    <th scope="row">
+      <input aria-label="{{title}}" type="text" class="ic-Input" maxlength="255" name="link_titles[]" value="{{title}}">
+    </th>
+  {{else}}
+    <th scope="row"><input aria-label="{{t "Link Title" }}" type="text" class="ic-Input" maxlength="255" name="link_titles[]" value="{{title}}"></th>
+  {{/if}}
+  <td aria-hidden="true">→</td>
   <td><input aria-label="{{t "Link Url" }}" type="text" class="ic-Input" name="link_urls[]" value="{{url}}"></td>
   <td><a href="#" class="remove_link_row" data-event="removeLinkRow"><span class="screenreader-only">{{t "Remove" }}</span><i class="icon-end"></i></a></td>
 </tr>