a11y(angular:datagrid): vpat-763

[hippee-lee]

This change implements fixes for issues reported in vpat-763 report

1. Adds sibling span with button text and .clr-sr-only class
2. Adds aria-expanded attribute to the toggle button in datagrid footer

Signed-off-by: Matt Hippely mhippely@vmware.com

PR Checklist

Please check if your PR fulfills the following requirements:

• [x] Tests for the changes have been added (for bug fixes / features)
• [ ] Docs have been added / updated (for bug fixes / features)
• [ ] If applicable, have a visual design approval

PR Type

What kind of change does this PR introduce?

• [x] Bugfix
• [ ] Feature
• [ ] Code style update (formatting, local variables)
• [ ] Refactoring (no functional changes, no api changes)
• [ ] Build related changes
• [ ] CI related changes
• [ ] Documentation content changes
• [ ] clarity.design website / infrastructure changes
• [ ] Other... Please describe:

What is the current behavior?

Screen readers do not read out button text for the hid/show feature button controls. There is a missing aria-expanded attribute on the main toggle button in the datagrid footer.

Issue Number: N/A

What is the new behavior?

Screen readers read out the button text and for the main toggle button in datagrid footer they read out the aria-expanded attribute.

Does this PR introduce a breaking change?

• [ ] Yes
• [x] No

Other information

[hippee-lee]

@Jinnie - I updated the title. When reviewing the code changes there was a patch that didn't get applied for the pagination buttons which are also part of this vpat issue.