You should check for a11y issues (bad color contrast, animations not wrapped in user preference, small font sizes, etc), or lack of usage of app defined stuff such as margins, paddings, color palettes, sizes and so on, or usage of px over other better units. You should also check that bad practices such as setting z-index are avoided.
As @codingjlu pointed out, is an a11y issue. If you want to put something in top of something else, you should be using the DOM order, not z-index. Is as bad as setting tabindex in HTML.
You should check for a11y issues (bad color contrast, animations not wrapped in user preference, small font sizes, etc), or lack of usage of app defined stuff such as margins, paddings, color palettes, sizes and so on, or usage of px over other better units. You should also check that bad practices such as setting z-index are avoided.
Why setting z-index are bad practices and should avoided? Overlay, modal, etc works with z-index isn't it?
z-indexis bad for accessibility (like screen readers) because it sort of places stuff in the wrong order and confuses people.As @codingjlu pointed out, is an a11y issue. If you want to put something in top of something else, you should be using the DOM order, not
z-index. Is as bad as settingtabindexin HTML.Oh, thank you. I think I need do research about a11y and
z-indexBut at the same time, remember that
z-indexis useful in some situations like popups or banners or nitty gritty stuff.Branch of frameworks and libraries working with tabindex and z-index.