...
- Navigation lists should be marked with <nav> or role="navigation".
- Include a visible way of letting users know which page they're on. Same for screen readers. Same for paginated views.
- The skip link should be the first focusable element on a page.
- Page table of contents should reflect the heading structure of the page.
- Positive tabindex values should not be used.
Links
Required
- Links MUST Must be visually distinguishable from surrounding text.
Color alone must not be used to distinguish links from surrounding text unless the color contrast between the link and the surrounding text isn't enough unless color contrast is at least 3:1, and an hovering or focus provides additional differentiation is provided when the link is hovered or receives focus.. - Must Links MUST be semantically designated as such.links. Example: <a href="https://cornell.edu">Cornell University</a>
- Must A link MUST have programmatically-discernible text. Example: 1) if an image is used inside a link, put link text in the alt tag 2) if an icon is used, as determined by the accessible name calculation algorithm.
- Features such as labels, names, and text alternatives for content that have the same functionality across multiple web pages MUST be consistently identified.
- add an aria-label such as: <a href="https://cornell.edu" aria-label="Cornell University"><icon html... \></a>
- Link labels and text alternatives must be consistent across the website. Example: don't use "Contact Us" and "Give us a call" for the same URL
- Anything focusable (that you can tab to) must have visual indicator appear when it's focusedAll focusable elements MUST have a visual focus indicator when in focus.
Non-required / best practice
...