Fix accessibility table examples

[forsti0506]

Hello,

I'd like to commit some fixes to the accessibility of the angular examples. In my opinion many people are copying these examples and therefore it is important to provide accessible examples.

First I added an arrow to expand tables, because otherwise the row is only accessible by clicking with a mouse!

I hope you have time to review my first Pull request!

The `nbsp; is needed, because for example NVDA doesn't recognize it, if it is used without any content!

Second Part is to enable focusing scrollable regions to ensure that screen an tabusers can access them!

Thanks in Advance!

Best regards,

Martin

[andrewseguin]

Thanks for the contribution. Just one thing to change and we can get these changes in.

[forsti0506]

@andrewseguin Maybe I missed the suggested change, but I can't see the thing to change?

[andrewseguin]

Odd my comment didn't get through, maybe because it's not an affected line. Be sure to change [attr.colspan]="columnsToDisplay.length" to use columnsToDisplayWithExpand instead so that the bottom border stretches across all cells

[forsti0506]

I added the fix.

Maybe one question from me: I saw there is an experimental section too for table. Should I apply the fix there too in this PR?

[andrewseguin]

Yes - that'd be great if you can add the fix to the MDC based versions. We're working on making those the primary versions now

[forsti0506]

@andrewseguin I added the features for the mdc examples.

I'm not sure how to fix the CircleCi errors, because the build fails because of my master merge!

[andrewseguin]

It looks like one of the issues is that table-sticky-complex-flex-example.html has the beginning div switched to a section but not the closing div

[forsti0506]

Yes thanks: closing tag is fixed, but I think the merge is blocked, because of the commit message for the master merge!

[angular-automatic-lock-bot]

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.}