Skip to content
This repository has been archived by the owner on Dec 2, 2022. It is now read-only.

Skip links for footer blocks sometimes appear over main course page content #867

Open
mnods opened this issue May 23, 2018 · 0 comments
Open

Comments

@mnods
Copy link
Contributor

mnods commented May 23, 2018

not a huge deal and not essential code's fault.

skip link for a footer block currently has positioning of top -1000em

a.skip-block, a.skip {
position: absolute;
top: -1000em;
font-size: .85em;
text-decoration: none;
}

however we had the odd report that skip links were obscuring actual content here and there, and we also use heatmap with overlays coloured backgrounds over activities and resources, so the footer block skip links were visible to everyone and sometimes obscuring content towards the top of the page (say in a scroll of death site or when editing was on. )

all i've done is make those links left: -1000em as well (per https://webaim.org/techniques/css/invisiblecontent/)

@gjb2048 gjb2048 self-assigned this May 23, 2018
gjb2048 added a commit that referenced this issue May 23, 2018
@gjb2048 gjb2048 changed the title skip links for footer blocks sometimes appear over main course page content Skip links for footer blocks sometimes appear over main course page content May 23, 2018
gjb2048 added a commit that referenced this issue Nov 25, 2018
gjb2048 added a commit that referenced this issue Nov 25, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants