| CARVIEW |
Select Language
HTTP/2 301
date: Mon, 06 Oct 2025 15:52:05 GMT
content-type: text/html
content-length: 167
location: https://www.w3.org/WAI/content-assets/wcag-act-rules/test-assets/7677a9/slider.js
cache-control: max-age=3600
expires: Mon, 06 Oct 2025 16:52:05 GMT
set-cookie: __cf_bm=3WsQJMh_NHeY_C7RrTojgUv144nuENfTNRWFM2D84Zw-1759765925-1.0.1.1-FYlBh1quNZXFAa8VnAXjyKfnKaa8THhUGTm5HIwNlUolNB81rmBHTXt5PIUiuxya1iwaraMp4Zq2zT9RMdRxJvSQIwNZSi72LntGtU3zBdw; path=/; expires=Mon, 06-Oct-25 16:22:05 GMT; domain=.w3.org; HttpOnly; Secure; SameSite=None
vary: Accept-Encoding
server: cloudflare
cf-ray: 98a652e8f9fbad8b-BLR
alt-svc: h3=":443"; ma=86400
HTTP/2 200
date: Mon, 06 Oct 2025 15:52:05 GMT
content-type: application/javascript; charset=utf-8
content-length: 305
cf-ray: 98a652e93a457679-BLR
last-modified: Mon, 06 Oct 2025 09:24:42 GMT
access-control-allow-origin: *
etag: W/"68e38ada-3ad"
expires: Mon, 06 Oct 2025 16:02:05 GMT
cache-control: max-age=600
content-encoding: gzip
x-proxy-cache: MISS
x-github-request-id: 6E98:13A856:5A5D3:63511:68E3E5A5
via: 1.1 varnish
x-served-by: cache-iad-kjyo7100165-IAD
x-cache: MISS
x-cache-hits: 0
x-timer: S1759765925.473305,VS0,VE64
vary: Accept-Encoding
x-fastly-request-id: e2a2f0afa45854b69ec05e43140f3bcdf81b738f
x-backend: www-mirrors
x-request-id: 98a652e93a457679
strict-transport-security: max-age=15552000; includeSubdomains; preload
content-security-policy: frame-ancestors 'self' https://cms.w3.org/ https://cms-dev.w3.org/; upgrade-insecure-requests
cf-cache-status: MISS
accept-ranges: bytes
server: cloudflare
alt-svc: h3=":443"; ma=86400
function changeSlider(amount) {
document.getElementById('motionSlider').value += amount
document.getElementById('output').innerHTML = document.getElementById('motionSlider').value
}
function increaseSlider() {
changeSlider(+1)
}
function decreaseSlider() {
changeSlider(-1)
}
function applyChange(gamma, threshold) {
if (gamma > threshold) {
increaseSlider()
} else if (gamma < -threshold) {
decreaseSlider()
}
}
function handleOrientation(event) {
applyChange(event.gamma, 20)
}
function handleOrientationCanBeDisabled(event) {
const disableMotion = document.getElementById('disableMotion')
if (!disableMotion.checked) {
applyChange(event.gamma, 20)
}
}
function handleMotion(event) {
applyChange(event.rotationRate.gamma, 5)
}
function handleMotionCanBeDisabled(event) {
const disableMotion = document.getElementById('disableMotion')
if (!disableMotion.checked) {
applyChange(event.rotationRate.gamma, 5)
}
}