Skip to content

Commit 958e353

Browse files
authored
Update README.md
Removed duplicated content
1 parent 869dc50 commit 958e353

File tree

1 file changed

+3
-18
lines changed

1 file changed

+3
-18
lines changed

README.md

Lines changed: 3 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -85,26 +85,11 @@ How you display the focus / hover information to the user is up to you! Just mak
8585
Like in HTML, you can focus different kind of elements and expect different things depending on what you're focusing.
8686
That's why the `A11y` component has 3 different use cases:
8787

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>
9989

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>
10691

107-
More on this role <a href="/#link"> below </a>
92+
- `role="link"` <a href="/#link">More below </a>
10893

10994
## Call function on focus
11095

0 commit comments

Comments
 (0)