PWA Studio Release 13.0.0

NOTE:
This changelog only contains release notes for PWA Studio and Venia 13.0.0.
For older release notes, see PWA Studio releases.

Highlights

The 13.0 release of PWA Studio provides customers with many accessibility improvements for keyboard and screen-reader access, as well as several bug fixes. Full details are described below.

Accessibility Updates

• Story: 3865 — Venia's main menu and modals now prevent the background page from scrolling.
• Story: 3952 — Added visible text labels to all Venia buttons.
• Story: 3944 — Added alt text to images and removed screen reader access to hidden content on the Order History page.
• Story: 3971 — Added visual indication to show when page content has been refreshed.
• Story: 3977 — Added expanded and collapsed states for the Accordion control.
• Story: 3932 — Matched the accessible name of buttons to their visible text labels.
• Story: 3973 — Enabled keyboard navigation on the Cart page.
• Story: 3980 — Enabled keyboard navigation on the Checkout page.
• Story: 3961 — Labeled required form fields as required.
• Story: 3978 — Enabled keyboard navigation on Sign In and Create Account pages.
• Story: 3988 — Added Accessible names to all icon buttons.
• Story: 3979 — Enabled keyboard navigation on Checkout page.
• Story: 3962 — Added visual indications of focus state on buttons.
• Story: 3931 — Added page title to the Search page for screen readers.
• Story: 4006 — Added additional documentation and video links to the README for magento/pwa-studio.

Bug fixes

• Bug: 31 — Fixed the issue where the setup:upgrade command got stuck at the Magento_PageBuilderPwa step when PageBuilder contained 20+ MB of assets.
• Bug: 3982 — Replaced id with uid in noProductsFound.js to give a unique value for each category and resolve the browser console warning.
• Bug: 4001 — Fixed the redirection URL for the Add to Cart button on a configurable product gallery item to match the URL used on the product tile.
• Bug: 3874 — Fixed all hooks and talons to use named exports to prevent errors when using them for wrapping.
• Bug: 4011 — Fixed tabIndex prop type on categoryBranch, categoryLeaf, and categoryTree.
• Bug: 4011 — Fixed accessibility issue on home page with carousel gallery item links by adding aria-label for link names.
• Bug: 4019 — Fixed an issue in which the addToCart event would crash the app when contexts were not set.
• Bug: 4025 — Fixed productPageView event to capture and add more data when setting the productPageView context.

13.0.0 Lighthouse scores

With each new release of PWA Studio, we perform Lighthouse audits of four Venia page types, each representing a different level of complexity. Shown below are the Lighthouse scores for the 13.0.0 release of these pages on desktop and mobile devices.

Desktop scores

	Home Page	Product Category	Product Details	Search Results
Desktop
Performance
Accessibility
Best Practices
SEO
PWA

Mobile scores

	Home Page	Product Category	Product Details	Search Results
Mobile
Performance
Accessibility
Best Practices
SEO
PWA

Known issue

When a user logs out, that user's local storage session persists. As a result, the cart ID from the logged out user is retrieved and given to the guest user on the computer. This causes the following error when the guest user tries to check out: An error has occurred. Please check the input and try again. To resolve this issue, try disabling graphql session sharing as described in the GraphQL documentation on session cookies here: https://devdocs.magento.com/guides/v2.4/graphql/authorization-tokens.html#session-cookies.

Upgrading from a previous version

Use the steps outlined in this section to update your scaffolded project from 12.7.0 to 13.0.0.
See Upgrading versions for more information about upgrading between PWA Studio versions.

Updated package dependencies

Open your package.json file and update the PWA Studio package dependencies to the versions associated with this release.
The following table lists the latest versions of each package as of 13.0.0. The bolded versions with an asterisk (*) are the packages that were updated from PWA Studio 12.7.0.

Note:
Your project may not depend on some packages listed in this table.