Skip to content

Standardize focus styles across components #283

@HaSistrunk

Description

@HaSistrunk

Is your feature request related to a problem? Please describe.

We have standard focus styles for interactive elements, but also component-level customized focus styles for certain elements with different colored backgrounds (see the dismissible alert "close" button as an example).

Describe the solution you'd like

Research and, if possible, create a single standard focus style that works across all elements. Consider the Chrome browser default styles approach of including two colors in the outline to adapt to both light and dark backgrounds.

Describe alternatives you've considered

We can continue to maintain component-level focus styles as needed, but this has maintenance costs over time, with lack of maintenance and consideration when designing new components results in accessibility issues.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions