ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(field): add aria-live attribute to feedback slot

Browse source
This commit is contained in:
Marcos Gil 2019-10-03 19:15:01 +02:00
parent e161c711e8
commit 158c070e0c
2 changed files with 12 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/field/src/FormControlMixin.js
View file

@ -139,6 +139,7 @@ export const FormControlMixin = dedupeMixin(
}
}
if (_feedbackNode) {
_feedbackNode.setAttribute('aria-live', 'polite');
_feedbackNode.id = _feedbackNode.id || `feedback-${this._inputId}`;
const describeIdFeedback = ` ${_feedbackNode.id}`;
if (this._ariaDescribedby.indexOf(describeIdFeedback) === -1) {

11
packages/field/test/FormControlMixin.test.js
View file

@ -62,4 +62,15 @@ describe('FormControlMixin', () => {
expect(hasDuplicate).to.be.false;
});
});
it('adds aria-live="politie" to the feedback slot', async () => {
const lionField = await fixture(html`
<${tag}>
${inputSlot}
<div slot="feedback">Added to see attributes</div>
</${tag}>
`);
expect(lionField.$$slot('feedback').getAttribute('aria-live')).to.equal('polite');
});
});