You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+10-15Lines changed: 10 additions & 15 deletions
Original file line number
Diff line number
Diff line change
@@ -117,28 +117,23 @@ If your `A11y` component has the `role="button"`, you can use three more props:
117
117
118
118
#### `content`
119
119
120
-
`cursor: default`
121
-
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 for instance.
122
-
It's not meant to trigger anything on click or to be activable with the Keyboard.
123
-
Therefore it won't show a pointer cursor on hover.
120
+
Uses `cursor: default`.
121
+
122
+
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 for instance. It's not meant to trigger anything on click or to be activable with the Keyboard. Therefore it won't show a pointer cursor on hover.
124
123
125
124
#### `button`
126
125
127
-
`cursor: pointer`
128
-
Special attributes : activationMsg, deactivationMsg, pressedDescription
129
-
This role is meant to emulate the behaviour of a button or a togglable button.
130
-
It will display a cursor pointer when your cursor is over the linked 3D object.
131
-
It will call a function on click but also on any kind of action that would trigger a focused button ( Enter, Double-Tap .. )
132
-
It is also actionnable by user using a screen reader.
126
+
Uses `cursor: pointer`. Special attributes: activationMsg, deactivationMsg, pressedDescription
127
+
128
+
This role is meant to emulate the behaviour of a button or a togglable button. It will display a cursor pointer when your cursor is over the linked 3D object. It will call a function on click but also on any kind of action that would trigger a focused button (Enter, Double-Tap, ...). It is also actionnable by user using a screen reader.
129
+
133
130
You can turn it into a button with aria-pressed by providing the following properties deactivationMsg, pressedDescription in addition to the usual description and activationMsg properties.
134
131
135
132
#### `link`
136
133
137
-
`cursor: pointer`
138
-
`special attributes : href`
139
-
This role is meant to emulate the behaviour of a regular html link.
140
-
It should be used in combination with something that will trigger navigation on click.
141
-
Just like the button one, it is accessible to all kind of user.
134
+
Uses `cursor: pointer`. Special attributes: href.
135
+
136
+
This role is meant to emulate the behaviour of a regular html link. It should be used in combination with something that will trigger navigation on click. Just like the button one, it is accessible to all kind of user.
142
137
143
138
```diff
144
139
- Don't forget to provide the href attribute as he is required for screen readers to read it correctly !
0 commit comments