Skip to content

Add aria labels and use semantic elements#58

Merged
creesch merged 3 commits intomainfrom
48-add-labels-and-aria-attributes-where-applicable
Dec 31, 2024
Merged

Add aria labels and use semantic elements#58
creesch merged 3 commits intomainfrom
48-add-labels-and-aria-attributes-where-applicable

Conversation

@creesch
Copy link
Copy Markdown
Collaborator

@creesch creesch commented Dec 30, 2024

Fixes #48

  • Replaced generic <div> elements with more meaningful semantic elements:
    • <main> for the main container
    • <section> for chat area and messages
    • <aside> for the player list
    • <article> for individual chat messages

Added a few ARIA labels, although I am far from an expert these should cover the basics I think.

@creesch creesch merged commit 74b3398 into main Dec 31, 2024
@creesch creesch deleted the 48-add-labels-and-aria-attributes-where-applicable branch December 31, 2024 05:16
creesch added a commit that referenced this pull request Mar 12, 2025
This release contains a variety of new features and improvements.  Things like support for newer minecraft versions, tab complete of usernames, hover events and a bunch more! 

# Main

## New

- Translations are now retrieved per chat message from the game at run time and stored with the message. (#84) Meaning that mod messages will display, messages will show in the language you will have set and that the mod now officially supports **1.21.1 and up** as messages will always have the correct translation for that minecraft version. 
- Support added for the `/tell`, `/msg`, `/w` and `/me` commands. (#82)   Note: This mod is never going to support all commands as this easily can be used for abuse. 
- Click events are now supported (#86)
- Tab completion of usernames (#78)
- Use "Jetbrains Mono" font for chat message/input/player names making it look more like minecraft chat (#80)
- Support for legacy color/format codes and multi-space formatting (#69)

## Fixes/enhancements 
- Make pingPatterns case insensitive (#63) 
- Added aria labels and use semantic elements (#58)
- Hover text now renders similar to in game (#85) and supports color code (#87)

# Technical
- Restructured front-end code to not only be modules but classes (#59)
- Simplify player heads rendering (#70)
- A variety of dependencies has been updated. 

# Various other 
For a complete overview see the [commit history](https://github.com/creesch/minecraft-web-chat/commits/main/)

# Screenshots 
![image](https://github.com/user-attachments/assets/91d4e140-c1a5-4fe2-ab74-9bee12ca0a7a)
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.

Add labels and aria attributes where applicable.

2 participants