Cutieguwu/cutieguwu-site
1
0
Fork 0
Code Issues 10 Pull Requests Projects 1 Releases Activity

Use more semantic elements. #52

New Issue
Closed
opened 2025-08-19 12:47:32 -04:00 by Cutieguwu · 1 comment
Cutieguwu commented 2025-08-19 12:47:32 -04:00
Owner
Copy Link

https://www.reddit.com/r/learnprogramming/comments/11rozm4/htmlcss_please_eli5_why_do_we_use_divclass/

Semantic elements improve human and machine readability of code. For me, I may be fine with a ton of divs and simple class names, but it can greatly affect the performance of a screen reader.

Some outlines for basic semantic elements can be found here:

https://www.w3schools.com/html/html5_semantic_elements.asp

Of course, fixing this is going to lead to a major refactor...

https://www.reddit.com/r/learnprogramming/comments/11rozm4/htmlcss_please_eli5_why_do_we_use_divclass/ Semantic elements improve human and machine readability of code. For me, I may be fine with a ton of divs and simple class names, but it can greatly affect the performance of a screen reader. Some outlines for basic semantic elements can be found here: https://www.w3schools.com/html/html5_semantic_elements.asp Of course, fixing this is going to lead to a major refactor...
Cutieguwu added this to the Cutieguwu Website V2 milestone 2025-08-19 12:47:32 -04:00
Cutieguwu added the EnhancementHelp Wanted labels 2025-08-19 12:47:32 -04:00
Cutieguwu self-assigned this 2025-08-19 12:47:33 -04:00
Cutieguwu added this to the Cutieguwu Website V2 project 2025-08-19 12:47:33 -04:00
Cutieguwu commented 2025-08-19 17:38:19 -04:00
Author
Owner
Copy Link

Also, consider how headings are used within pages. Screen readers may cause confusion to the user if headings are skipped.

See: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements

Also, consider how headings are used within pages. Screen readers may cause confusion to the user if headings are skipped. See: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements
Sign in to join this conversation.
v2.0.0-alpha
Branches Tags
Labels
Clear labels
Alignment and Layout
Alignment and Layout related issues.
 Bug
Something is not working
 Content Security Policy
I forgot to permit something in the CSP.
 Desktop
Duplicate
This issue or pull request already exists
 Enhancement
New feature
 Help Wanted
Need some help
 Invalid
Something is wrong
 Mobile
Navigation
Broken links, borked navigation menu behaviour, or page accessibility issues.
 Not Planned
Page
Related to an issue with a page of the website.
 Question
More information is needed
 Review
Review patches in Live Beta.
 Theme
Colouring and styling of the website.
 Tooling
Build script; Balloon issues not relating to upgrades to the script.
 You Are [Not] Here
I forgot to edit a page title somewhere and "You are here:" or <title> elem says that you're somewhere you aren't.
 wontfix
This won't be fixed
No Label Enhancement Help Wanted
Milestone
No items
No Milestone Cutieguwu Website V2
Projects
Clear projects
No project Cutieguwu Website V2
Assignees
Clear assignees
Cutieguwu
No Assignees Cutieguwu
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Cutieguwu/cutieguwu-site#52
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?