search

AccessibleForAll / AccessibleWebDev

A resource for developers wanting to learn the basics of accessibility
https://accessibleweb.dev
MIT License
172 stars 95 forks source link

Need scroll margin or padding #365

Closed EmmaDawsonDev closed 1 year ago

EmmaDawsonDev commented 1 year ago

Describe the bug When a user uses the page navigation links to navigate to a section of the page the heading ends up hidden underneath the fixed header. If I remember correctly it is possible to add something like scroll-margin-top as a css property and set it to the height of the header (a css variable) in order to push the scroll position down and prevent the heading from being hidden.

To Reproduce Steps to reproduce the behavior:

  1. Go to navigation page
  2. Click on one of the links in the page navigation accordion
  3. Notice that section heading is not visible

Expected behavior Section heading is visible below the header

2div commented 1 year ago

Hello , i would like to try to work on this bug and try to fix it.

EmmaDawsonDev commented 1 year ago

Sure! Have a go and just let me know if you need any help

2div commented 1 year ago

Hi can you please my PR?