[Lightbox media viewer]: Web Components: Allow for isolated image view on mobile - Prod QA testing

[RobertaJHahn]

User Story

As a [user role below]:
developer using the ibm.com Library Lightbox media viewer

I need to:
have a version of the component that has been tested for accessibility compliance as well as on multiple browsers and platforms

so that I can:
be confident that my ibm.com web site users will have a good experience

Additional information

• Browser Stack link
• Browser Standard
• Browser versions to be tested: Tier 1 browsers will be tested with defects created as Sev 1 or Sev 2. Tier 2 browser defects will be created as Sev 3 defects.
• Platforms to be tested, by priority: 1) Desktop 2) Mobile
• Mobile iOS versions: 13.1, 13.3 and 14
• Mobile Android versions: 9.0 and 10
• Browsers to be tested: Desktop: Chrome, Firefox, Safari, Edge, Mobile: Chrome, Safari, Samsung Internet, UC Browser, QQ Browser
• Accessibility testing guidance
• Accessibility Checklist
• Creating a QA bug
• See the Epic for the Design and Functional specs information
• Web Components Dev issue ([Lightbox media viewer] Web Component: Allow for isolated image view on mobile #6536 )
• Once development is finished the updated code is available in the Web Components Canary Environment for testing.
• React canary environment
• ** Web Components Wrapper test env URL**

Acceptance criteria

• Accessibility testing is complete. Component is compliant.
• All browser versions are tested
• All operating systems are tested
• All devices are tested
• Defects are recorded

[RobertaJHahn]

Moving to icebox. See comments in the epic (#6329 )