After trying to navigate in Koha with a screen reader, I noticed that the star rating of the record was difficult to understand without sight. The stars don’t have text alternatives, and the links are empty. It would be great to improve this! If you want to test this issue, you can use screen readers like Orca. There are some pages with star ratings: Enable the following system preference: OpacStarRatings (results, details, and patron). -The results page (make a search). -The OPAC details page (choose a record). -Your summary "checked out" page (You have to make a checkout before for your patron account. Go to the staff interface, enter the card number or your patron name in the search bar, and make a checkout).
Created attachment 182254 [details] [review] Bug 39706: Add alternative text to the stars rating This patch improves the accessibility of the star ratings. To test this patch, you need to use a screen reader. Some help for using the screen reader: to navigate between links, use the Tab key, to hear the text on the page, use the arrow keys. Test Plan: 1. Enable the following system preference: OpacStarRatings (results, details, and patron). 2. Apply the patch. 3. Launch your screen reader (ex: Orca). 4. Go to the Opac interface. 5. Make a search. 6. Navigate through the record results and go to the star rating, you should hear only the rating average of each record and the number of votes. 7. On a record, do the same: go to the star rating, you should hear the rating average of the record and the number of votes. 8. Now, log into an account. 9. Make a search. 10. Navigate with the screen reader to the stars; you should hear the same information as in step 6. 11. Click on a record to view the details and navigate to the rating. Now, you can change the rating. Tab through the stars, it should tell you the number of each star. When you use the tab or arrow keys, you should still hear the average and the number of votes. 12. For this part, you need to have a record checkout (if you don't have a record checked out, go to the staff interface and do it. Choose your patron and enter the barcode of the record). 13. Go to your account. In the "Checked Out" section, navigate with the screen reader to the star rating, you should hear the number of stars and be able to change your rating or make a new one. You have to hear your rating, the average and the number of votes.
Created attachment 183923 [details] [review] Bug 39706: Add alternative text to the stars rating Test Plan: 1- Enable the following system preference: OpacStarRatings (results, details, and patron). 2- Apply the patch. 3- Go to the Opac. 4- Search a record. 5- Inspect the HTML code before the stars and notice that there is "Star rating" in a span tag with the class "sr-only". Inspect the stars, there should be a span tag for each star. After the stars, notice that there is the average rating in a span with the "sr-only" class. 6- Click on a record and do the same as the 5: go to the star rating, inspect the HTML code, and notice that there is a span tag for each star. 7- Now, log into an account. 8- Search a record. 9- It should be the same information as in the step 5. 10- Click on a record to view the details. Now, you can change the rating. Inspect the stars, each should have the number of stars in the span tag with a "sr-only" class, which are in the link tags. 11- For this part, you need to have a record checked out (if you don't have a record checked out, go to the staff interface and do it. Choose your patron and enter the barcode of the record). 12- Go to your account. In the "Checked Out" section, you should see the same as in the 10 step: the number of stars and be able to change your rating or make a new one.
Created attachment 183952 [details] [review] Bug 39706: Add alternative text to the stars rating Test Plan: 1- Enable the following system preference: OpacStarRatings (results, details, and patron). 2- Apply the patch. 3- Go to the Opac. 4- Search a record. 5- Inspect the HTML code before the stars and notice that there is "Star rating" in a span tag with the class "sr-only". Inspect the stars, there should be a span tag for each star. After the stars, notice that there is the average rating in a span with the "sr-only" class. 6- Click on a record and do the same as the 5: go to the star rating, inspect the HTML code, and notice that there is a span tag for each star. 7- Now, log into an account. 8- Search a record. 9- It should be the same information as in the step 5. 10- Click on a record to view the details. Now, you can change the rating. Inspect the stars, each should have the number of stars in the span tag with a "sr-only" class, which are in the link tags. 11- For this part, you need to have a record checked out (if you don't have a record checked out, go to the staff interface and do it. Choose your patron and enter the barcode of the record). 12- Go to your account. In the "Checked Out" section, you should see the same as in the 10 step: the number of stars and be able to change your rating or make a new one. Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Created attachment 184070 [details] [review] Bug 39706: Add alternative text to the stars rating I just added an exception in the script. Sorry for the inconvenience. Test Plan: 1- Enable the following system preference: OpacStarRatings (results, details, and patron). 2- Apply the patch. 3- Go to the Opac. 4- Search a record. 5- Inspect the HTML code before the stars and notice that there is "Star rating" in a span tag with the class "sr-only". Inspect the stars, there should be a span tag for each star. After the stars, notice that there is the average rating in a span with the "sr-only" class. 6- Click on a record and do the same as the 5: go to the star rating, inspect the HTML code, and notice that there is a span tag for each star. 7- Now, log into an account. 8- Search a record. 9- It should be the same information as in the step 5. 10- Click on a record to view the details. Now, you can change the rating. Inspect the stars, each should have the number of stars in the span tag with a "sr-only" class, which are in the link tags. 11- For this part, you need to have a record checked out (if you don't have a record checked out, go to the staff interface and do it. Choose your patron and enter the barcode of the record). 12- Go to your account. In the "Checked Out" section, you should see the same as in the 10 step: the number of stars and be able to change your rating or make a new one.
Created attachment 184355 [details] [review] Bug 39706: Add alternative text to the stars rating I just added an exception in the script. Sorry for the inconvenience. Test Plan: 1- Enable the following system preference: OpacStarRatings (results, details, and patron). 2- Apply the patch. 3- Go to the Opac. 4- Search a record. 5- Inspect the HTML code before the stars and notice that there is "Star rating" in a span tag with the class "sr-only". Inspect the stars, there should be a span tag for each star. After the stars, notice that there is the average rating in a span with the "sr-only" class. 6- Click on a record and do the same as the 5: go to the star rating, inspect the HTML code, and notice that there is a span tag for each star. 7- Now, log into an account. 8- Search a record. 9- It should be the same information as in the step 5. 10- Click on a record to view the details. Now, you can change the rating. Inspect the stars, each should have the number of stars in the span tag with a "sr-only" class, which are in the link tags. 11- For this part, you need to have a record checked out (if you don't have a record checked out, go to the staff interface and do it. Choose your patron and enter the barcode of the record). 12- Go to your account. In the "Checked Out" section, you should see the same as in the 10 step: the number of stars and be able to change your rating or make a new one. Signed-off-by: Owen Leonard <oleonard@myacpl.org>