Commit 498f4a02 authored by Michael Hansen's avatar Michael Hansen Committed by Commit Bot

[Nearby] Labels for radio buttons on contact visibility page.

Sets up the labels for the radio buttons on the contact visibility page
to fix an extra stop when using a screen reader.

Fixed: 1148462
Bug: b:168841167
Change-Id: I8b31ccfafdc856aa51b1f36fa44ec5317ea9935c
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2559091Reviewed-by: default avatarJames Vecore <vecore@google.com>
Commit-Queue: Michael Hansen <hansenmichael@google.com>
Cr-Commit-Position: refs/heads/master@{#830860}
parent 03615f59
...@@ -232,29 +232,32 @@ ...@@ -232,29 +232,32 @@
<cr-radio-group id="visibilityRadioGroup" <cr-radio-group id="visibilityRadioGroup"
disabled="[[disableRadioGroup_(contactsState)]]" disabled="[[disableRadioGroup_(contactsState)]]"
selected="{{selectedVisibility}}"> selected="{{selectedVisibility}}">
<cr-card-radio-button id="allContacts" class="flex" name="all"> <cr-card-radio-button id="allContacts" class="flex" name="all"
aria-labelledby="allContactsLabel">
<div class="card-contents"> <div class="card-contents">
<iron-icon icon="nearby20:contact-all" class="card-icon"> <iron-icon icon="nearby20:contact-all" class="card-icon">
</iron-icon> </iron-icon>
<div class="card-label"> <div id="allContactsLabel" class="card-label" aria-hidden="true">
$i18n{nearbyShareContactVisibilityAll} $i18n{nearbyShareContactVisibilityAll}
</div> </div>
</div> </div>
</cr-card-radio-button> </cr-card-radio-button>
<cr-card-radio-button id="someContacts" class="flex" name="some"> <cr-card-radio-button id="someContacts" class="flex" name="some"
aria-labelledby="someContactsLabel">
<div class="card-contents"> <div class="card-contents">
<iron-icon icon="nearby20:contact-group" class="card-icon"> <iron-icon icon="nearby20:contact-group" class="card-icon">
</iron-icon> </iron-icon>
<div class="card-label"> <div id="someContactsLabel" class="card-label" aria-hidden="true">
$i18n{nearbyShareContactVisibilitySome} $i18n{nearbyShareContactVisibilitySome}
</div> </div>
</div> </div>
</cr-card-radio-button> </cr-card-radio-button>
<cr-card-radio-button id="noContacts" class="flex" name="none"> <cr-card-radio-button id="noContacts" class="flex" name="none"
aria-labelledby="noContactsLabel">
<div class="card-contents"> <div class="card-contents">
<iron-icon icon="nearby20:visibility-off" class="card-icon"> <iron-icon icon="nearby20:visibility-off" class="card-icon">
</iron-icon> </iron-icon>
<div class="card-label"> <div id="noContactsLabel" class="card-label" aria-hidden="true">
$i18n{nearbyShareContactVisibilityNone} $i18n{nearbyShareContactVisibilityNone}
</div> </div>
</div> </div>
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment