Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[A11y] Revision Card #2637

Closed
1 of 2 tasks
rt4914 opened this issue Feb 5, 2021 · 32 comments · Fixed by #3230
Closed
1 of 2 tasks

[A11y] Revision Card #2637

rt4914 opened this issue Feb 5, 2021 · 32 comments · Fixed by #3230
Assignees
Labels
good first issue This item is good for new contributors to make their pull request. Priority: Essential This work item must be completed for its milestone. Type: Task A single task of work corresponding to a greater milestone. Generally corresponds to a single PR. Z-ibt Temporary label for Ben to keep track of issues he's triaged.

Comments

@rt4914
Copy link
Contributor

rt4914 commented Feb 5, 2021

Current Output

current_revision_card.mp4

Issues Identified

  • The talkback reads this screen as Oppia at start, instead it should be Skill page. Also please add test for the same. (Assigned to @jonathanalvares9009)
  • After back arrow, overflow menu is selected and "What is a Fraction?" is never selected. Order should be: back-arrow, "Title" and overflow menu. (Assigned to @rt4914)

Note: To understand the above issue(s) completely, it is recommended that you setup Talkback and play with the app keeping it on and that will give you better context.

Accessibility Guide: https://github.com/oppia/oppia-android/wiki/Accessibility-(A11y)-Guide

@rt4914 rt4914 added Priority: Essential This work item must be completed for its milestone. good first issue This item is good for new contributors to make their pull request. Type: Task A single task of work corresponding to a greater milestone. Generally corresponds to a single PR. labels Feb 5, 2021
@rt4914 rt4914 added this to the Beta milestone Feb 5, 2021
@Prince-kushwaha
Copy link
Contributor

i want to work on this issue

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 5, 2021

@Prince-kushwaha I have assigned you two issues right now. So not assigning you this issue for now. Let's wait for your other PRs to get merged.

@omooooori
Copy link

@rt4914 I want to work on this issue.
If it is ok, please assign this task to me.

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 6, 2021

@omooooori Thanks for showing interest. Please checkout our wiki first. This will help you in setting up the project and once you sign the CLA and fill the survey form we can assign you issues to work on.

@priyanka0906
Copy link
Contributor

@rt4914 may I work on this?

@omooooori
Copy link

@rt4914 I signed CLA and answered survey. So if it is ok, could you please assign this task to me.

@Akshat-gour
Copy link
Contributor

Akshat-gour commented Feb 7, 2021

@rt4914 I tested this app on physical device (Samsung C7 pro API 26) as well as on emulator(Pixel 2 API 29)
Talkback works in this order Oppia ,back-arrow, "Title" and overflow menu.

But Only Read Oppia once when we open the what is fraction under Revision Card .

Here is One More Issue when this Sound icon is tapped talkback says Unlabelled
Capture 1

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 8, 2021

@rt4914 I want to work on this issue.
If it is ok, please assign this task to me.

@omooooori Assigned you one part of the issue.

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 8, 2021

@rt4914 may I work on this?

@priyanka0906 Assigned you one part of the issue.

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 8, 2021

@rt4914 I tested this app on physical device (Samsung C7 pro API 26) as well as on emulator(Pixel 2 API 29)
Talkback works in this order Oppia ,back-arrow, "Title" and overflow menu.

But Only Read Oppia once when we open the what is fraction under Revision Card .

Here is One More Issue when this Sound icon is tapped talkback says Unlabelled
Capture 1

@Akshat-gour Thanks for checking. What you are trying out is an exploration and this issue is related to Revision Card. You can reach revision card by following these steps: Home Screen → Select Fractions → Select Revision tab → Select first card.

@Akshat-gour
Copy link
Contributor

Akshat-gour commented Feb 8, 2021

I tried Revision also
1

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 8, 2021

I tried Revision also
1

@Akshat-gour It should not read Oppia at all instead it should read only the title of the screen.

@omooooori
Copy link

@rt4914 Sorry. I have simple question.
How can we put the talkback on button ?
I would like to switch talkback on/off by on click.

image

@Arjupta
Copy link
Contributor

Arjupta commented Feb 14, 2021

@rt4914 Sorry. I have simple question.
How can we put the talkback on button ?
I would like to switch talkback on/off by on click.

image

@omooooori the instructions varies for different devices. You can search about enabling TalkBack in a device which you use. There are some shortcuts combination of volume and power button also( again specific for different devices)

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 15, 2021

@omooooori I have just updated the assigned issue which makes it much simple. You just need a static label instead of a dynamic label.

@priyanka0906
Copy link
Contributor

@rt4914 in my emulator ,talkback is not navigating to all the items, as shown in the video.

Android.Emulator.-.Pixel_4_5554.2021-02-18.00-01-46.mp4

@Akshat-gour
Copy link
Contributor

Akshat-gour commented Feb 17, 2021

@priyanka0906
Talkback Does not Automatically Read the next text.
Take a look at this to know how navigation works.
https://support.google.com/accessibility/android/answer/6006598
also
https://github.com/oppia/oppia-android/wiki/Accessibility-(A11y)-Guide

@priyanka0906
Copy link
Contributor

@priyanka0906
Talkback Does not Automatically Read the next text.
Take a look at this to know how navigation works.
https://support.google.com/accessibility/android/answer/6006598

okay...thankyou

@priyanka0906
Copy link
Contributor

@rt4914 I have tried android:accessibilityTraversalAfter="@id/revision_card_toolbar" but it didn't work....would you please provide any hint or something which would help me.

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 19, 2021

@rt4914 I have tried android:accessibilityTraversalAfter="@id/revision_card_toolbar" but it didn't work....would you please provide any hint or something which would help me.

@priyanka0906 Suggest checking out Topic and StoryActivity toolbar and how it is implemented if we follow similar approach. It should work in Revision Card too.

@priyanka0906
Copy link
Contributor

@rt4914 I have tried android:accessibilityTraversalAfter="@id/revision_card_toolbar" but it didn't work....would you please provide any hint or something which would help me.

@priyanka0906 Suggest checking out Topic and StoryActivity toolbar and how it is implemented if we follow similar approach. It should work in Revision Card too.

okay thankyou

@priyanka0906
Copy link
Contributor

@rt4914 in this also title is not selected after back arrow

Android.Emulator.-.Pixel_4_5554.2021-02-20.10-55-48.mp4

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 22, 2021

@priyanka0906 Thanks for providing the video. I think I will have to try to solve this and then only I can confirm the exact reason for the issue.

@priyanka0906
Copy link
Contributor

@priyanka0906 Thanks for providing the video. I think I will have to try to solve this and then only I can confirm the exact reason for the issue.

okay sir

@Sparsh1212
Copy link
Contributor

@rt4914 If the first part of the issue is still available, then please assign it to me. Also, please tell the static label for this screen.

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 23, 2021

@Sparsh1212 First part needs confirmation on another issue from Chantel. Also, I suggest not picking these issues as you have already finished multiple issues where you are adding label. Instead try to pick something new.

@rt4914 rt4914 self-assigned this Feb 23, 2021
@Sparsh1212
Copy link
Contributor

@Sparsh1212 First part needs confirmation on another issue from Chantel. Also, I suggest not picking these issues as you have already finished multiple issues where you are adding label. Instead try to pick something new.

Sure, I have commented on other different issues as well, will start working on them as assigned.

@omooooori
Copy link

@omooooori I have just updated the assigned issue which makes it much simple. You just need a static label instead of a dynamic label.

@rt4914 I tried to resolve according to your commnet.

I think RevisionCardActivityPresenter::subscribeToSubtopicTitle() is creating sub topic title dynamically.
But if I change not to use this and set static sub topic title, all revision card sub topic title will be changed.
You mean that we should change to set static label we got from json file to revisionCardToolbarTitle.text ?

Or you mean we have to not to use LiveData to set sub topic title ?
I would like to get some advise.

Thank you in advance.

@rt4914
Copy link
Contributor Author

rt4914 commented Feb 26, 2021

@omooooori I have just updated the assigned issue which makes it much simple. You just need a static label instead of a dynamic label.

@rt4914 I tried to resolve according to your commnet.

I think RevisionCardActivityPresenter::subscribeToSubtopicTitle() is creating sub topic title dynamically.
But if I change not to use this and set static sub topic title, all revision card sub topic title will be changed.
You mean that we should change to set static label we got from json file to revisionCardToolbarTitle.text ?

Or you mean we have to not to use LiveData to set sub topic title ?
I would like to get some advise.

Thank you in advance.

@omooooori I have made this issue simpler. You can introduce a static string which reads Skill page instead of dynamic string.

@jonathanalvares9009
Copy link
Contributor

@rt4914 I would like to take this issue if it's not yet complete can I get a little more context on what I'll have to do?

@jonathanalvares9009
Copy link
Contributor

@rt4914 I'm trying to solve part 1 bug. I used the app with talkback. So when I click on something to raise it says oppia n then the name of the unit eg: What is a fraction?. I have to replace oppia with skill page right don't touch the header of the revision card n also write test for the implementation. Please correct if I've misunderstood the issue.

@jonathanalvares9009
Copy link
Contributor

@rt4914 sir I wrote the code that says skill page instead of oppia. Do I have to write a test for the same or is the change is enough?

BenHenning pushed a commit that referenced this issue Apr 3, 2021
…ty (#3011)

* Added accessibilty label to the RevisionCardActivity

* Made improvements to the RevisionCardActivityTest file

* Resolved ktlint issue

* Made the requested changes

* Made the requested changes

* Changed from subTopicId to subtopicId

* Improved accessibility

* Added todo back

Co-authored-by: Jonathan Alvares <[email protected]>
@BenHenning BenHenning added the Z-ibt Temporary label for Ben to keep track of issues he's triaged. label Sep 16, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue This item is good for new contributors to make their pull request. Priority: Essential This work item must be completed for its milestone. Type: Task A single task of work corresponding to a greater milestone. Generally corresponds to a single PR. Z-ibt Temporary label for Ben to keep track of issues he's triaged.
Development

Successfully merging a pull request may close this issue.

9 participants