@thedaviddias
Staff Front-End Engineer | Front-End Architecture, Design Systems & Accessibility | Creator of the Front-End Checklist (74K+ ⭐) and serving 100K+ devs
467 个技能6 个仓库 7.5万
Review decorative images and icons to prevent unnecessary screen reader announcements. Check empty alt text, aria-hidden, and relevant keyboard behavior, then suggest fixes for concrete accessibility issues without flagging decorative assets solely because they exist.
中文简介正在准备中。当前显示英语简介。
Check and implement site icons for browser tabs, bookmarks, and mobile home screens. Review icon formats, sizes, HTML declarations, and PWA manifest settings to help the site display appropriate icons across browsers and devices.
中文简介正在准备中。当前显示英语简介。
Add FAQ sections to landing pages or blog posts and generate FAQPage structured data, a format search engines can read. Check required question and answer fields, valid syntax, and consistency with content visitors can see.
中文简介正在准备中。当前显示英语简介。
检查键盘操作时标示当前选中位置的焦点样式，找出轮廓线消失、被裁切或位置偏移的问题，并指出相关CSS，协助修改为清晰可见的样式。
检查Flexbox横向或纵向布局中的文字溢出、项目宽度不齐等问题，修正间距和伸缩设置，并检查不同屏幕宽度及交互状态下的实际显示。
Review how a web page loads scripts and identify tags that interrupt HTML parsing. Get guidance on choosing defer, async, or type=module, with checks focused on the HTML actually delivered to the browser.
中文简介正在准备中。当前显示英语简介。
Inspect web font loading to identify invisible text, rendering delays, and layout shifts. Use measured evidence to guide fallback text display, preloading of important fonts, and the use of compressed formats such as WOFF2.
中文简介正在准备中。当前显示英语简介。
检查直接写在HTML中的样式和页面内嵌CSS，判断哪些应保留为例外，协助整理到外部样式表，并检查不同屏幕宽度及交互状态下的显示。
Review loading priorities for key images, fonts, and CSS, then adjust fetchpriority hints so important resources receive attention earlier. Use it to improve LCP, the time until the largest visible content appears.
中文简介正在准备中。当前显示英语简介。
Find duplicate JavaScript libraries and multiple versions loaded by a website. Confirm their impact with performance measurements, then consolidate dependencies and review third-party scripts to reduce redundant code and potential version conflicts.
中文简介正在准备中。当前显示英语简介。
Measure the size and nesting of a page's DOM, the tree of HTML elements. Identify unnecessary wrappers and oversized lists, then simplify the structure or render only visible list items to reduce confirmed rendering costs.
中文简介正在准备中。当前显示英语简介。
检查JavaScript的代码导入与导出方式，协助从CommonJS迁移到import/export，同时检查浏览器执行路径，并说明修改后的验证方法。
检查图片加载失败时的页面显示，帮助实现备用图片或有意义的占位内容，同时检查错误日志、加载中的显示方式，并说明如何验证修改结果。
检查页面渲染后的HTML中，ARIA属性引用的ID是否重复，找出可能导致标签或说明被错误朗读的位置，并指导修改ID、更新引用及验证结果。
检查表单、API请求和浏览器存储，找出功能未使用的个人信息，协助删除或匿名化多余数据，防止信息进入日志，并审查保存期限。
Review keyboard focus, the element currently selected for interaction, to check that Tab navigation follows the page’s visual order. Identify HTML ordering issues and verify focus stays within dialogs and returns to their triggers.
中文简介正在准备中。当前显示英语简介。
Review drag-and-drop interfaces for keyboard and screen reader access. Inspect the rendered HTML, identify missing alternative controls and status announcements, and guide changes so users can perform equivalent actions through different input methods.
中文简介正在准备中。当前显示英语简介。
为生产应用配置或检查错误监控，核对未处理异常、网络请求失败的收集情况，以及用户、版本和环境信息，并完善重大故障的告警阈值与通知对象。
检查GIF、视频和CSS动画中的快速闪烁，测量闪烁频率及显示面积，考虑对光敏感用户的影响，协助移除、减慢闪烁或改用淡入淡出及静态内容。
Find npm packages that help implement or check a frontend rule, verify download counts and publishing dates, and add up to three qualifying package names to the rule file's metadata.
中文简介正在准备中。当前显示英语简介。
Review websites for content accidentally hidden by ad blockers. Identify problematic HTML class names and IDs, test affected pages with uBlock Origin, and suggest specific names that preserve the visibility and function of notices, banners, and consent controls.
中文简介正在准备中。当前显示英语简介。
Review images and their visible captions, then connect them with figure and figcaption markup. Check caption placement and alternative text so screen readers can present the relationship between an image and its description.
中文简介正在准备中。当前显示英语简介。
Review and implement dark mode using CSS variables and the user's operating system preference. Check fixed colors, contrast, responsive layouts, and interaction states, with guidance for adding a manual theme switch that remembers the user's choice.
中文简介正在准备中。当前显示英语简介。
检查滚动、文字输入等操作中反复执行的JavaScript处理，区分使用防抖和节流，改善界面卡顿及API调用过多的问题，并说明浏览器验证方法。