SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

如图:敲下tab之后
Collapse all的tab focus border遮住了Add 按钮:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析
SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

padding 15px起的作用:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析
SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

去掉padding之后:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

增加button的padding没有用,随着padding的增加,button的border也一起增加:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

注意这个选择器的路径:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

add button的padding 12px:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

Add button是一个a标签:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

button和a的padding不一致导致的问题?:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

Computed:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

给按钮加padding也不管用:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

简单把button的padding改成25肯定不行:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

修改Add font-size生效了:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

加了padding之后,button的轮廓也往外迁移了:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

Jerry最后发现增加margin可以:

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

var(–cx-spatial-base);

SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析

更多Jerry的原创文章,尽在:“汪子熙”:
SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析