无障碍

共 2 篇文章

尊重用户偏好：prefers-reduced-motion 动画减弱支持

2026-05-28 2 分钟 · 669 字

尊重用户偏好：prefers-reduced-motion 动画减弱支持

介绍如何使用 prefers-reduced-motion 媒体查询响应用户系统的动画减弱偏好，在用户开启减少动态效果后全局禁用动画、关闭闪烁效果并隐藏粒子特效

#CSS #查询 #无障碍

2026-05-28 2 分钟 · 672 字

键盘焦点轮廓恢复与无障碍优化

介绍如何恢复并自定义全局键盘焦点轮廓样式，使用 :focus-visible 伪类为键盘用户提供清晰的焦点指示器，同时适配暗色模式，替换浏览器默认 outline 为自定义虚线边框加柔和光晕效果

#无障碍 #导航 #CSS #暗色模式

文章分类

测试笔记 17 开发编程 27 示例演示 25 游戏娱乐 12 日常随笔 15 资源分享 14 智能家居 13 技术笔记 25

所有标签

#404 1 #API 3 #APlayer 1 #Canvas 1 #Chroma 2 #Cloudflare 3 #Confetti 1 #CSS 10 #Docker 1 #ECharts 1 #Epic 1 #Express 1 #Fancybox 4 #GitHub 2 #Hugo 36 #JavaScript 11 #JSON 1 #Linux 1 #Live2D 1 #Lumin 4 #Markdown 24 #Math 1 #MESH 1 #NAS 1 #Node.js 1 #Pomodoro 1 #RSS 1 #SEO 5 #Shuffle 1 #Sitemap 1 #Steam 2 #TOC 2 #TOML 1 #VSCode 1 #Vue3 4 #Web Audio API 1 #下载 1 #专题 1 #个人成长 1 #主题 12 #书单 1 #云存储 2 #代码 6 #优化 5 #侧边栏 1 #便签墙 1 #像素画 1 #全局播放器 1 #全栈 1 #关键词 1 #内容发现 2 #分享 1 #分页 2 #前端 6 #功能 5 #加密 1 #博客 19 #后台 9 #响应式设计 2 #喜加一 1 #图书 1 #图床 3 #图片 7 #图表 3 #地图 1 #备份还原 2 #备还还原 1 #天气 1 #娱乐 1 #媒体库 1 #学习 1 #安全 2 #定时 2 #宠物 1 #密码保护 2 #导航 3 #小米 8 #嵌入 2 #工作 1 #工具 3 #布局 2 #广告 1 #建站 2 #开发 13 #开源 1 #归档 1 #心路历程 1 #性能 3 #懒加载 1 #扩展 1 #技术 5 #指南 3 #推荐 1 #插件 3 #搜索 5 #效果 1 #数据 3 #文章 3 #旅游 4 #旅行 1 #无障碍 2 #日记 2 #时区 1 #时间线 1 #智能家居 21 #暗色模式 2 #更新 2 #权重排序 1 #查询 1 #标签云 1 #树莓派 29 #模块化 1 #模板 4 #游戏 10 #滚动位置 1 #版权保护 1 #特效 4 #生日 1 #生活 5 #用户体验 7 #番茄钟 1 #百度推送 1 #监控 6 #看板娘 1 #碰撞检测 1 #示例 23 #管理 2 #结构化数据 1 #统计 1 #编程 1 #腾讯云 1 #自动化 1 #视频 4 #订阅 1 #评论 5 #词云 1 #豆瓣 1 #跳出率 1 #返回顶部 2 #通知 1 #部署 1 #配置 5 #钓鱼 1 #锚点 1 #阅读 4 #阿里云 1 #随笔 2 #面板 1 #音乐 2 #音频 1 #预览 1 #鼠标特效 1 查看更多标签 (152)