-
-
Notifications
You must be signed in to change notification settings - Fork 82
[Feature] Add a scroll-to-top element to UX for longer page contexts #54
Copy link
Copy link
Open
0 / 10 of 1 issue completedLabels
✨ goal: improvementImprovement to an existing featureImprovement to an existing feature🏁 status: ready for workReady for workReady for work💻 aspect: codeConcerns the software code in the repositoryConcerns the software code in the repository🕹 aspect: interfaceConcerns end-users' experience with the softwareConcerns end-users' experience with the software🟨 priority: mediumNot blocking but should be fixed soonNot blocking but should be fixed soon
Metadata
Metadata
Assignees
Labels
✨ goal: improvementImprovement to an existing featureImprovement to an existing feature🏁 status: ready for workReady for workReady for work💻 aspect: codeConcerns the software code in the repositoryConcerns the software code in the repository🕹 aspect: interfaceConcerns end-users' experience with the softwareConcerns end-users' experience with the software🟨 priority: mediumNot blocking but should be fixed soonNot blocking but should be fixed soon
Type
Projects
Status
Backlog
Description
Many pages within Creative Commons websites have much longer pages, in these cases a
scroll-to-topelement would serve a valid purpose in certain contexts to aid in improved UX.The element would likely not be present on smaller screens which already have some measure of functionality related to this baked into their operating system level UX; but for larger viewport sizes this could be much more helpful to include.
Additional context
Solutions here should explore non-js interventions. CSS pseudo elements using z-index stack positions and variable percentage based heights would offer a means to "reveal" the button after a degree of scrolling, and to visually hide the element on pages which do not reach a particular length. Special care for keyboard accessibility should be taken under consideration to ensure that it can receive appropriate focus and order handling.
Implementation