Repository navigation
radio: adding actionName attribute as label fallback (aria-label) #586
Description
Bug, feature request, or proposal:
feature request
What is the expected behavior?
If the radio button has an empty label, it should be possible (for accessibility reasons) to provide a value for the aria-label attribute.
What is the current behavior?
When the radio button is unlabeled, there is no way to set an aria-label on the input element as a fallback.
What are the steps to reproduce?
not applicable
What is the use-case or motivation for changing an existing behavior?
Think of a table with radio buttons in each row. The de facto labels are located in the <th>-part of the table.
This could be a solution:
<md-radio-button name="group1" actionName="Option 1"></md-radio-button>It results in:
<md-radio-button _ngcontent-jha-3="" actionname="Option 1" name="group1" id="md-radio-0">
<label class="md-radio-label" for="md-radio-0-input">
<div class="md-radio-container">
<div class="md-radio-outer-circle"></div>
<div class="md-radio-inner-circle"></div>
<div class="md-ink-ripple"></div>
</div>
<input class="md-radio-input" type="radio" id="md-radio-0-input" name="group1" aria-label="Option 1">
<div class="md-radio-label-content">
</div>
</label>
</md-radio-button>Which versions of Angular, Material, OS, browsers are affected?
Material 2.0.0-alpha.5
Activity
jelbourn commentedon May 31, 2016
We should just support setting
aria-labeldirectly on themd-radio-buttonsendilkumarn commentedon Jun 1, 2016
😢 i finished it just now, without seeing this 👍
fix(radio): support aria-label(ledby) on md-radio (#586) (#596)
angular-automatic-lock-bot commentedon Sep 4, 2019
This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.