![Platform News: Using :focus-visible, BBC's New Typeface, Declarative Shadow DOMs, A11Y and Placeholders | CSS-Tricks - CSS-Tricks Platform News: Using :focus-visible, BBC's New Typeface, Declarative Shadow DOMs, A11Y and Placeholders | CSS-Tricks - CSS-Tricks](https://i0.wp.com/css-tricks.com/wp-content/uploads/2021/04/safari-focus-ring-invisible.png?resize=1568%2C795&ssl=1)
Platform News: Using :focus-visible, BBC's New Typeface, Declarative Shadow DOMs, A11Y and Placeholders | CSS-Tricks - CSS-Tricks
![css - Google Chrome showing black border on focus state for button user agent styles - Stack Overflow css - Google Chrome showing black border on focus state for button user agent styles - Stack Overflow](https://i.stack.imgur.com/lyi0v.png)
css - Google Chrome showing black border on focus state for button user agent styles - Stack Overflow
![A guide to designing accessible, WCAG-compliant focus indicators – Sara Soueidan, inclusive design engineer A guide to designing accessible, WCAG-compliant focus indicators – Sara Soueidan, inclusive design engineer](https://d33wubrfki0l68.cloudfront.net/482f070fe5a227abccbd240b87a7c83316adf9a7/2cfb1/assets/images/article__focus-indicators/contrasting-area-1.jpg)
A guide to designing accessible, WCAG-compliant focus indicators – Sara Soueidan, inclusive design engineer
![A guide to designing accessible, WCAG-compliant focus indicators – Sara Soueidan, inclusive design engineer A guide to designing accessible, WCAG-compliant focus indicators – Sara Soueidan, inclusive design engineer](https://d33wubrfki0l68.cloudfront.net/14f88ace50893cf159d9acd25d799b994b24e00f/c9e3d/assets/images/article__focus-indicators/contrasting-area-2.jpg)