Question
Scotiabank
CO
Last activity: 30 Dec 2024 15:51 EST
Set focus in a Dynamic Layout
Please provide your answers after this question: How can I set a focus into a Dynamic Layout that inside contain a field value, without using the accessibility roles, especially alert? take in account that information in field value could be read right away when page is load but as the beginning of the readings it says "alert". so what we're pretending is: as soon as web page refreshes. Dynamic layout gains focus then jaws reads field value contained without alerts readings. we're using jaws 2022 as screen reader and also not WAI
Accepted Solution
Updated: 30 Dec 2024 15:51 EST
HCA Healthcare
US
To set focus on a Dynamic Layout containing a field value without triggering "alert" in JAWS 2022, you can use a simple approach. Add a tabindex="0" to the Dynamic Layout to make it focusable, and ensure the field value is plain text or within a basic HTML element like a <span>. Use JavaScript to set focus to the Dynamic Layout when the page loads. For example, include a script that runs on DOMContentLoaded to locate the layout by its ID and call the focus() method. This way, when the page refreshes, the screen reader will read the content inside the layout without announcing it as an alert. Make sure to test this with JAWS to confirm it reads the field value smoothly and as expected
Scotiabank
CO
@AlexanderO4857 Any thoughts?
Accepted Solution
Updated: 30 Dec 2024 15:51 EST
HCA Healthcare
US
To set focus on a Dynamic Layout containing a field value without triggering "alert" in JAWS 2022, you can use a simple approach. Add a tabindex="0" to the Dynamic Layout to make it focusable, and ensure the field value is plain text or within a basic HTML element like a <span>. Use JavaScript to set focus to the Dynamic Layout when the page loads. For example, include a script that runs on DOMContentLoaded to locate the layout by its ID and call the focus() method. This way, when the page refreshes, the screen reader will read the content inside the layout without announcing it as an alert. Make sure to test this with JAWS to confirm it reads the field value smoothly and as expected