Add focus ring for focusable elements for better accessibility and consistancy

zdhxiong / mdui

Material Design 3(Material You) UI components using Web Components.

https://www.mdui.org

3.9k stars 356 forks source link

Add focus ring for focusable elements for better accessibility and consistancy #305

Closed vollowx closed 1 week ago

vollowx commented 1 month ago

Refs:

Material Web (Source)
Mixed Components (demo no longer available) (Source)

zdhxiong commented 1 week ago

Currently, we support styling elements with focus states when navigating using tab and arrow keys. However, the Material Design 3 guidelines do not currently define a focus ring. If such a definition is provided in future guidelines, we will align accordingly.