Improve heading hierarchy and semantic structure in the chat window for screen reader users.
Дмитро
The chat window has a disrupted heading hierarchy, making navigation difficult.
Some elements that should be headings are not marked as such.
Potential Improvement Considerations:
Implement "🙌 Hi! I'm a chatbot - ask or search for what you need" as a <h3> heading.
Mark "Popular Articles" as <h4> and translate into Ukrainian.
Use <h5> for items in the popular articles list or present them as regular links instead of headings.
Structure chat messages with each user message as <h3> and AI responses as standard text to reduce complexity.
Add aria-label="Next Suggestions" to the list of suggested questions so screen reader users understand their purpose.