Skip to content

Commit 3268d1a

Browse files
committed
TODO: reword+fixup
1 parent 560d76a commit 3268d1a

File tree

1 file changed

+18
-18
lines changed

1 file changed

+18
-18
lines changed

docs/queries/byrole.mdx

+18-18
Original file line numberDiff line numberDiff line change
@@ -165,47 +165,47 @@ the "👎" by calling `getByRole('link', { current: false })`. To learn more abo
165165
the current state see
166166
[ARIA `aria-current`](https://www.w3.org/TR/wai-aria-1.2/#aria-current).
167167

168-
### `pressed`
168+
### `disabled`
169169

170-
Buttons can have a pressed state. You can filter the returned elements by their
171-
pressed state by setting `pressed: true` or `pressed: false`.
170+
You can filter elements by their disabled state by setting `disabled: true` or
171+
`disabled: false`.
172172

173173
For example in
174174

175175
```html
176176
<body>
177177
<section>
178-
<button aria-pressed="true">👍</button>
179-
<button aria-pressed="false">👎</button>
178+
<button disabled>Login</button>
179+
<div role="alert" aria-disabled="false">Failed to login</button>
180180
</section>
181181
</body>
182182
```
183183

184-
you can get the "👍" button by calling `getByRole('button', { pressed: true })`.
185-
To learn more about the pressed state see
186-
[ARIA `aria-pressed`](https://www.w3.org/TR/wai-aria-1.2/#aria-pressed).
184+
you can get the "Login" button by calling
185+
`getByRole('button', { disabled: true })`. To learn more about the disabled
186+
state see
187+
[ARIA `aria-disabled`](https://www.w3.org/TR/wai-aria-1.2/#aria-pressed) and
188+
[MDN `disabled` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled).
187189

188-
### `disabled`
190+
### `pressed`
189191

190-
You can filter elements by their disabled state by setting `disabled: true` or
191-
`disabled: false`.
192+
Buttons can have a pressed state. You can filter the returned elements by their
193+
pressed state by setting `pressed: true` or `pressed: false`.
192194

193195
For example in
194196

195197
```html
196198
<body>
197199
<section>
198-
<button disabled>Login</button>
199-
<div role="alert" aria-disabled="false">Failed to login</button>
200+
<button aria-pressed="true">👍</button>
201+
<button aria-pressed="false">👎</button>
200202
</section>
201203
</body>
202204
```
203205

204-
you can get the "Login" button by calling
205-
`getByRole('button', { disabled: true })`. To learn more about the disabled
206-
state see
207-
[ARIA `aria-disabled`](https://www.w3.org/TR/wai-aria-1.2/#aria-pressed) and
208-
[MDN `disabled` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled).
206+
you can get the "👍" button by calling `getByRole('button', { pressed: true })`.
207+
To learn more about the pressed state see
208+
[ARIA `aria-pressed`](https://www.w3.org/TR/wai-aria-1.2/#aria-pressed).
209209

210210
### `suggest`
211211

0 commit comments

Comments
 (0)