[cameron]georgeclaghorn commented 7 minutes ago Thanks for the clarification. I’m in favor of removing the fallback in Rails and leaving it up to the screen reader. 😄
[cameron] that's exciting
[cameron] thanks @scottohara and @mgifford for chiming in!
[mtribone]@cameron Yeah I’ve had a similar issue with the image tag helper. I override it in my application, but changing the default behavior is even better! http://www.mtribone.com/code/image-tag-helper.html
[quidkid]@marcysutton thanks for responding!! although mine, sorry I should’ve been more specific, but currently if a screenreader user read through this, when they hit the div with the content, they will be able to read all of it before they hid the read more button. Visually, you can’t unless you click “Continue reading” which expands the div with the content. I’m wondering then whether I should hide the continue reading button from the screenreader
[johnbhartley] screen reader focus generally focuses on whatever it is reading, while visible focus is only the items on a page that are in the tab order (default tab order or items you've added to the tab order)
[garcialo]@melsumner visible focus is used by sighted keyboard only users; with few exceptions, visible keyboard focus is only put on interactive page elements. “screen reader focus” (regardless of whether a visible virtual cursor is displayed) represents the screen reader’s currently position on the page, and kind of by definition is used by people using a screen reader. Non-presentational content on the page should be able to receive “screen reader focus;” not just interactive elements.
[melsumner] I tried to explain it with an example (from RL, something I was asked to make at work): https://codepen.io/melsumner/pen/ZJeYoP - if anyone was available to give me a sanity check, I'd be grateful.
[ugi]@quidkid If you are using role=“tab” to override the semantics, I’d probably go with the button, because it can also be activated with the Space bar. If it’s a simpler implementation without the use of Aria, then a simple <a> is probably a better choice, because in essence it is just an in-page link, possibly linking to the start of the tab panel content.