跳到内容
新问题

对这个项目有疑问吗?注册一个免费的GitHub帐户以打开一个问题,并联系其维护者和社区。

单击“注册GitHub”,表示您同意我们的服务条款隐私声明。我们偶尔会向您发送与帐户相关的电子邮件。

已经在GitHub上了?登录到您的帐户

添加stylelint规则以防止使用秩序CSS属性 #61241

关闭
阿费西娅已打开此问题2024年4月30日·0条评论 ·由修复#61243
关闭

添加stylelint规则以防止使用秩序CSS属性 #61241

阿费西娅已打开此问题2024年4月30日·0条评论 ·由修复#61243
受让人
标签
[焦点]可访问性(a11y) 影响可访问性并需要相应审查的更改(例如标记更改)。 [类型]代码质量 与代码质量相关的问题或PR

评论

@阿费西娅
复制链接
贡献者

阿费西娅 评论2024年4月30日

描述

之前:
#57519
#57640
#58936
#58940
#58942
#59013

移除所有秩序来自代码库的CSS属性。

对于可访问性,当视觉/阅读和DOM顺序影响阅读顺序和交互时,它们必须始终匹配。基本上,情况总是这样。在非常有限的情况下秩序属性可以在不影响可访问性的情况下使用,例如在切换aria-hidden图标的位置时,或在类似情况下,影响仅为“视觉”。

为了防止将来使用秩序CSS属性,我想建议:

  • 添加stylelint配置或规则以在秩序找到属性。
  • 在极少数情况下样式可分注释将是适当的,需要指定禁用原因。
  • 据我所知,需要在注释中描述禁用原因是stylelint的“全局”配置,因此需要在全部的这个stylelint禁用评论,这无论如何是一件好事。

目前,出现了两次秩序css属性,在这里在这里。它们都会在特定问题上进行跟踪,很可能很快就会被删除。其他事件已被删除。

分步复制说明

  • 运行npm运行lint:css在yout终端的项目根目录中。
  • Observe stylelint不会报告有关秩序CSS属性。

屏幕截图、屏幕录制、代码片段

无响应

环境信息

无响应

请确认您已搜索回购中的现有问题。

是的

请确认您已测试除古腾堡外的所有插件。

是的

@阿费西娅 阿费西娅补充[焦点]可访问性(a11y) 影响可访问性并需要相应审查的更改(例如标记更改)。 [类型]代码质量 与代码质量相关的问题或PR标签2024年4月30日
@github-操作 github-操作 机器人程序补充这个[状态]正在进行 跟踪正在进行的工作中的问题标签2024年4月30日
@阿费西娅 阿费西娅远离的这个[状态]正在进行 跟踪正在进行的工作中的问题标签2024年7月2日
免费注册 在GitHub上加入此对话.已经有帐户了吗?登录以发表评论
标签
[焦点]可访问性(a11y) 影响可访问性并需要相应审查的更改(例如标记更改)。 [类型]代码质量 与代码质量相关的问题或PR
项目
还没有
开发

成功合并请求可能会解决此问题。

1名参与者