# 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** | ![](images/venia_page_home.png) | ![](images/venia_page_category.png) | ![](images/venia_page_details.png) | ![](images/venia_page_search.png) | | Performance | ![](images/score_88.svg) | ![](images/score_94.svg) | ![](images/score_63.svg) | ![](images/score_96.svg) | | Accessibility | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | Best Practices | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | SEO | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | PWA | ![](images/pwa_perfect.svg) | ![](images/pwa_perfect.svg) | ![](images/pwa_perfect.svg) | ![](images/pwa_perfect.svg) | ![](images/pwa_perfect.svg) ### Mobile scores | | Home Page | Product Category | Product Details | Search Results | | -------------: | :-------------------------------: | :---------------------------------: | :--------------------------------: | :-------------------------------: | | **Mobile** | ![](images/venia_page_home.png) | ![](images/venia_page_category.png) | ![](images/venia_page_details.png) | ![](images/venia_page_search.png) | | Performance | ![](images/score_23.svg) | ![](images/score_34.svg) | ![](images/score_27.svg) | ![](images/score_39.svg) | | Accessibility | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | | Best Practices | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | | SEO | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | ![](images/score_100.svg) | | PWA | ![](images/pwa_perfect.svg) | ![](images/pwa_imperfect.svg) | ![](images/pwa_imperfect.svg) | ![](images/pwa_perfect.svg) | ## 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. [scaffolded project]: https://developer.adobe.com/commerce/pwa-studio/tutorials/ [upgrading versions]: https://developer.adobe.com/commerce/pwa-studio/guides/upgrading-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. | Package | Latest version | | -------------------------------------- | -------------- | | `babel-preset-peregrine` | 1.2.2 | | `create-pwa` | **2.3.4*** | | `experience-platform-connector` | **1.0.3*** | | `upward-security-headers` | **1.0.12*** | | `venia-sample-backends` | 0.0.9 | | `venia-sample-eventing` | **0.0.4*** | | `venia-sample-language-packs` | **0.0.12*** | | `venia-sample-payments-checkmo` | **0.0.10*** | | `pagebuilder` | **8.0.0*** | | `peregrine` | **13.0.0*** | | `pwa-buildpack` | 11.4.1 | | `pwa-theme-venia` | 1.4.0 | | `upward-js` | 5.3.2 | | `upward-spec` | 5.3.1 | | `venia-concept` | **13.0.0*** | | `venia-ui` | **10.0.0*** | | `magento2-pwa` | 0.3.0 | | `magento2-pwa-commerce` | 0.0.2 | | `magento-venia-sample-data-modules` | 0.0.3 | | `magento-venia-sample-data-modules-ee` | 0.0.2 | | `magento2-upward-connector` | 2.0.1 | | `upward-php` | 2.0.1 | [PWA Studio releases]: https://github.com/magento/pwa-studio/releases [31]: https://github.com/magento-commerce/magento2-pwa/pull/31 [3865]: https://github.com/magento/pwa-studio/pull/3865 [3952]: https://github.com/magento/pwa-studio/pull/3952 [4006]: https://github.com/magento/pwa-studio/pull/4006 [3944]: https://github.com/magento/pwa-studio/pull/3944 [3971]: https://github.com/magento/pwa-studio/pull/3971 [3977]: https://github.com/magento/pwa-studio/pull/3977 [3932]: https://github.com/magento/pwa-studio/pull/3932 [3973]: https://github.com/magento/pwa-studio/pull/3973 [3980]: https://github.com/magento/pwa-studio/pull/3980 [3961]: https://github.com/magento/pwa-studio/pull/3961 [3978]: https://github.com/magento/pwa-studio/pull/3978 [3988]: https://github.com/magento/pwa-studio/pull/3988 [3979]: https://github.com/magento/pwa-studio/pull/3979 [3962]: https://github.com/magento/pwa-studio/pull/3962 [3931]: https://github.com/magento/pwa-studio/pull/3931 [3982]: https://github.com/magento/pwa-studio/pull/3982 [4001]: https://github.com/magento/pwa-studio/pull/4001 [3874]: https://github.com/magento/pwa-studio/pull/3874 [4011]: https://github.com/magento/pwa-studio/pull/4011 [4011]: https://github.com/magento/pwa-studio/pull/4011 [4019]: https://github.com/magento/pwa-studio/pull/4019 [4025]: https://github.com/magento/pwa-studio/pull/4025