|
10 | 10 | - accessibility
|
11 | 11 | ---
|
12 | 12 |
|
13 |
| -In development today, JavaScript plays a major role in almost everything we |
14 |
| -create—from smaller dynamic components to full products running on a JavaScript |
15 |
| -framework, such as React or Angular. |
| 13 | +JavaScript plays a major role in almost everything we create—from smaller |
| 14 | +dynamic components to full products running on a JavaScript framework, such as |
| 15 | +React or Angular. |
16 | 16 |
|
17 | 17 | This use (or overuse) of JavaScript has brought forward many alarming trends,
|
18 | 18 | such as long load times due to large amounts of code, use of non-semantic HTML
|
@@ -151,10 +151,11 @@ concise, and of course, accessible.
|
151 | 151 |
|
152 | 152 | ## Focus management
|
153 | 153 |
|
154 |
| -In the [Keyboard focus module](/learn/accessibility/focus), we covered focus order |
155 |
| -and indicator styles. Focus management is knowing when and where to trap the |
156 |
| -focus and when it shouldn't be trapped. Focus management is critical for |
157 |
| -keyboard-only users. |
| 154 | +In the [Keyboard focus module](/learn/accessibility/focus), we covered focus |
| 155 | +order and indicator styles. Focus management is knowing when and where to trap |
| 156 | +the focus and when it shouldn't be trapped. |
| 157 | + |
| 158 | +Focus management is critical for keyboard-only users. |
158 | 159 |
|
159 | 160 | ### Component level
|
160 | 161 |
|
@@ -195,7 +196,8 @@ JavaScript is essential to properly trapping this focus.
|
195 | 196 | ### Page level
|
196 | 197 |
|
197 | 198 | Focus must also be maintained when a user navigates from page-to-page. This is
|
198 |
| -especially true in SPAs, where there is [no browser refresh](https://marcysutton.com/prototype-testing-accessible-clientside-routing/), |
| 199 | +especially true in SPAs, where there is |
| 200 | +[no browser refresh](https://marcysutton.com/prototype-testing-accessible-clientside-routing/), |
199 | 201 | and all content dynamically changes. Anytime a user clicks on a link to go
|
200 | 202 | to another page within your application, the focus is either kept in the same
|
201 | 203 | place or potentially placed somewhere else entirely.
|
|
0 commit comments