What is the difference between accessible, accessibilityLabel and accessibilityHint properties of Text component in react native?
up vote
1
down vote
favorite
What is the difference between accessible, accessibilityLabel and accessibilityHint properties of Text component in react native? React native documentation is not enough to understand. Examples would be more appreciated.
android ios reactjs react-native asked Nov 9 at 13:50
Sunny Khan
417
add a comment |
up vote
1
down vote
favorite
What is the difference between accessible, accessibilityLabel and accessibilityHint properties of Text component in react native? React native documentation is not enough to understand. Examples would be more appreciated.
android ios reactjs react-native asked Nov 9 at 13:50
Sunny Khan
417
add a comment |
up vote
1
down vote
favorite
up vote
1
down vote
favorite
What is the difference between accessible, accessibilityLabel and accessibilityHint properties of Text component in react native? React native documentation is not enough to understand. Examples would be more appreciated.
android ios reactjs react-native asked Nov 9 at 13:50
Sunny Khan
417
What is the difference between accessible, accessibilityLabel and accessibilityHint properties of Text component in react native? React native documentation is not enough to understand. Examples would be more appreciated.
android ios reactjs react-native android ios reactjs react-native asked Nov 9 at 13:50
Sunny Khan
417
asked Nov 9 at 13:50
Sunny Khan
417
asked Nov 9 at 13:50
Sunny Khan
417
asked Nov 9 at 13:50
Sunny Khan
417
asked Nov 9 at 13:50
Sunny Khan
417
417
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
accepted
accessible - the flag set to true will enable the view or component to be an accessibility element that can be read by VoiceOver for people with disabilities.
accessibilityLabel - When the VoiceOver goes over the accessibility element if there is no label given it will just read as a textfield, label or button. Instead you can make it read as "username field", "password field", "Login button" etc
accessibilityHint - This is used to inform the user what will be the action performed on tapping or interacting with that UI element.
For example if you've a "Login button" when the user clicks on it. You want to inform the user the action that will be performed after that some like - "When you tap on this login button. Your username and password will be validated and on successfull login you will be taken to the dashboard screen"
Also please refer this section of the ReactNative documentation. It is very thorough with some code examples https://facebook.github.io/react-native/docs/accessibility.
I hope this should help.
answered Nov 9 at 14:51
Haseeb Afsar
12614
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
accepted
accessible - the flag set to true will enable the view or component to be an accessibility element that can be read by VoiceOver for people with disabilities.
accessibilityLabel - When the VoiceOver goes over the accessibility element if there is no label given it will just read as a textfield, label or button. Instead you can make it read as "username field", "password field", "Login button" etc
accessibilityHint - This is used to inform the user what will be the action performed on tapping or interacting with that UI element.
For example if you've a "Login button" when the user clicks on it. You want to inform the user the action that will be performed after that some like - "When you tap on this login button. Your username and password will be validated and on successfull login you will be taken to the dashboard screen"
Also please refer this section of the ReactNative documentation. It is very thorough with some code examples https://facebook.github.io/react-native/docs/accessibility.
I hope this should help.
answered Nov 9 at 14:51
Haseeb Afsar
12614
add a comment |
up vote
1
down vote
accepted
accessible - the flag set to true will enable the view or component to be an accessibility element that can be read by VoiceOver for people with disabilities.
accessibilityLabel - When the VoiceOver goes over the accessibility element if there is no label given it will just read as a textfield, label or button. Instead you can make it read as "username field", "password field", "Login button" etc
accessibilityHint - This is used to inform the user what will be the action performed on tapping or interacting with that UI element.
For example if you've a "Login button" when the user clicks on it. You want to inform the user the action that will be performed after that some like - "When you tap on this login button. Your username and password will be validated and on successfull login you will be taken to the dashboard screen"
Also please refer this section of the ReactNative documentation. It is very thorough with some code examples https://facebook.github.io/react-native/docs/accessibility.
I hope this should help.
answered Nov 9 at 14:51
Haseeb Afsar
12614
add a comment |
up vote
1
down vote
accepted
up vote
1
down vote
accepted
accessible - the flag set to true will enable the view or component to be an accessibility element that can be read by VoiceOver for people with disabilities.
accessibilityLabel - When the VoiceOver goes over the accessibility element if there is no label given it will just read as a textfield, label or button. Instead you can make it read as "username field", "password field", "Login button" etc
accessibilityHint - This is used to inform the user what will be the action performed on tapping or interacting with that UI element.
For example if you've a "Login button" when the user clicks on it. You want to inform the user the action that will be performed after that some like - "When you tap on this login button. Your username and password will be validated and on successfull login you will be taken to the dashboard screen"
Also please refer this section of the ReactNative documentation. It is very thorough with some code examples https://facebook.github.io/react-native/docs/accessibility.
I hope this should help.
answered Nov 9 at 14:51
Haseeb Afsar
12614
accessible - the flag set to true will enable the view or component to be an accessibility element that can be read by VoiceOver for people with disabilities.
accessibilityLabel - When the VoiceOver goes over the accessibility element if there is no label given it will just read as a textfield, label or button. Instead you can make it read as "username field", "password field", "Login button" etc
accessibilityHint - This is used to inform the user what will be the action performed on tapping or interacting with that UI element.
For example if you've a "Login button" when the user clicks on it. You want to inform the user the action that will be performed after that some like - "When you tap on this login button. Your username and password will be validated and on successfull login you will be taken to the dashboard screen"
Also please refer this section of the ReactNative documentation. It is very thorough with some code examples https://facebook.github.io/react-native/docs/accessibility.
I hope this should help.
answered Nov 9 at 14:51
Haseeb Afsar
12614
answered Nov 9 at 14:51
Haseeb Afsar
12614
answered Nov 9 at 14:51
Haseeb Afsar
12614
answered Nov 9 at 14:51
Haseeb Afsar
12614
12614
add a comment |
add a comment |
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53226986%2fwhat-is-the-difference-between-accessible-accessibilitylabel-and-accessibilityh%23new-answer', 'question_page');
);
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
