Improve accessibility

[AnnieZQH]

• Issues with keyboard navigation in the top nav bar
• Text in the homepage link should not be H5
• Other UI polish (e.g. padding / gutters)

[elichad]

Part of RO-Crate Profile Registry (eScienceLab/RO-Crate_Issues#214)

[alexhambley]

Happy to help out on this (e.g accessibility audit, etc.)

[AnnieZQH]

Hi @alexhambley, could you help expand on the points from the original feedback?

• I've fixed the double keyboard focus issue in the top nav bar, but let me know if there are more issues
• I will change the text in the homepage link to a span. Are there any other issues with the homepage link?
• Some examples for UI polish

[elichad]

@AnnieZQH one example from me for UI polish - if you change the zoom level it can cause some of the different bits of text to become close together/overlapping. For example I use 125% zoom and this is what it looks like for me - a bit more vertical spacing needed between each element

edit: this only seems to be the case in Firefox, doesn't happen in Chromium