Skip to content

Commit 3eec18f

Browse files
committed
[css-scrollbars] ensure usability of scrollbars (#6675)
1 parent 482479d commit 3eec18f

File tree

2 files changed

+14
-4
lines changed

2 files changed

+14
-4
lines changed

css-overflow-3/Overview.bs

+2-2
Original file line numberDiff line numberDiff line change
@@ -767,14 +767,14 @@ Reserving space for the scrollbar: the 'scrollbar-gutter' property</h2>
767767

768768
Scrollbars which by default are placed over the content box
769769
and do not cause <a>scrollbar gutters</a> to be created
770-
are called <dfn>overlay scrollbars</dfn>.
770+
are called <dfn export>overlay scrollbars</dfn>.
771771
Such scrollbars are usually partially transparent, revealing the content behind them if any.
772772
Their appearance and size may vary
773773
based on whether and how the user is interacting with them.
774774

775775
Scrollbars which are always placed in a <a>scrollbar gutter</a>,
776776
consuming space when present,
777-
are called <dfn>classic scrollbars</dfn>.
777+
are called <dfn export>classic scrollbars</dfn>.
778778
Such scrollbars are usually opaque.
779779

780780
Whether <a>classic scrollbars</a> or <a>overlay scrollbars</a> are used,

css-scrollbars-1/Overview.bs

+12-2
Original file line numberDiff line numberDiff line change
@@ -223,10 +223,19 @@ wider or narrower than is typical.
223223
<dd>Implementations should use thinner scrollbars than ''scrollbar-width/auto''.
224224
This may mean a thin variant of scrollbar provided by the platform,
225225
or a custom scrollbar thinner than the default platform scrollbar.
226-
The scrollbar should nonetheless remain wide enough to be usable.
226+
The scrollbar must nonetheless remain wide enough to be usable.
227227
(Implementers may wish to consult
228228
<a href="https://www.w3.org/TR/WCAG21/#target-size">WCAG 2.1 SC 2.5.5 Target Size</a>. [[WCAG21]])
229229

230+
Note: User agents can use various strategies
231+
to ensure the usability of narrow scrollbars.
232+
For instance, in the case of <a spec=css-overflow-3>overlay scrollbars</a>,
233+
they can dynamically enlarge the scrollbar
234+
in response to a user attempting to interact with it.
235+
User agents on devices with touch screens
236+
can also adjust how they interpret finger taps
237+
to facilitate interacting with visually small touch targets.
238+
230239
User agents may disregard this value and treat it as ''scrollbar-width/auto'',
231240
for instance when the user has indicated discomfort
232241
for thin scrollbars through some UA or OS setting.
@@ -294,7 +303,8 @@ This appendix is <em>informative</em>.
294303
<h3 class="no-num" id="changes-since-2021-08-05">
295304
Changes from the <a href="https://www.w3.org/TR/2021/WD-css-scrollbars-1-20210805/">2021-08-05 Working Draft</a></h3>
296305

297-
None yet.
306+
* Switched "should" to a "must" with regards to accessibility of narrow scrollbars.
307+
(see <a href="https://github.com/w3c/csswg-drafts/issues/6675">Issue 6675</a>)
298308

299309
<h3 class="no-num" id="changes-since-2018-09-25">
300310
Changes from the <a href="https://www.w3.org/TR/2018/WD-css-scrollbars-1-20180925/">2018-09-25 First Public Working Draft</a></h3>

0 commit comments

Comments
 (0)