1
0
mirror of synced 2025-12-19 18:10:59 -05:00

[Accessibility] Update screenshots in images/help/marketplace (#35005)

Co-authored-by: Laura Coursen <lecoursen@github.com>
This commit is contained in:
Sam Browning
2023-03-01 15:02:44 -05:00
committed by GitHub
parent f90febe8b0
commit 921bf98de6
36 changed files with 33 additions and 41 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

View File

@@ -28,8 +28,7 @@ If you choose a paid plan, you'll pay for your app subscription on your organiza
{% data reusables.marketplace.confirm-install-account-org %} {% data reusables.marketplace.confirm-install-account-org %}
{% data reusables.marketplace.add-payment-method-org %} {% data reusables.marketplace.add-payment-method-org %}
{% data reusables.marketplace.complete-order-begin-installation %} {% data reusables.marketplace.complete-order-begin-installation %}
8. If the app requires access to repositories, decide whether to give the app access to all of your repositories or to certain repositories, then select **All repositories** or **Only select repositories**. 1. If the app requires access to repositories, select **All repositories** or **Only select repositories**.
![Radio buttons with options to install an app on all of your repositories or certain repositories](/assets/images/help/marketplace/marketplace-choose-repo-install-option.png)
{% data reusables.marketplace.select-installation-repos %} {% data reusables.marketplace.select-installation-repos %}
{% data reusables.marketplace.review-app-perms-install %} {% data reusables.marketplace.review-app-perms-install %}

View File

@@ -27,7 +27,6 @@ If you choose a paid plan, you'll pay for your app subscription on your personal
{% data reusables.marketplace.add-payment-method-personal %} {% data reusables.marketplace.add-payment-method-personal %}
{% data reusables.marketplace.complete-order-begin-installation %} {% data reusables.marketplace.complete-order-begin-installation %}
8. Decide whether to give the app access to all of your repositories, or to certain repositories, then select **All repositories** or **Only select repositories**. 8. Decide whether to give the app access to all of your repositories, or to certain repositories, then select **All repositories** or **Only select repositories**.
![Radio buttons with options to install an app on all of your repositories or certain repositories](/assets/images/help/marketplace/marketplace-choose-repo-install-option.png)
{% data reusables.marketplace.select-installation-repos %} {% data reusables.marketplace.select-installation-repos %}
{% data reusables.marketplace.review-app-perms-install %} {% data reusables.marketplace.review-app-perms-install %}

View File

@@ -32,32 +32,33 @@ Users in India can contact GitHub's Grievance Officer for India [here](https://s
## Reporting an issue or pull request ## Reporting an issue or pull request
1. Navigate to the issue or pull request you'd like to report. 1. Navigate to the issue or pull request you'd like to report.
2. In the upper-right corner of the issue or pull request, click {% octicon "kebab-horizontal" aria-label="The horizontal kebab octicon" %}, then click **Report content**. 1. In the upper-right corner of the issue or pull request, click {% octicon "kebab-horizontal" aria-label="The horizontal kebab octicon" %}, then click **Report content**.
![Button to report a comment](/assets/images/help/repository/menu-report-issue-or-pr.png) ![Button to report a comment](/assets/images/help/repository/menu-report-issue-or-pr.png)
{% data reusables.community.report-content %} {% data reusables.community.report-content %}
## Reporting a comment ## Reporting a comment
1. Navigate to the comment you'd like to report. 1. Navigate to the comment you'd like to report.
2. In the upper-right corner of the comment, click {% octicon "kebab-horizontal" aria-label="The horizontal kebab octicon" %}, then click **Report content**. 1. In the upper-right corner of the comment, click {% octicon "kebab-horizontal" aria-label="The horizontal kebab octicon" %}, then click **Report content**.
![Kebab menu with option to report a comment](/assets/images/help/repository/menu-report-comment.png) ![Kebab menu with option to report a comment](/assets/images/help/repository/menu-report-comment.png)
{% data reusables.community.report-content %} {% data reusables.community.report-content %}
## Reporting an app in {% data variables.product.prodname_marketplace %} ## Reporting an app in {% data variables.product.prodname_marketplace %}
{% data reusables.marketplace.visit-marketplace %} {% data reusables.marketplace.visit-marketplace %}
2. Browse to the app you'd like to report. 1. Browse to the app you'd like to report.
3. In the left sidebar, under the "Developer links" section, click {% octicon "report" aria-label="The report symbol" %} **Report abuse**. 1. In the left sidebar, under the "Developer links" section, click **Report abuse**.
![Button to report an app in {% data variables.product.prodname_marketplace %}](/assets/images/help/marketplace/marketplace-report-app.png)
4. Complete the contact form to tell {% data variables.contact.contact_support %} about the app's behavior, then click **Send request**. ![Screenshot of the sidebar of a {% data variables.product.prodname_marketplace %} app. A link, labeled "Report abuse", is outlined in dark orange.](/assets/images/help/marketplace/marketplace-report-app.png)
1. Complete the contact form to tell {% data variables.contact.contact_support %} about the app's behavior, then click **Send request**.
## Reporting contact link abuse in the template chooser ## Reporting contact link abuse in the template chooser
1. Navigate to the repository that contains the contact link you'd like to report. 1. Navigate to the repository that contains the contact link you'd like to report.
2. Under the repository name, click {% octicon "issue-opened" aria-label="The issues icon" %} **Issues**. 1. Under the repository name, click {% octicon "issue-opened" aria-label="The issues icon" %} **Issues**.
3. In the lower-right corner of the template chooser, click **Report abuse**. 1. In the lower-right corner of the template chooser, click **Report abuse**.
![Link to report an abuse](/assets/images/help/repository/template-chooser-report-abuse.png) ![Link to report an abuse](/assets/images/help/repository/template-chooser-report-abuse.png)
4. Complete the contact form to tell {% data variables.contact.contact_support %} about the contact link's behavior, then click **Send request**. 1. Complete the contact form to tell {% data variables.contact.contact_support %} about the contact link's behavior, then click **Send request**.
## Further reading ## Further reading

View File

@@ -1,5 +1,3 @@
1. If you chose a paid plan, review your payment method. 1. If you chose a paid plan, review your payment method.
- To change the existing payment method on file for the organization, click **Edit...**, then complete the form to add a new payment method. After you successfully add a new payment method, you will automatically return to the order page. - To change the existing payment method on file for the organization, click **Edit**, then complete the form to add a new payment method.
![Link to add a payment method to your organization](/assets/images/help/marketplace/marketplace-edit-payment-method-org.png)
- If there isn't a payment method on file for the organization, click **Add a Payment Method**, then complete the form to add a credit card or PayPal account. - If there isn't a payment method on file for the organization, click **Add a Payment Method**, then complete the form to add a credit card or PayPal account.
![Link to add a payment method to your organization](/assets/images/help/marketplace/marketplace-add-payment-method-org.png)

View File

@@ -1,5 +1,3 @@
1. If you chose a paid plan, review your payment method. 1. If you chose a paid plan, in the "Payment Method" section, review your payment method.
- To change the existing payment method on file for your personal account, click **Edit...**, then complete the form to add a new payment method. After you successfully add a new payment method, you will automatically return to the order page. - To change the existing payment method on file for your personal account, click **Edit**, then complete the form to add a new payment method.
![Link to add a payment method to your personal account](/assets/images/help/marketplace/marketplace-edit-payment-method-personal.png) - If there isn't a payment method on file for your personal account, complete the form to add a credit card or PayPal account.
- If there isn't a payment method on file for your personal account, click **Add a Payment Method**, then complete the form to add a credit card or PayPal account.
![Link to add a payment method to your personal account](/assets/images/help/marketplace/marketplace-add-payment-method-personal.png)

View File

@@ -1,2 +1 @@
1. Next to the app you want to cancel, use the **Edit** drop-down and click **Cancel plan**. 1. Next to the app you want to cancel, select the **Edit** {% octicon "triangle-down" aria-label="" %} dropdown menu, then click **Cancel plan**.
![Cancel link in the Marketplace Purchases section of your personal account's billing settings](/assets/images/help/marketplace/marketplace-edit-app-billing-settings.png)

View File

@@ -1,2 +1 @@
1. Under "Edit your plan," use the drop-down menu, and click on a new plan. 1. Under "Edit your plan," select the dropdown menu, then click a new plan.
![Drop-down menu listing all of the app's available plans](/assets/images/help/marketplace/marketplace-choose-new-plan.png)

View File

@@ -1,2 +1 @@
1. If you chose a unit plan, type a new quantity. 1. If you chose a unit plan, type a new quantity.
![Field to enter a new quantity for a unit plan](/assets/images/help/marketplace/marketplace-new-quantity.png)

View File

@@ -1,2 +1 @@
1. On the app's page, under "Pricing and setup," click on the pricing plan you'd like to use. 1. On the app's page, under "Pricing and setup," click the pricing plan you'd like to use.
![List of the app's available pricing plans](/assets/images/help/marketplace/marketplace-choose-plan.png)

View File

@@ -1,2 +1 @@
1. Click **Complete order and begin installation**. 1. Click **Complete order and begin installation**.
![Complete order and begin installation button](/assets/images/help/marketplace/marketplace-complete-order-begin-installation-button.png)

View File

@@ -1,2 +1,9 @@
1. Under "Billing information," use the Switch billing account drop-down menu, and choose the organization in which you'd like to install the app. 1. Choose an installation organization for the app. Depending on your organization's terms of service, this process will be slightly different.
![Drop-down menu to switch the billing account, and your chosen organization's name and avatar](/assets/images/help/marketplace/marketplace-confirm-org.png)
- If you have given {% data variables.product.prodname_dotcom %} permission to collect name and address information for your organization, in the "Billing information" section, select the **Switch billing account** {% octicon "triangle-down" aria-label="The downwards-facing triangle icon" %} dropdown menu, then click the organization in which you'd like to install the app.
![Screenshot of the {% data variables.product.prodname_marketplace %} app purchase screen. A collapsed blue dropdown menu labeled "Switch billing account" is outlined in dark orange.](/assets/images/help/marketplace/marketplace-confirm-org.png)
- Otherwise, under "Review your order," select the **Account** dropdown menu, then click the organization in which you'd like to install the app.
![Screenshot of the {% data variables.product.prodname_marketplace %} app purchase screen. A collapsed gray dropdown menu labeled "Account" is outlined in dark orange.](/assets/images/help/marketplace/marketplace-confirm-org-no-org-details.png)

View File

@@ -1,2 +1 @@
1. Under "Billing information," confirm that you're installing the app for your personal account. 1. Under "Review your order," in the **Account** dropdown menu, confirm that you're installing the app for your personal account.
![Your name, your avatar, the text "Personal account," and a drop-down menu to switch the billing account](/assets/images/help/marketplace/marketplace-confirm-personal-account.png)

View File

@@ -1,2 +1 @@
1. Next to the app you'd like to downgrade, use the **Edit** drop-down and click **Change plan** or **Cancel plan**. 1. Next to the app you'd like to downgrade, select the **Edit** {% octicon "triangle-down" aria-label="" %} dropdown menu, then click **Change plan** or **Cancel plan**.
![Edit link in the Marketplace Purchases section of your personal account's billing settings](/assets/images/help/marketplace/marketplace-edit-app-billing-settings.png)

View File

@@ -1,2 +1 @@
1. Click **Install it for free**, **Buy with {% data variables.product.prodname_dotcom %}**, or **Try free for 14 days**. 1. Click **Install it for free**, **Buy with {% data variables.product.prodname_dotcom %}**, or **Try free for 14 days**.
![Buy with {% data variables.product.prodname_dotcom %} button](/assets/images/help/marketplace/marketplace-buy-with-github-button.png)

View File

@@ -1,2 +1 @@
1. Review the information about your new plan and billing information, then click **Issue plan changes**. 1. Review the information about your new plan and billing information, then click **Issue plan changes**.
![Summary of your old plan, new plan, and billing information, and Issue plan changes button](/assets/images/help/marketplace/marketplace-issue-plan-changes.png)

View File

@@ -1,2 +1 @@
1. If you chose to give the app access to limited repositories instead of all of your repositories, type the name of each repository you'd like to give the app access to, then click on the repository name to select it. 1. If you chose to give the app access to limited repositories instead of all of your repositories, type the name of each repository you'd like to give the app access to, then click on the repository name to select it.
![Field to select repositories you'd like to give to app access to](/assets/images/help/marketplace/marketplace-select-repo-field.png)

View File

@@ -1,2 +1 @@
1. Next to the app you want to upgrade, use the **Edit** drop-down and click **Change plan**. 1. Next to the app you want to upgrade, select the **Edit** {% octicon "triangle-down" aria-label="" %} dropdown menu, then click **Change plan**.
![Edit drop-down in the Marketplace Purchases section of your personal account's billing settings](/assets/images/help/marketplace/marketplace-edit-app-billing-settings.png)

View File

@@ -1,2 +1,3 @@
1. At the top of any page, click **Marketplace**. 1. In the navigation bar, at the top of any page, click **Marketplace**.
![Marketplace link in the global navigation menu at the top of every page](/assets/images/help/marketplace/marketplace-link-global-navigation.png)
![Screenshot of the {% data variables.product.prodname_dotcom %} navigation bar. A link to {% data variables.product.prodname_marketplace %} is outlined in dark orange.](/assets/images/help/marketplace/marketplace-link-global-navigation.png)