The title attribute example should be updated to not use abbr elements

[ericwbailey]

The title attribute used on an abbr element has numerous accessibility issues. Can we update it to demonstrate a more appropriate usage?

I was thinking along the lines of:

<iframe title="Wikipedia page for Tangerines" src="https://en.m.wikipedia.org/wiki/Tangerine"></iframe>

[welcome]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you include steps to reproduce it.

[escattone]

Thanks @ericwbailey -- cc @schalkneethling.

[schalkneethling]

Thanks, @ericwbailey - I wonder if we should add a link to the post you referenced here:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr#accessibility_concerns

I can take care of updating the example to demonstrate it on an iframe instead as you demonstrated.

[ericwbailey]

I wonder if we should add a link to the post you referenced here:
developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr#accessibility_concerns

@schalkneethling Sounds like a great idea. Will do!