ita-social-projects / ZeroWaste

Waste calculator for Zero Waste Lviv organization
MIT License
10 stars 11 forks source link

Add external link icons to all links on the customer's website. #445

Open loqimean opened 1 year ago

loqimean commented 1 year ago

Currently, it is challenging to distinguish between internal and external links on the customer's website. To improve user experience and provide clear navigation cues, we need to implement a feature that adds an external link icon to all links leading to external webpages.

Acceptance Criteria:

  1. All links on the website that direct users to external webpages should include a clearly visible external link icon.
  2. The external link icon should be universally recognized and align with the website's design and branding guidelines.
  3. The external link icon should be placed next to the link text or within a visually prominent location to ensure users can easily identify it as an external link.
  4. The external link icon should not affect the accessibility of the links, ensuring that users with disabilities can still access and interact with the links effectively.
  5. The implementation should be responsive, ensuring that the external link icon is displayed correctly on different devices and screen sizes.
  6. The change should be thoroughly tested across various browsers and devices to ensure consistent display and functionality.
  7. The performance of the website should not be negatively impacted by the addition of the external link icon.
  8. The implementation should be documented for future reference and maintenance purposes.

Notes:

Image

The chosen external link icon should be well-recognized and intuitive for users to understand its meaning.

As an example of needed icon, you can check the link bellow: https://icon-icons.com/icon/external-link/143096

loqimean commented 1 year ago

8 point doesn't make sense, remove it