Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Missing alt add for all docs #4387

Merged
merged 2 commits into from
Sep 25, 2023
Merged

Missing alt add for all docs #4387

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
73d9d57
missing alt for all docs pages
maraah1 Sep 20, 2023
1a54730
Merge branch 'staging' into missing-alt-add
Jaylyn-Barbee Sep 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions docs/studio/create-new.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ To start a new PWA using the PWABuilder Studio interface:
5. Your PWA repository will open in Visual Studio Code, with all the dependencies installed and ready to start coding.

<div class="docs-image">
<img src="/assets/studio/create-new/command-bar-startnew.png" width=800/>
<img src="/assets/studio/create-new/command-bar-startnew.png" alt="Start new command bar option in VS Code" width=800/>
</div>


Expand All @@ -39,7 +39,7 @@ You can also start a new PWA with a command. To do this:
6. Your PWA repository will open in Visual Studio Code, with all the dependencies installed and ready to start coding.

<div class="docs-image">
<img src="/assets/studio/create-new/new-pwa-cmd.png" width=600/>
<img src="/assets/studio/create-new/new-pwa-cmd.png" alt="Open PWA repository with all dependencies installed" width=600/>
</div>

## Next Steps
Expand Down
4 changes: 2 additions & 2 deletions docs/studio/package.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ To provide your progressive web app's URL:
If you select `No` and don't have a URL, you will see this popup:

<div class="docs-image">
<img src="/assets/studio/package/static-web-notification.png">
<img src="/assets/studio/package/static-web-notification.png" alt="URL needed alert">
</div>

You can follow this link to get more info about Azure Static Web Apps.
Expand All @@ -37,7 +37,7 @@ To validate your PWA:
The checklist should look like this:

<div class="docs-image">
<img src="/assets/studio/package/checklist.png" width=350>
<img src="/assets/studio/package/checklist.png" alt="Example checklist" width=350>
</div>

In the example above, you can see that our app has the necessary features of a PWA, but hasn't yet be published to the web. As a result, the store-ready check fails overall.
Expand Down
4 changes: 2 additions & 2 deletions docs/studio/quick-start.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,14 +37,14 @@ Selecting any of the commands from this menu will launch the associated PWABuild
If you're tired of VS Code shortcuts, PWABuilder Studio also has an interface for interaction with the extension. You can find the interface by selecting the PWABuilder Studio tab in your Code Window:

<div class="docs-image">
<img src="/assets/studio/quick-start/studio-tab.png" width=500>
<img src="/assets/studio/quick-start/studio-tab.png" alt="PWABuilder Studio tab in code window" width=500>
</div>


After selecting the PWABuilder Studio tab, the leftmost pane of your Code window will now show a pane containing the interface for using the extension. Additionally, you'll also be able to access many of the commands from the extension on the bottommost bar of VS Code:

<div class="docs-image">
<img src="/assets/studio/quick-start/studio-tab-selected.png" width=800>
<img src="/assets/studio/quick-start/studio-tab-selected.png" alt="The extension on the bottommost bar of VS Code" width=800>
</div>

You can learn how to use the different functions of the GUI in the various sections of the documentation.
Expand Down