box-shadow is no alternative to outline

People like to use the box-shadow property for styling focus outlines because it gives them more flexibility. A focused button That s okay in browsers default color mode, but in forced colors mode , it s problematic because the box-shadow property computes to none , which means that there are no shadows and consequently no focus styles in this mode. You can confirm that by opening this page in a…