Page migration: /solutions/iso-13485/

Goal:

Rebuild the page from Buyer Experience/Contentful in Vue 3 as part of the migration to about.gitlab.com, ensuring all necessary features and standards are met.

We encourage team members to take their time while rebuilding these pages, ensuring they are scalable. It's important for the team to carefully review these issues and document any thoughts or suggestions. There are likely many cases where we’d prefer to handle certain pages or functionalities differently, but never had the opportunity before. Now is the time to make those improvements! 🚀

This issue will cover the above page, including their localized versions.

Tasks:

  1. Rebuild the Page Structure:

    • Migrate page content from Contentful to our new structure yaml in /content.
    • Rebuild the page in Vue 3 (componentize where needed).
    • Ensure the design matches what is currently on production.

  2. Localization:

    • Ensure the page supports all required languages.

  3. Accessibility:

    • Implement WCAG 2.1 AA accessibility standards.
    • Run automated accessibility checks (axe, etc.).

  4. SEO Metadata:

    • Add SEO metadata (title, description, canonical tags, etc.).
    • Optimize images (alt text, sizing, etc.).

  5. Analytics:

    • Add the necessary analytics tracking (e.g., Google Analytics).

  6. Cross-Browser Compatibility:

    • Test the page on modern browsers (Chrome, Firefox, Safari, Edge).
    • Ensure the page works on both desktop and mobile.
    • Check for responsive behavior across all screen sizes.

Testing:

  • Confirm page loads correctly in both review app and production environments.
  • Verify localization and SEO work across all pages.
  • Ensure no layout or functional regressions occur during migration.