File tree Expand file tree Collapse file tree 1 file changed +3
-18
lines changed Expand file tree Collapse file tree 1 file changed +3
-18
lines changed Original file line number Diff line number Diff line change @@ -85,26 +85,11 @@ How you display the focus / hover information to the user is up to you! Just mak
85
85
Like in HTML, you can focus different kind of elements and expect different things depending on what you're focusing.
86
86
That's why the ` A11y ` component has 3 different use cases:
87
87
88
- - ` role="content" ` ( default )
89
- This role is meant to ** provide information to screen readers** or to ** serve as a step for a user to navigate your site using Tab** .
90
- It's not meant to trigger anything on click or to be activable with the Keyboard.
91
-
92
- More on this role <a href =" /#content " > below </a >
93
-
94
- - ` role="button" `
95
- This role is meant to ** emulate the behaviour of a button or a togglable button** .
96
- It will display a pointer cursor when your cursor is hovering the linked 3D Object.
97
- It will call a callback function on click but also on any kind of action that would trigger a focused button ( Enter, Double-Tap .. )
98
- It is also actionable by a user using a screen reader.
88
+ - ` role="content" ` ( default ) <a href =" /#content " >More below </a >
99
89
100
- More on this role <a href =" /#button " > below </a >
101
-
102
- - ` role="link" `
103
- This role is meant to ** emulate the behaviour of a regular HTML link** .
104
- It should be used in combination with something that will trigger navigation on click.
105
- Just like the button, it is accessible to all kinds of users.
90
+ - ` role="button" ` <a href =" /#button " >More below </a >
106
91
107
- More on this role <a href =" /#link " > below </a >
92
+ - ` role="link" ` <a href =" /#link " >More below </a >
108
93
109
94
## Call function on focus
110
95
You can’t perform that action at this time.
0 commit comments