ARIA Accesibility Error after implementing
-
After adding the pop up chatbot, it triggers accesibility warnings on pagespeed:
Image of error: https://postimg.cc/ctsksJ2t
elements contain focusable descendents
[aria-hidden="true"]
Focusable descendents within an[aria-hidden="true"]element prevent those interactive elements from being available to users of assistive technologies like screen readers. Learn howaria-hiddenaffects focusable elements.
Failing Elements
Need help?×
<div class="aipkit_popup_hint aipkit_popup_position-bottom-right aipkit_popup_hint--si…" id="aipkit_popup_hint_30217" role="status" aria-live="polite" aria-atomic="true" aria-hidden="true" data-bot-id="30217">
×
<button type="button" class="aipkit_popup_hint_close" aria-label="Dismiss" aria-controls="aipkit_popup_hint_30217">
AI Online
<div class="aipkit_chat_container aipkit_popup_content aipkit-theme-custom aipkit_po…" id="aipkit_chat_container_30217" aria-hidden="true" data-custom-theme="{"primary_color":"#0b5fff","secondary_color":"#f1f5ff","auto_text_contrast…">
Close chat
<button type="button" class="aipkit_header_btn aipkit_popup_close_btn" aria-label="Close chat">
Chat message input
<textarea id="aipkit_chat_input_field_30217" name="aipkit_chat_message_30217" class="aipkit_chat_input_field" placeholder="Type your message..." aria-label="Chat message input" rows="1">
<button class="aipkit_input_action_btn aipkit_chat_action_btn aipkit_send_btn" aria-label="Send Message" type="button">
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.