Rank 1
Whenever I use kendo-dropdownbutton, if button contains only icon and not text, even though I set title, ariaLabel or attr.aria-label it will give me issues with jasmine.axe ( link ). I solve this every time by setting title and aria-label in ngAfterViewInit, but is there another way that is more aligned with component?
Edit: Screen reader NVDA also does not announce title/aria-label on button focus, so jasmine.axe complains for a reason.
1 Answer, 1 is accepted
Hi Miljana,
Thank you for the provided feedback.
To set the required aria attributes (like aria-label) to the button, please set the buttonAttributes property.
<kendo-dropdownbutton
[svgIcon]="svgShare"
[data]="shareData"
[buttonAttributes]="{'aria-label':'Share'}">
</kendo-dropdownbutton>Testing this configuration with NVDA correctly announces the 'Share' button. Try out this demo:
https://stackblitz.com/edit/angular-db19cx81
Regards,
Martin Bechev
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1