Improve accessibility for interactive session cards

[ahmed-mgd]

Fixes #664

• Announce status changes to screen reader
• Restore focus to elements when cards refresh

[johrstrom]

Seems like since you refactored to data attributes in 72d04c2 I think you can get rid of a lot of other updates you made around adding IDs to different elements.

[ahmed-mgd]

Seems like since you refactored to data attributes in 72d04c2 I think you can get rid of a lot of other updates you made around adding IDs to different elements.

I believe pretty much all of the IDs were for the "refocusing" piece when the cards refresh, aside from the 'card_title" class which I'll get rid of. And perhaps I could also remove the <%= session.id %> suffix from each of the IDs, such as in

id: "delete_button_#{session.id}"

Either way, do you think there's a better way of querying for the elements we want to refocus on? I might have a blindspot on this.

[johrstrom]

And perhaps I could also remove the <%= session.id %> suffix from each of the IDs, such as in

id: "delete_button_#{session.id}"

Yes this is what I meant. They're not needed if you're querying based on data attributes of the parent.