Vous êtes sur la page 1sur 13

1.

Check for accessibility of the user menu button


Explanation: The options have tabindex set correctly
and the user is able to use the button Tab to
navigate between this options
Screenshot:

Comments: Also there is no cancel or close button to


close the poppup this is not a popup, this is a
dropdown and a dropdown doesn't have cancel or
close button.

2.Login Page - Register Now - Enter the valid fields


a) Explanation: Aria-required and aria-invalid are
used for the mandatory fields
Screenshot:
b) Explanation: When register button is clicked by
leaving few fields blank, the focus of the screen
reader doesn't move to the error message. The
error message doesn't have a box, is just red text so
you are not able to see the focus, but the tabindex is
set correctly :
c) Explanation : Both the password fields have the
same label, the second field could be labelled as
"confirm password". The second label is set
correctly :

3.The videos are not arranged under headings, most


viewed, most commented, featured etc should be
level 2 headings and the videos under these as level 3
headings with links to access.
a) Explanation: This categories have headings. I
cannot put a link to category title because there we
have a slider in order to show all the videos from the
specific category.
Screenshots:

4.Video Player Adjust volume


a) Explanation: The user is able to adjust the volume
of the player because the tabindex is set correctly.
Screenshots:

Comments: When clicking on the volume button, it


mutes and unmutes the video this is the correct
behavior for every player ( check youtube or any other
player ). The volume appears on hover and you can
adjust it.

5. The aria-label of these buttons contains the word


"tab" which needs to be removed. Currently jaws
reads these buttons as programme information tab
button ETC.
a) Explanation: The word TAB is removed from html.
Screenshots:

6. The comments edit area doesn't have a label.


a) Explanation: The comments edit area does have a
label.
Screenshots:

7. Check if the list of programmes are displayed


correctly. This table seems to be a layout table, hence
the role = "presentation" should be used.
a) Explanation: The role presentation is used.
Screenshots:

8.Check for the page for uploading the videos


Comments : I need informations about the file types
that are accepted.

9.There are no landmarks on the page. Use


role="banner", "main" contentinfo" and "navigation"
appropriately. Landmarks are broken. For Eg: banner
Region is started in Search land mark region which
needs to be started before Masthead region.
Explanation: The landmarks are used appropriately.
The homepage uses all this roles. Please check this
link http://www.w3.org/TR/wai-aria/roles#banner
where it explains each role.

10. The next and previous buttons under the


"featured" "most recent" "most viewed" "all categories"
on the home page are unlabelled.
Explanation: The next and previous button are
labelled.
Screenshots:

11. Under each of the above headers, there are few


pages and each page displays 4 videos. For screen
reader users it is quite confusing since Jaws reads "1
of 2, 1 of 38 etc". It should read "page 1 of 2, page 1
of 38 etc".
Explanation: It is very visible the word Page.
Screenshots:

12. The Combo box displaying the options "name" and


"creation date" under the all categories is unlabelled.
Explanation: The select option is labelled. The values
are dynamically loaded from dojo.
Screenshots:

13. The filter edit area under the all categories is


unlabelled.
Explanation: The filter edit area is labelled.
Screenshots:

Vous aimerez peut-être aussi