Skip to content

Resolves all instances of missing alt text in Docs #735

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

Merged
gcamacho079 merged 5 commits into from
Oct 17, 2025
Merged

Resolves all instances of missing alt text in Docs #735

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
c909e96
Add alt text for a alt text field layout image
gcamacho079 Oct 17, 2025
da268c9
Add alt text to 4.x alt text image
gcamacho079 Oct 17, 2025
4616019
Add alt text to twig stack trace img
gcamacho079 Oct 17, 2025
a5e2c70
Add alt text for create a new field screenshot
gcamacho079 Oct 17, 2025
c2cd8cd
Copy alt text from previous twig stack trace image
gcamacho079 Oct 17, 2025
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
2 changes: 1 addition & 1 deletion docs/4.x/assets.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ Asset field layouts can include the native **Alternative Text** <Poi label="1" t
:poi="{
altText: [90, 32.5],
}">
<img src="./images/assets-field-layout.png" />
<img src="./images/assets-field-layout.png" alt="The field layout designer for an asset element. The content pane includes a Title field. The sidebar includes a native field called Alternative Text." />
</BrowserShot>

Craft 4 introduced the `alt` attribute to standardize the inclusion of assistive text on `img` elements that Craft generates—especially in the control panel. Alt text is also added when outputting an image with `asset.getImg()` in Twig. You can always render `img` elements yourself, using any [custom field](./fields.md) values, attributes, or combination thereof.
Expand Down
2 changes: 1 addition & 1 deletion docs/4.x/dev/twig-primer.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -678,7 +678,7 @@ With [devMode](config4:devMode) on, Craft will output a stack trace for any erro
url="https://my-project.ddev.site/example"
:link="false"
caption="Example Twig error reporting view.">
<img src="../images/twig-errors.png" />
<img src="../images/twig-errors.png" alt="An error reporting page showing there was a Twig Runtime Error because the variable 'var' does not exist." />
</BrowserShot>

::: tip
Expand Down
2 changes: 1 addition & 1 deletion docs/4.x/fields.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ All fields share a few settings:
- **Field Type** – What [type](#field-types) of field it is;

<BrowserShot url="https://my-project.tld/admin/settings/fields/new" :link="false" :max-height="500">
<img src="./images/fields-field-settings.png">
<img src="./images/fields-field-settings.png" alt="The 'Create a new field' page. In addition to the settings listed above, the field also includes settings for UI Mode, Placeholder text, maximum characters/bytes, and more." >
</BrowserShot>

::: tip
Expand Down
2 changes: 1 addition & 1 deletion docs/5.x/development/twig.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -702,7 +702,7 @@ With [devMode](config5:devMode) on, Craft will output a stack trace for any erro
url="https://my-project.ddev.site/example"
:link="false"
caption="Example Twig error reporting view.">
<img src="../images/twig-errors.png" />
<img src="../images/twig-errors.png" alt="An error reporting page showing there was a Twig Runtime Error because the variable 'var' does not exist." />
</BrowserShot>

::: tip
Expand Down
2 changes: 1 addition & 1 deletion docs/5.x/reference/element-types/assets.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -90,7 +90,7 @@ Asset field layouts can include the native **Alternative Text** <Poi label="1" t
:poi="{
altText: [28, 36.5],
}">
<img src="../../images/assets-field-layout.png" />
<img src="../../images/assets-field-layout.png" alt="The field layout designer for an asset element. The content pane includes a Title field and an Alternative Text field."/>
</BrowserShot>

A native `alt` attribute is provided to standardize the inclusion of assistive text on `img` elements that Craft generates—especially in the control panel. Alt text is also added when outputting an image with `asset.getImg()` in Twig. You can always render `img` elements yourself, using any [custom field](../../system/fields.md) values, attributes, or combination thereof.
Expand Down