1
0
mirror of synced 2025-12-22 03:16:52 -05:00

Accessibility: Replace Codespaces screenshots and rewrite alt text (#34864)

Co-authored-by: Laura Coursen <lecoursen@github.com>
This commit is contained in:
hubwriter
2023-02-23 16:05:00 +00:00
committed by GitHub
parent 3f7458fe45
commit bb1e800ac1
120 changed files with 194 additions and 208 deletions

View File

@@ -32,7 +32,7 @@ Port forwarding gives you access to TCP ports running within your codespace. For
![Screenshot of the 'Add port' button](/assets/images/help/codespaces/add-port-button.png)
1. Type the port number or address, then press enter.
1. Type the port number or address, then press Enter.
![Screenshot of entering a port number](/assets/images/help/codespaces/port-number-text-box.png)
@@ -43,7 +43,7 @@ By default, {% data variables.product.prodname_github_codespaces %} forwards por
{% data reusables.codespaces.navigate-to-ports-tab %}
1. Right-click the port you want to update, then hover over **Change Port Protocol**.
![Screenshot of the option to change port protocol](/assets/images/help/codespaces/update-port-protocol.png)
![Screenshot of the pop-up menu for a forwarded port, with the "Change Port Protocol" option selected and "HTTPS" selected in the submenu.](/assets/images/help/codespaces/update-port-protocol.png)
1. Select the protocol needed for this port. The protocol that you select will be remembered for this port for the lifetime of the codespace.
@@ -74,21 +74,23 @@ By default, {% data variables.product.prodname_github_codespaces %} forwards por
{% data reusables.codespaces.navigate-to-ports-tab %}
1. Under the list of ports, click **Add port**.
![Screenshot of the 'Add port' button](/assets/images/help/codespaces/add-port-button.png)
![Screenshot of the "Add port" button](/assets/images/help/codespaces/add-port-button.png)
1. Type the port number or address, then press enter.
1. Type the port number or address, then press Enter.
![Screenshot of entering a port number](/assets/images/help/codespaces/port-number-text-box.png)
![Screenshot of the number 3000 being entered into the port number field for a new forwarded port.](/assets/images/help/codespaces/port-number-text-box.png)
{% data reusables.codespaces.port-forwarding-sharing-non-jetbrains %}
{% data reusables.codespaces.navigate-to-ports-tab %}
1. Right-click the port that you want to share, click **Port Visibility**, then click **Private to Organization** or **Public**.
![Screenshot of the option to make a port public in the right-click menu](/assets/images/help/codespaces/make-public-option.png)
![Screenshot of the pop-up menu for a forwarded port, with the "Port Visibility" option selected and "Private" selected in the submenu.](/assets/images/help/codespaces/make-public-option.png)
1. To the right of the local address for the port, click the copy icon.
![Screenshot of the copy icon for the port URL](/assets/images/help/codespaces/copy-icon-port-url.png)
![Screenshot of the "Ports" panel. The copy icon, which copies a forwarded port's URL, is highlighted with an orange outline.](/assets/images/help/codespaces/copy-icon-port-url.png)
1. Send the copied URL to the person you want to share the port with.

View File

@@ -41,7 +41,7 @@ You can view all your codespaces on the "Your codespaces" page at [github.com/co
1. Click **Open in**.
1. Click **Open in APPLICATION**.
![Screenshot of the "Open in" dialog box, with "Open in Visual Studio Code" highlighted](/assets/images/help/codespaces/open-codespace-in-another-editor.png)
![Screenshot of the "Open in" dialog, with "Open in Visual Studio Code" highlighted.](/assets/images/help/codespaces/open-codespace-in-another-editor.png)
You can open the codespace in:
* Your browser

View File

@@ -57,7 +57,7 @@ You can install and update the JetBrains Gateway from the JetBrains Toolbox appl
1. Open the JetBrains Toolbox.
1. Find **Gateway** in the list of available tools and click **Install**.
![Screenshot of the JetBrains Toolbox](/assets/images/help/codespaces/jetbrains-toolbox.png)
![Screenshot of the JetBrains Toolbox with "Gateway" at the bottom of the list of applications. Each application has an "Install" button next to it.](/assets/images/help/codespaces/jetbrains-toolbox.png)
### {% data variables.product.prodname_cli %}
@@ -98,10 +98,7 @@ The first time you use JetBrains Gateway for {% data variables.product.prodname_
![Screenshot of the Gateway with the 'Connect to Codespace' button](/assets/images/help/codespaces/jetbrains-gateway-connect.png)
1. In the "Welcome to JetBrains Gateway" dialog box, click **Sign In with {% data variables.product.prodname_dotcom %}**.
![Screenshot of the sign in button](/assets/images/help/codespaces/jetbrains-gateway-sign-in.png)
1. In the "Welcome to JetBrains Gateway" dialog, click **Sign In with {% data variables.product.prodname_dotcom %}**.
1. Click the icon beside the one-time code to copy it, then click the login link.
![Screenshot of the one-time login code](/assets/images/help/codespaces/jetbrains-gateway-login-code.png)

View File

@@ -44,9 +44,9 @@ A typical workflow for updating a file using {% data variables.product.prodname_
## About automatic forking
You can create a codespace for any repository to which you have write access. If you only have read access to a repository, you can create a codespace for the repository as long as you can fork it.
You can create a codespace for any repository to which you have write access. If you only have read access to a repository, you can create a codespace for the repository as long as you can fork it.
You do not need to fork the repository before you create the codespace. For example, you can create a codespace from the repository to look at the project and make experimental changes, then delete the codespace if you no longer need it.
You do not need to fork the repository before you create the codespace. For example, you can create a codespace from the repository to look at the project and make experimental changes, then delete the codespace if you no longer need it.
If you make a commit from the codespace, {% data variables.product.prodname_github_codespaces %} either creates a fork of the repository under your account and links it to your codespace, or it links your codespace to an existing fork if you already have one for the repository. You can then push your changes to the fork and create a pull request to propose the changes to the upstream repository.
@@ -79,13 +79,13 @@ For more information, see "[AUTOTITLE](/pull-requests/collaborating-with-pull-re
{% webui %}
{% data reusables.codespaces.source-control %}
{% data reusables.codespaces.source-control %}
{% endwebui %}
{% vscode %}
{% data reusables.codespaces.source-control %}
{% data reusables.codespaces.source-control %}
{% endvscode %}
@@ -95,35 +95,35 @@ For more information, see "[AUTOTITLE](/pull-requests/collaborating-with-pull-re
1. Click the branch name at the right side of the status bar.
![Screenshot of the branch name in the status bar](/assets/images/help/codespaces/jetbrains-branch-button.png)
![Screenshot of the status bar, with the tooltip for the branch name displayed. The branch icon and name, "main," are highlighted with a dark orange outline.](/assets/images/help/codespaces/jetbrains-branch-button.png)
1. In the pop-up menu, do one of the following:
* To create a new branch based on the current branch, click the name of the current branch, then choose **New Branch**.
- **To create a new branch based on the current branch**, click **New Branch**.
![Screenshot of the new branch option](/assets/images/help/codespaces/jetbrains-new-branch-option.png)
![Screenshot of the branches pop-up menu with the "New Branch" option selected.](/assets/images/help/codespaces/jetbrains-new-branch-option.png)
Enter a name for the new branch and click **Create**.
![Screenshot of the create branch dialog box](/assets/images/help/codespaces/jetbrains-create-branch-dialog.png)
![Screenshot of the "Create New Branch" dialog, with "Create" and "Cancel" buttons. "my-branch" has been entered as a branch name.](/assets/images/help/codespaces/jetbrains-create-branch-dialog.png)
* To check out an existing branch, start typing the name of the branch you want to check out. Click the branch from the list, then click **Checkout**.
- **To check out an existing branch**, start typing the name of the branch you want to check out. Click the branch from the list, then click **Checkout**.
![Screenshot of the checkout option](/assets/images/help/codespaces/jetbrains-checkout-submenu.png)
![Screenshot of the branches pop-up menu with the "origin/templates" branch selected and "Checkout" selected in the submenu.](/assets/images/help/codespaces/jetbrains-checkout-submenu.png)
{% tip %}
**Tip**: If someone has recently changed a file on the remote repository, in the branch you switched to, you may not see those changes until you pull the changes into your codespace.
**Tip**: If someone has recently changed a file on the remote repository, in the branch you switched to, you may not see those changes until you pull the changes into your codespace.
{% endtip %}
## Committing your changes
## Committing your changes
1. At the right side of the navigation bar, click the check mark.
![Screenshot of the commit check mark](/assets/images/help/codespaces/jetbrains-commit-button.png)
![Screenshot of the navigation bar at the top of the JetBrains client. The check mark icon for committing your changes is highlighted.](/assets/images/help/codespaces/jetbrains-commit-button.png)
1. In the Commit Changes dialog box, enter a commit message.
1. In the Commit Changes dialog, enter a commit message.
1. Click **Commit**.
Alternatively, click the down arrow beside **Commit** and click **Commit and Push**.
@@ -136,11 +136,11 @@ You can pull changes from the same branch on the remote repository and apply tho
1. At the right side of the navigation bar, click the downward pointing arrow.
![Screenshot of the update project downward arrow button](/assets/images/help/codespaces/jetbrains-update-project-button.png)
![Screenshot of the navigation bar at the top of the JetBrains client. The downward arrow icon is highlighted with a dark orange outline.](/assets/images/help/codespaces/jetbrains-update-project-button.png)
1. In the Update Project dialog box, choose whether you want to merge or rebase the incoming changes.
1. In the Update Project dialog, choose whether you want to merge or rebase the incoming changes.
![Screenshot of the Update Project dialog box](/assets/images/help/codespaces/jetbrains-update-options.png)
![Screenshot of the "Update Project" dialog with options to merge or rebase, and a "Don't show again" check box.](/assets/images/help/codespaces/jetbrains-update-options.png)
1. Click **OK**.
@@ -150,8 +150,8 @@ You can push changes you've saved and committed. This applies those changes to t
1. At the right side of the navigation bar, click the upward pointing arrow.
![Screenshot of the push commits upward arrow](/assets/images/help/codespaces/jetbrains-push-button.png)
![Screenshot of the navigation bar at the top of the JetBrains client. The upward arrow icon is highlighted with a dark orange outline.](/assets/images/help/codespaces/jetbrains-push-button.png)
1. In the Push Commits dialog box, click **Push**.
1. In the Push Commits dialog, click **Push**.
{% endjetbrains %}