Skip to content

Commit

Permalink
[Accessibility] Update first batch of screenshots in `images/help/spo…
Browse files Browse the repository at this point in the history
…nsors` (github#35492)
  • Loading branch information
sabrowning1 authored Mar 14, 2023
1 parent b0c2761 commit 53aeea2
Show file tree
Hide file tree
Showing 96 changed files with 54 additions and 106 deletions.
Binary file modified assets/images/help/sponsors/access-github-sponsors-dashboard.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/images/help/sponsors/add-a-tier-button.png
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed assets/images/help/sponsors/confirm-retire-goal.png
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed assets/images/help/sponsors/custom-amounts.png
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed assets/images/help/sponsors/draft-tier-edit.png
Binary file not shown.
Binary file removed assets/images/help/sponsors/edit-goal-button.png
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed assets/images/help/sponsors/edit-tier-button.png
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file removed assets/images/help/sponsors/featured-work-select.png
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Diff not rendered.
Binary file removed assets/images/help/sponsors/funding-yml-file.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/get-sponsored.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/goal-settings.png
Diff not rendered.
Diff not rendered.
Binary file removed assets/images/help/sponsors/introduction-box.png
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Binary file removed assets/images/help/sponsors/overview-tab.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/payouts-tab.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/profile-tab.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/publish-goal-button.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/publish-tier-button.png
Diff not rendered.
Diff not rendered.
Binary file removed assets/images/help/sponsors/retire-goal-button.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/retire-tier-button.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/save-tier-draft.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/select-a-tier-box.png
Diff not rendered.
Diff not rendered.
Binary file removed assets/images/help/sponsors/select-goal-type.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/set-default-amount.png
Diff not rendered.
Binary file removed assets/images/help/sponsors/updates-tab.png
Diff not rendered.
Original file line number Diff line number Diff line change
Expand Up @@ -33,5 +33,5 @@ When you downgrade or cancel a sponsorship, the change will become effective on
{% data reusables.user-settings.access_settings %}
{% data reusables.user-settings.billing_plans %}
{% data reusables.sponsors.billing-switcher %}
3. Under "{% data variables.product.prodname_sponsors %}", next to the sponsored account, click your current tier amount, then click **Cancel sponsorship**.
4. Review the alert about canceling your sponsorship, then click **OK**.
1. Under "{% data variables.product.prodname_sponsors %}", next to the sponsored account, click your current tier amount, then click **Cancel sponsorship**.
1. Review the alert about canceling your sponsorship, then click **OK**.
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ You can also disable updates from accounts your organization sponsors. For more
{% data reusables.profile.access_org %}
{% data reusables.profile.org_settings %}
1. Under "Sponsors update email (Private)", type the email address you want to receive updates from accounts your organization sponsors.
![Textbox to enter the email address to receive updates from sponsored accounts](/assets/images/help/sponsors/organization-update-email-textbox.png)
1. Click **Update profile**.
![Update profile button](/assets/images/help/organizations/update-profile-button.png)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ shortTitle: Display a sponsor button
---
## About FUNDING files

You can configure your sponsor button by editing a _FUNDING.yml_ file in your repository's `.github` folder, on the default branch. You can configure the button to include sponsored developers in {% data variables.product.prodname_sponsors %}, external funding platforms, or a custom funding URL. For more information about {% data variables.product.prodname_sponsors %}, see "[AUTOTITLE](/sponsors/getting-started-with-github-sponsors/about-github-sponsors)."
You can configure your sponsor button by editing a `FUNDING.yml` file in your repository's `.github` folder, on the default branch. You can configure the button to include sponsored developers in {% data variables.product.prodname_sponsors %}, external funding platforms, or a custom funding URL. For more information about {% data variables.product.prodname_sponsors %}, see "[AUTOTITLE](/sponsors/getting-started-with-github-sponsors/about-github-sponsors)."

You can add one username, package name, or project name per external funding platform and up to four custom URLs. You can add one organization and up to four sponsored developers in {% data variables.product.prodname_sponsors %}. Add each platform on a new line, using the following syntax:

Expand Down Expand Up @@ -43,7 +43,7 @@ Java | `maven`
PHP | `packagist`
C# | `nuget`

Here's an example _FUNDING.yml_ file:
Here's an example `FUNDING.yml` file:
```
github: [octocat, surftocat]
patreon: octocat
Expand Down Expand Up @@ -71,12 +71,15 @@ Anyone with admin permissions can enable a sponsor button in a repository.

{% data reusables.repositories.navigate-to-repo %}
{% data reusables.repositories.sidebar-settings %}
3. Under Features, select **Sponsorships**.
1. Under Features, select **Sponsorships**.

![Checkbox to enable Sponsorships](/assets/images/help/sponsors/sponsorships-checkbox.png)
4. Under "Sponsorships", click **Set up sponsor button** or **Override funding links**.

1. Under "Sponsorships", click **Set up sponsor button** or **Override funding links**.

![Button to set up sponsor button](/assets/images/help/sponsors/sponsor-set-up-button.png)
5. In the file editor, follow the instructions in the _FUNDING.yml_ file to add links to your funding locations.
![Edit the FUNDING file to add links to funding locations](/assets/images/help/sponsors/funding-yml-file.png)

1. In the file editor, follow the instructions in the `FUNDING.yml` file to add links to your funding locations.
{% data reusables.files.write_commit_message %}
{% data reusables.files.choose_commit_branch %}
{% data reusables.files.propose_new_file %}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,6 @@ As you consider where to find open source contributors to sponsor, consider star

If you're logged in, the sponsors results will start with public dependencies that your repositories depend on.

![The Babel open source project with highlighted text that says "4 of your repositories depend on this"](/assets/images/help/sponsors/example-of-open-source-project-dependency.png)

You can also toggle which of your accounts to view results for and further filter or search.

![Search options on sponsors community search page](/assets/images/help/sponsors/sponsors-search-options.png)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ For sponsored developer accounts, the update will come from your personal accoun
## Contacting your sponsors

{% data reusables.sponsors.navigate-to-sponsors-dashboard %}
{% data reusables.sponsors.sponsors-updates-tab %}
1. In the "Manage" section of the sidebar, click **Newsletters**.
{% data reusables.sponsors.draft-new-update %}
{% data reusables.sponsors.send-update-to-sponsors %}
{% data reusables.sponsors.write-sponsor-update %}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,5 @@ Alternatively, you can unpublish your sponsors profile and then republish the ac

{% data reusables.sponsors.navigate-to-sponsors-dashboard %}
{% data reusables.sponsors.settings-tab %}
1. Under "Disable GitHub Sponsors account", click **Disable account**.
!["Disable your account" button](/assets/images/help/sponsors/disable-your-account-button.png)
2. To confirm, click **Disable GitHub Sponsors account**.
!["Disable GitHub Sponsors account" button](/assets/images/help/sponsors/disable-github-sponsors-account-dialog.png)
1. In the "Disable {% data variables.product.prodname_sponsors %} account" section, click **Disable account**.
1. To confirm, click **Disable {% data variables.product.prodname_sponsors %} account**.
Original file line number Diff line number Diff line change
Expand Up @@ -28,17 +28,12 @@ shortTitle: Manage payment tiers
1. If you are setting up tiers for the first time, we recommend you review the suggested tier examples to see how some other open source contributors have set up {% data variables.product.prodname_sponsors %}. Decide whether you want to start with some suggested draft tiers, which you can customize in the tier editor.
- To use a suggested tier, select the rewards you'd like to include in your draft tier or tiers. Then, click **Continue to tier editor**.
- To create tiers without using with any of the draft suggestions, click **Skip this step**.

![Screenshot of "Skip this step" option and "Continue to tier editor" button](/assets/images/help/sponsors/tier-editor-button.png)

1. Optionally, in the text boxes under "Custom amounts", type a recommended or minimum sponsorship amount. The minimum amount applies to both recurring and one-time sponsorships.

![Screenshot of custom amounts fields](/assets/images/help/sponsors/custom-amounts.png)
![Screenshot of "Skip this step" option and "Continue to tier editor" button](/assets/images/help/sponsors/tier-editor-button.png)

1. Optionally, in the text boxes in the "Custom amounts" section, type a recommended or minimum sponsorship amount. The minimum amount applies to both recurring and one-time sponsorships.
1. Optionally, to edit a draft tier, find the draft tier and click **Edit**.

![Screenshot of edit button next to draft tier](/assets/images/help/sponsors/draft-tier-edit.png)

{% data reusables.sponsors.click-add-tier %}
{% data reusables.sponsors.tier-price-description %}
{% data reusables.sponsors.add-welcome-message %}
Expand Down Expand Up @@ -67,11 +62,11 @@ shortTitle: Manage payment tiers

To add a repository to a tier, the repository must be private and owned by an organization, and you must have admin access to the repository.

When you add a repository to a tier, {% data variables.product.company_short %} will automatically send repository invitations to new sponsors and remove access when a sponsorship is canceled.
When you add a repository to a tier, {% data variables.product.company_short %} will automatically send repository invitations to new sponsors and remove access when a sponsorship is canceled.

Only personal accounts, not organizations, can be invited to private repositories associated with a sponsorship tier.

You can also manually add or remove collaborators to the repository, and {% data variables.product.company_short %} will not override these in the sync.
You can also manually add or remove collaborators to the repository, and {% data variables.product.company_short %} will not override these in the sync.

### About transfers for repositories that are added to sponsorship tiers

Expand All @@ -87,11 +82,8 @@ If you transfer a repository that has been added to a sponsorship tier, sponsors
{% data reusables.sponsors.navigate-to-sponsor-tiers-tab %}
{% data reusables.sponsors.edit-tier %}
1. Select **Grant sponsors access to a private repository**.
1. Select the dropdown menu that appears and click the repository you want to add.

![Screenshot of checkbox to grant sponsors access to a private repository](/assets/images/help/sponsors/grant-sponsors-access-to-repo-checkbox.png)

1. Select the dropdown menu and click the repository you want to add.

![Screenshot of dropdown menu to choose the repository to grant sponsors access to](/assets/images/help/sponsors/grant-sponsors-access-to-repo-dropdown.png)
![Screenshot of a sponsor tier editing screen. An expanded dropdown menu of repositories you can grant sponsors access to is outlined in dark orange.](/assets/images/help/sponsors/grant-sponsors-access-to-repo-dropdown.png)

{% data reusables.sponsors.tier-update %}
Original file line number Diff line number Diff line change
Expand Up @@ -27,11 +27,9 @@ To join {% data variables.product.prodname_sponsors %} as an individual contribu

{% data reusables.sponsors.navigate-to-github-sponsors %}
{% data reusables.sponsors.view-eligible-accounts %}
3. To the right of your organization, click **Join the waitlist**.
1. To the right of your organization, click **Join the waitlist**.
{% data reusables.sponsors.contact-info %}
{% data reusables.sponsors.payout-choice %}
![Screenshot of option to choose between a bank account and a fiscal host](/assets/images/help/sponsors/org-waitlist-payout-options.png)

{% data reusables.sponsors.accept-legal-terms %}

## Completing your sponsored organization profile
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,8 @@ shortTitle: Set up for personal account
To join {% data variables.product.prodname_sponsors %} as an organization, see "[AUTOTITLE](/sponsors/receiving-sponsorships-through-github-sponsors/setting-up-github-sponsors-for-your-organization)."

{% data reusables.sponsors.navigate-to-github-sponsors %}
2. If you are an organization owner, you have more than one eligible account. Click **Get sponsored**, then in the list of accounts, find your personal account.
![Screenshot of the Get sponsored button](/assets/images/help/sponsors/get-sponsored.png)
3. Click **Join the waitlist**.
1. If you are an organization owner, you have more than one eligible account. Click **Get sponsored**, then in the list of accounts, find your personal account.
1. Click **Join the waitlist**.
{% data reusables.sponsors.contact-info %}
{% data reusables.sponsors.payout-choice %}
![Screenshot of option to choose between a bank account and a fiscal host](/assets/images/help/sponsors/user-waitlist-payout-options.png)
Expand Down Expand Up @@ -90,6 +89,5 @@ Before you can become a sponsored developer, you must enable 2FA for your accoun

{% data reusables.sponsors.navigate-to-sponsors-dashboard %}
4. Click **Request approval**.
![Request approval button](/assets/images/help/sponsors/request-approval-button.png)

{% data reusables.sponsors.github-review-app %}
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,9 @@ Once you navigate to the "Join the waitlist" profile setup page for the account

![Screenshot of option to choose between a bank account and a fiscal host](/assets/images/help/sponsors/user-waitlist-payout-options.png)
2. Use the **Select a fiscal host** dropdown to choose the fiscal host you want to use.

![Screenshot of the fiscal host options for a sponsor profile. A collapsed dropdown menu, labeled "Select a fiscal host", is outlined in dark orange.](/assets/images/help/sponsors/choose-fiscal-host-dropdown.png)

3. In the text box under "Fiscal host project profile URL", type the URL to your profile page on the fiscal host's site. This helps us verify that you are indeed registered with the fiscal host.
![Screenshot of text box for project profile URL of your fiscal host](/assets/images/help/sponsors/fiscal-host-project-profile-field.png)

![Screenshot of fiscal host options for a sponsor profile. A text field, labeled "Fiscal host project profile URL", is outlined in dark orange.](/assets/images/help/sponsors/fiscal-host-profile-url-field.png)
Original file line number Diff line number Diff line change
Expand Up @@ -16,11 +16,10 @@ shortTitle: Attribute sponsorships
---

1. Navigate to the organization whose sponsorships you want to attribute to another organization.
2. Under your organization name, click {% octicon "heart" aria-label="The heart icon" %} **Sponsoring**.
1. Under your organization name, click {% octicon "heart" aria-label="The heart icon" %} **Sponsoring**.
!["Sponsoring" tab](/assets/images/help/sponsors/sponsoring-tab.png)
1. In the upper-right corner, click {% octicon "gear" aria-label="The gear icon" %} **Settings**.
!["Settings" button](/assets/images/help/sponsors/sponsoring-settings-button.png)
1. Under "Link sponsorships to another account", use the drop-down menu, then click the organization you want this organization's sponsorships to be attributed to.
![Drop-down menu to select account](/assets/images/help/sponsors/select-an-account-drop-down.png)
1. In the "Link sponsorships to another account" section, select the dropdown menu, then click the organization you want your organization's sponsorships to be attributed to.
1. Click **Link account**.
!["Link account" button](/assets/images/help/sponsors/link-account-button.png)
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,4 @@ Companies can use an invoice method to participate in the {% data variables.prod

Companies paying by invoice will be invoiced separately for their {% data variables.product.prodname_sponsors %} payments and their other payments to GitHub. Payments to {% data variables.product.prodname_sponsors %} are invoiced through Stripe.

![Example GitHub Sponsors invoice sent via Stripe](/assets/images/help/sponsors/example-sponsors-invoice.png)

You can join this beta program by talking to your sales representative, or by [contacting us](https://support.github.com/contact/org-sponsors-waitlist).

Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,6 @@ Before you can sponsor an account, you must have a verified email address. For m
{% data reusables.sponsors.select-a-tier %}
{% data reusables.sponsors.pay-prorated-amount %}
{% data reusables.sponsors.select-sponsorship-billing %}
![Edit payment button](/assets/images/help/sponsors/edit-sponsorship-payment-button.png)
{% data reusables.sponsors.who-can-see-your-sponsorship %}
![Radio buttons to choose who can see your sponsorship](/assets/images/help/sponsors/who-can-see-sponsorship.png)
{% data reusables.sponsors.choose-updates %}
Expand Down
3 changes: 1 addition & 2 deletions data/reusables/sponsors/add-introduction.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. Under "Introduction", type a description of the work you'll do with your sponsorships.
![Profile details text field](/assets/images/help/sponsors/introduction-box.png)
1. In the "Introduction" section, type a description of the work you'll do with your sponsorships.
1 change: 0 additions & 1 deletion data/reusables/sponsors/add-webhook.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. Click **Add webhook**.
![Add webhook button in the Webhooks sidebar](/assets/images/help/sponsors/add-webhook-sponsors-button.png)
3 changes: 1 addition & 2 deletions data/reusables/sponsors/add-welcome-message.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. Optionally, type a welcome message for the tier.
![Add welcome message](/assets/images/help/sponsors/add-a-welcome-message.png)
1. Optionally, to add a welcome message for the tier, select **Display welcome message**, then type your message in the text field that appears.
3 changes: 1 addition & 2 deletions data/reusables/sponsors/billing-switcher.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. Optionally, to manage your sponsorship on behalf of an organization, in the upper-left corner, use the **Personal settings** drop-down menu, and click the organization.
![Drop-down menu to switch accounts for settings](/assets/images/help/sponsors/billing-account-switcher.png)
1. Optionally, to manage your sponsorship on behalf of an organization, in the upper-left corner, select the **Switch to another account** dropdown menu, then click the organization.
1 change: 0 additions & 1 deletion data/reusables/sponsors/click-add-tier.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. To create a monthly tier, click **Add a monthly tier** at the right of the page. Alternatively, to create a tier for one-time payments, click **One-time tiers** and then click **Add a one-time tier**.
![Add a tier button](/assets/images/help/sponsors/add-a-tier-button.png)
1 change: 0 additions & 1 deletion data/reusables/sponsors/confirm-add-webhook.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. Click **Create webhook**.
![Create webhook button in the Webhooks sidebar](/assets/images/help/sponsors/create-webhook-sponsors-button.png)
3 changes: 1 addition & 2 deletions data/reusables/sponsors/create-stripe-account.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,2 @@
1. Click **Stripe Connect account**.
![Link to create Stripe Connect account](/assets/images/help/sponsors/create-stripe-connect-account.png)
2. Follow the prompts to create your account.
1. Follow the prompts to create your account.
6 changes: 2 additions & 4 deletions data/reusables/sponsors/edit-featured-work.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@
1. Optionally, choose the repositories that are showcased on your {% data variables.product.prodname_sponsors %} profile.
- To the right of "Featured work", click **Edit**.
![Edit button for featured work](/assets/images/help/sponsors/featured-work-edit-button.png)
- Select up to 6 repositories, then click **Save**.
![Checkboxes to select repositories](/assets/images/help/sponsors/featured-work-select.png)
- In the "Featured work" section, to the right of the section title, click **Edit**.
- In the modal that appears, select up to six repositories, then click **Save**.
1 change: 0 additions & 1 deletion data/reusables/sponsors/edit-goal.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. To the right of your goal, click **Edit**.
![Edit button](/assets/images/help/sponsors/edit-goal-button.png)
1 change: 0 additions & 1 deletion data/reusables/sponsors/edit-tier.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. To the right of the tier you want to edit, click **Edit**.
![Edit tier button](/assets/images/help/sponsors/edit-tier-button.png)
4 changes: 0 additions & 4 deletions data/reusables/sponsors/enable-custom-amounts.md

This file was deleted.

1 change: 0 additions & 1 deletion data/reusables/sponsors/manage-sponsorship.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. To the right of your current tier, click **Manage**.
![Manage your sponsorship button](/assets/images/help/sponsors/manage-your-sponsorship-button.png)
4 changes: 1 addition & 3 deletions data/reusables/sponsors/meet-the-team.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,5 @@
1. Optionally, choose the organization members that are highlighted on your {% data variables.product.prodname_sponsors %} profile.
- To the right of "Meet the team", click **Edit**.
![Edit organization members to profile button](/assets/images/help/sponsors/edit-org-members-profile-button.png)
- In the "Meet the team" section, to the right of the section title, click **Edit**.
- Select up to six organization members, then click **Save**.
![Select highlighted organization members](/assets/images/help/sponsors/select-highlighted-org-members.png)
- Optionally, under each highlighted member's name, type a description of the member.
![Description for highlighted organization members](/assets/images/help/sponsors/description-highlighted-org-members.png)
1 change: 0 additions & 1 deletion data/reusables/sponsors/navigate-to-payouts-tab.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. On the left sidebar, click **Payouts**.
![Sponsor tiers tab](/assets/images/help/sponsors/payouts-tab.png)
3 changes: 1 addition & 2 deletions data/reusables/sponsors/navigate-to-profile-tab.md
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
1. On the left sidebar, click **Profile details**.
![Profile details tab](/assets/images/help/sponsors/profile-tab.png)
1. In the "Profile" section in the left sidebar, click **Profile details**.
Loading

0 comments on commit 53aeea2

Please sign in to comment.