Thedaviddias Front End Checklist
合集@thedaviddias7.4万+开源协议: MIT
在审查与避免对表单字段使用 autofocus 相关的渲染 HTML、交互组件或设计系统模式时使用。先检查原生语义,再根据需要检查键盘行为、焦点流程、可访问名称…
aria-hidden-body
@thedaviddias
编程协作开源协议: MIT
/**
* Use when reviewing rendered HTML, interactive components, or design-system patte…
*/author-byline
@thedaviddias
编程协作开源协议: MIT
/**
* 用于审计与「展示清晰的作者署名」相关的元数据、可抓取性、结构化数据或可索引性。应验证渲染后的 HTML 和 HTTP 响应,而非仅依赖源文件。
*/author-expertise
@thedaviddias
编程协作开源协议: MIT
/**
* 用于审计与突出展示作者资历与专业性相关的元数据、可抓取性、结构化数据或可索引性时使用。需验证渲染后的 HTML 与 HTTP 响应,而非仅依赖源文件。
*/aria-hidden-focus
@thedaviddias
编程协作开源协议: MIT
/**
* 在审查与“移除 aria-hidden 容器中的可聚焦元素”相关的已渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,然后再视情况检视键盘行为、焦…
*/aria-input-field-name
@thedaviddias
编程协作开源协议: MIT
/**
* 适用于所有 `<input>`(type=hidden 除外)、`<textarea>`、`<select>`,以及使用 role=textbox、role=c…
*/aria-labels
@thedaviddias
编程协作开源协议: MIT
/**
* 在审查渲染后的 HTML、交互组件或与“为所有交互元素提供可访问名称”相关的设计系统模式时使用。优先检查原生语义,再查看键盘行为、焦点流转、可访问名称以及屏幕阅…
*/aria-live-regions
@thedaviddias
编程协作开源协议: MIT
/**
* 用于审查与使用 ARIA 实时区域宣布动态内容相关的渲染 HTML、交互组件或设计系统模式时使用。首先检查原生语义,然后根据需要检查键盘行为、焦点流程、可访问名…
*/aria-meter-name
@thedaviddias
编程协作开源协议: MIT
/**
* 在审查渲染后的 HTML、交互组件或与「为 meter 元素提供可访问名称」相关的设计系统模式时使用。应优先检查原生语义,然后再视情况检查键盘行为、焦点流转、可…
*/aria-progressbar-name
@thedaviddias
编程协作开源协议: MIT
/**
* 用于审查与“为进度条提供可访问名称”相关的渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,然后根据需要检视键盘行为、焦点流转、可访问名称以及屏幕…
*/aria-required-attr
@thedaviddias
编程协作开源协议: MIT
/**
* 用于在审查渲染后的 HTML、交互组件或与“为角色包含必需的 ARIA 属性”相关的设计系统模式时使用。优先检查原生语义,再视情况检查键盘行为、焦点流程、可访问…
*/aria-required-children
@thedaviddias
编程协作开源协议: MIT
/**
* Use when applies to custom ARIA widgets using composite roles: tablist, list, li
*/aria-required-parent
@thedaviddias
编程协作开源协议: MIT
/**
* 用于审查已渲染的 HTML、交互式组件或与"确保 ARIA 角色由必需的父级角色包裹"相关的设计系统模式时使用。优先检查原生语义,再视情况检查键盘行为、焦点流转…
*/aria-roles
@thedaviddias
编程协作开源协议: MIT
/**
* 用于审查渲染后的 HTML、交互组件或与“使用合法的 ARIA role 值”相关的设计系统模式时使用。首先检查原生语义,然后根据需要检查键盘行为、焦点流转、可…
*/aria-text
@thedaviddias
编程协作开源协议: MIT
/**
* 在审查与 role="text" 元素中避免可聚焦后代相关的渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,然后根据需要检视键盘行为、焦点流、可…
*/aria-toggle-field-name
@thedaviddias
编程协作开源协议: MIT
/**
* 用于审查与“为切换字段提供可访问名称”相关的已渲染 HTML、交互式组件或设计系统模式时。请先检查原生语义,然后检查键盘行为、焦点流转、可访问名称以及屏幕阅读器…
*/aria-tooltip-name
@thedaviddias
编程协作开源协议: MIT
/**
* 在审查渲染后的 HTML、交互组件或与“为工具提示提供可访问名称”相关的设计系统模式时使用。优先检查原生语义,然后根据需要审视键盘行为、焦点流转、可访问名称以及…
*/aria-treeitem-name
@thedaviddias
编程协作开源协议: MIT
/**
* 适用于使用 role='tree'、role='treeitem' 和 role='group' 构建的自定义树形控件。常见于文件资源管理器、嵌套导航菜单、组织…
*/aria-valid-attr
@thedaviddias
编程协作开源协议: MIT
/**
* 在审查已渲染的 HTML、交互组件或与“确保 ARIA 属性有效”相关的设计系统模式时使用。优先检查原生语义,再根据需要审视键盘行为、焦点流转、可访问名称以及屏…
*/aria-valid-attr-value
@thedaviddias
编程协作开源协议: MIT
/**
* 在审查渲染后的 HTML、交互组件或与 ARIA 属性使用有效值相关的设计系统模式时使用。首先检查原生语义,然后根据需要审查键盘行为、焦点流、可访问名称以及屏幕…
*/article
@thedaviddias
编程协作开源协议: MIT
/**
* 用于审计与实现合规的 Article 结构化数据相关的元数据、可抓取性、结构化数据或可索引性。验证渲染后的 HTML 与 HTTP 响应,而不仅依赖源文件。
*/article-links
@thedaviddias
编程协作开源协议: MIT
/**
* 用于审查与“优化文章链接密度”相关的元数据、可抓取性、结构化数据或可索引性。验证渲染后的 HTML 与 HTTP 响应,而非仅依赖源文件。
*/audio-descriptions
@thedaviddias
编程协作开源协议: MIT
/**
* 在审查已渲染的 HTML、交互组件或与「为视频提供音频描述」相关的设计系统模式时使用。优先检查原生语义,然后按需检视键盘行为、焦点流转、可访问名称以及屏幕阅读器…
*/author-info
@thedaviddias
编程协作开源协议: MIT
/**
* 当审计与「实施全面的作者标记」相关的元数据、可抓取性、结构化数据或可索引性时使用。通过检查渲染后的 HTML 和 HTTP 响应来验证,而不是仅依赖源文件。
*/currency-formatting
@thedaviddias
编程协作开源协议: MIT
/**
* 在审查用于格式化数字、价格或日期的实用函数、组件 props 或模板字符串时使用,以检查 Intl API 是否被正确使用。
*/