Adapt Learning Community: "ally" A tags at the bottom of the framework

What are these tags? ally-selected, ally-focuser and ally-focusguard are below the wrapper in the HTML output, and on mobile (only on mobile, for some reason?) ally-focusguard in particular is adding a gap between the wrapper and the end of the body, so there is a white gap at the bottom of our Adapt courses. I don't want to set display:none on these elements without knowing if this could have some unintended consequences - so what are these tags used for? Any other way I could prevent this gap from showing up?

Thanks.

Hi Keith,

Some of your answer will be found here: https://github.com/adaptlearning/documentation/blob/master/04_wiki_assets/adapt_framework/Adapt-Accessibility-OS-Doc.pdf

You'll find links to this PDF on this framework wiki page: https://github.com/adaptlearning/adapt_framework/wiki/Accessibility

Hope this gets you started. I'll leave it to others to address your question more specifically.

- Chuck

Show parent | Reply

Thanks! Useful info, just not applicable to why it's taking up height by default with accessibility off.

Show parent | Reply

Anybody who can provide some direction around the gap at the bottom specifically? We have various screen designs with lovely graphics and coloured DIVs as the last element in the content object, and with the gap at the bottom it makes everything look a lot less polished. It's very noticeable on mobile, and also on desktop Chrome and Firefox it's a few pixels - while that may be nitpicky, from a structural perspective there's no reason it should be there.

I mean, I can negative padding-bottom the last element, but when I have a Trickle-enabled course I am hesitant to ever do something like that for fear of not recognizing a true scroll to the bottom (because this has happened before).

Thanks!

Show parent | Reply

I'm having the same issue with #a11y-focusguard adding a strip to the bottom of my theme on mobile. Does anyone have any info on the role this plays in accessibility?

I've made it position: fixed !important; for the moment (it was relative) which seems to remove the gap without removing the element and where it sits.

Show parent | Reply

https://github.com/adaptlearning/adapt_framework/search?q=a11y-focusguard&unscoped_q=a11y-focusguard

Show parent | Reply