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

Feature/UI fixes #751

Closed

Conversation

violetforest
Copy link
Collaborator

@violetforest violetforest commented May 24, 2021

Adding HTML tags to the objkt display page

Adding HTML5 tags for accessibility and SEO based on the following HTML5 guidelines:
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines

I'm open to suggestions on how to improve the hierarchy of h1,h2 tags or any other hierarchy, this is always super confusing o.o

Also wasn't sure what HTML tags to use for "TITLE" and "DESCRIPTION"

@violetforest violetforest changed the base branch from develop to main May 24, 2021 23:21
@violetforest violetforest changed the base branch from main to develop May 24, 2021 23:22
@violetforest violetforest changed the base branch from develop to main May 24, 2021 23:24
@violetforest violetforest marked this pull request as ready for review May 24, 2021 23:26
@violetforest violetforest marked this pull request as draft May 24, 2021 23:30
@violetforest violetforest marked this pull request as ready for review May 24, 2021 23:36
@violetforest violetforest changed the base branch from main to develop May 24, 2021 23:36
@violetforest violetforest marked this pull request as draft May 24, 2021 23:51
@violetforest violetforest marked this pull request as ready for review May 25, 2021 00:19
@violetforest violetforest marked this pull request as draft May 25, 2021 00:21
@violetforest violetforest marked this pull request as ready for review May 25, 2021 00:22
<div className={styles.hdaoButton}>
{renderHDAObutton(token_id, hDAO_balance)}
</footer>
<header className={styles.container}>
Copy link
Contributor

@andrevenancio andrevenancio May 25, 2021

Choose a reason for hiding this comment

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

Is this right? a <footer> before a <header> ? Do we need to be this strict with the markup?

Copy link
Collaborator Author

@violetforest violetforest May 26, 2021

Choose a reason for hiding this comment

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

Heres a quote from the MDN Guide:

"HTML Footer Element <footer> defines a page footer, which typically contains copyright or legal notices and sometimes some links. In the context of a section, a footer might contain the sectioned content's publication date, license information, etc. <article>, <section>, <aside>, and <nav> can have their own <footer>. Despite its name, the footer is not necessarily positioned at the end of a page or section."

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I can make it less strict if you guys want

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

I took out the stricter tags in my latest commit

Copy link
Contributor

Choose a reason for hiding this comment

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

I'm just not sure about the footer. As normally I would separate it from the article or section. in my head it makes sense to be a global thing like a header is, detatched from the current article being viewed. but its not the end of the world.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

i took a lot of html tags out / made everything simpler

@andrevenancio
Copy link
Contributor

Looks fine. just a small comment about semantics really.

@violetforest violetforest mentioned this pull request May 26, 2021
22 tasks
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.

2 participants