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.

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

improve: Update alt attributes for images on the front page #43088

Merged
merged 3 commits into from
Oct 9, 2023

Conversation

MeenuyD
Copy link
Contributor

@MeenuyD MeenuyD commented Sep 17, 2023

Lots of the images on the front page of the Kubernetes website (https://kubernetes.io/) have unhelpful alt attributes, such as the filename. This commit addresses this issue by updating the alt attributes with the empty string.
#42832

@k8s-ci-robot k8s-ci-robot added cncf-cla: yes Indicates the PR's author has signed the CNCF CLA. size/XS Denotes a PR that changes 0-9 lines, ignoring generated files. labels Sep 17, 2023
@k8s-ci-robot k8s-ci-robot added the sig/docs Categorizes an issue or PR as relevant to SIG Docs. label Sep 17, 2023
@netlify
Copy link

netlify bot commented Sep 17, 2023

Pull request preview available for checking

Built without sensitive environment variables

Name Link
🔨 Latest commit 6f98ec9
🔍 Latest deploy log https://app.netlify.com/sites/kubernetes-io-main-staging/deploys/651292f9b2d1df0008e101b8
😎 Deploy Preview https://deploy-preview-43088--kubernetes-io-main-staging.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@dipesh-rawat
Copy link
Member

/area web-development

@k8s-ci-robot k8s-ci-robot added the area/web-development Issues or PRs related to the kubernetes.io's infrastructure, design, or build processes label Sep 17, 2023
Copy link
Member

@dipesh-rawat dipesh-rawat left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for your contribution! Just noticed that most of the images now have empty alt attributes, which is great. However, there are still a few images remaining that seem to be generated from the 'case-studies' shortcode. To address this, you can navigate to the 'case-studies.html' file (specifically to line 16) and make a similar change. Once that's done, we should be all set.
Also, you can verify the changes through the Preview Link - https://deploy-preview-43088--kubernetes-io-main-staging.netlify.app/ .

@MeenuyD
Copy link
Contributor Author

MeenuyD commented Sep 18, 2023

Thank you, @dipesh-rawat for your guidance and assistance! Your help has been great.

@@ -13,7 +13,7 @@ <h3>{{ $caseStudiesSection.Title }}</h3>
{{ $logo = .Resources.GetMatch "**logo*.png" }}
{{ end }}
<div>
{{ with $logo }}<img src="{{ .RelPermalink }}" alt="{{ .Title }}">{{ end }}
{{ with $logo }}<img src="{{ .RelPermalink }}" alt="">{{ end }}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I believe this alt attributes are there to improve accessibility.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ok

@tengqm
Copy link
Contributor

tengqm commented Oct 9, 2023

/close
This change is irrelevant.

@k8s-ci-robot
Copy link
Contributor

@tengqm: Closed this PR.

In response to this:

/close
This change is irrelevant.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

@tengqm
Copy link
Contributor

tengqm commented Oct 9, 2023

/reopen
Okay, we do have an issue filed.

@k8s-ci-robot k8s-ci-robot reopened this Oct 9, 2023
@k8s-ci-robot
Copy link
Contributor

@tengqm: Reopened this PR.

In response to this:

/reopen
Okay, we do have an issue filed.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

@tengqm
Copy link
Contributor

tengqm commented Oct 9, 2023

/lgtm
/approve
/label tide/merge-method-squash

@k8s-ci-robot k8s-ci-robot added the tide/merge-method-squash Denotes a PR that should be squashed by tide when it merges. label Oct 9, 2023
@k8s-ci-robot k8s-ci-robot added the lgtm "Looks good to me", indicates that a PR is ready to be merged. label Oct 9, 2023
@k8s-ci-robot
Copy link
Contributor

LGTM label has been added.

Git tree hash: 0d44ce7a1b99e66ba0d578bd51c1beb485dfad9a

@k8s-ci-robot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: tengqm

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@k8s-ci-robot k8s-ci-robot added the approved Indicates a PR has been approved by an approver from all required OWNERS files. label Oct 9, 2023
@k8s-ci-robot k8s-ci-robot merged commit fe706ba into kubernetes:main Oct 9, 2023
6 checks passed
aojea pushed a commit to aojea/website that referenced this pull request Oct 18, 2023
…es#43088)

* improve: Update alt attributes for images on the front page

* case studies image alt attribute

* Update case-studies.html
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
approved Indicates a PR has been approved by an approver from all required OWNERS files. area/web-development Issues or PRs related to the kubernetes.io's infrastructure, design, or build processes cncf-cla: yes Indicates the PR's author has signed the CNCF CLA. lgtm "Looks good to me", indicates that a PR is ready to be merged. sig/docs Categorizes an issue or PR as relevant to SIG Docs. size/XS Denotes a PR that changes 0-9 lines, ignoring generated files. tide/merge-method-squash Denotes a PR that should be squashed by tide when it merges.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants