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

feat: enhance accessibilty and seo for hero section #529

Open
wants to merge 2 commits into
base: beta
Choose a base branch
from

Conversation

sohaibchebah
Copy link

@sohaibchebah sohaibchebah commented Aug 15, 2024

Description

This PR adds more accessibility to the hero section and also seo bost becuase search engine crawlers understand more the semantic html

Related Tickets & Documents

Closes #530

Mobile & Desktop Screenshots/Recordings

N/A

Steps to QA

N/A

Tier (staff will fill in)

  • Tier 1
  • Tier 2
  • Tier 3
  • Tier 4

[optional] What gif best describes this PR or how it makes you feel?

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

PR Compliance Checks Passed!

Copy link

netlify bot commented Aug 15, 2024

Deploy Preview for hot-sauced-ui ready!

Name Link
🔨 Latest commit 657767e
🔍 Latest deploy log https://app.netlify.com/sites/hot-sauced-ui/deploys/66be076a683e79000827f0ab
😎 Deploy Preview https://deploy-preview-529--hot-sauced-ui.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.

@nickytonline
Copy link
Member

Hi @sohaibchebah! Please read the contributing guidelines above.

@sohaibchebah sohaibchebah changed the title enhance accessibilty and seo for hero section add:accessibilty and seo for hero section Aug 15, 2024
@sohaibchebah sohaibchebah changed the title add:accessibilty and seo for hero section refactor : enhance accessibilty and seo for hero section Aug 15, 2024
This PR adds more accessibility to the hero section and also seo bost becuase search engine crawlers
understand more the semantic html

feat open-sauced#530
@sohaibchebah sohaibchebah changed the title refactor : enhance accessibilty and seo for hero section feat : enhance accessibilty and seo for hero section Aug 15, 2024
Copy link
Member

@nickytonline nickytonline left a comment

Choose a reason for hiding this comment

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

Thanks for making things more accessible @sohaibchebah!

Comment on lines +2 to +3
<section
aria-labelledby="hero-heading"
Copy link
Member

Choose a reason for hiding this comment

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

refactor (blocking): assistive technologies know how to pick up the header within the section, so no need for aria.

Suggested change
<section
aria-labelledby="hero-heading"
<section

Copy link
Author

Choose a reason for hiding this comment

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

thanks a lot for the information 😊

className="font-Lexend text-4xl md:text-5xl text-center text-lightSlate leading-tight tracking-tight"
id="hero-heading"
Copy link
Member

Choose a reason for hiding this comment

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

refactor (blocking): not required base on comment above.

Suggested change
id="hero-heading"

@nickytonline nickytonline changed the title feat : enhance accessibilty and seo for hero section feat: enhance accessibilty and seo for hero section Aug 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Feature: add accessibility and seo to the hero section
2 participants