RE: [a11y] Links to read reviews are confusing for screen reader/keyboard users

[xlisachan]

Fixes #8860

This pull request refactors the multiple links per rating by star to a single link (an approach mentioned in #9254).

In addition, it updates the link titles to include the number of reviews per rating by star (e.g., 'Read all 7 five-star reviews'). Conditions were also added in case there is only one or no reviews available (e.g. 'Read the four-star review', 'No three-star reviews yet').

Please review when you have a moment. Thank you!

[codecov]

Codecov Report

Merging #10945 (3038165) into master (be26ea1) will decrease coverage by 0.00%.
The diff coverage is 95.23%.

@@            Coverage Diff             @@
##           master   #10945      +/-   ##
==========================================
- Coverage   98.39%   98.38%   -0.01%     
==========================================
  Files         258      258              
  Lines        7538     7556      +18     
  Branches     1366     1372       +6     
==========================================
+ Hits         7417     7434      +17     
- Misses        113      114       +1     
  Partials        8        8              

Impacted Files	Coverage Δ
src/amo/components/RatingsByStar/index.js	97.14% <95.23%> (-2.86%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update be26ea1...3038165. Read the comment docs.

[xlisachan]

Thanks for the feedback, @diox ! The latest pull request removes the template strings and utilizes ngettext to handle the plural forms. Please review when you have a moment. Thank you!

[xlisachan]

Thanks again for the feedback, @diox! The latest pull request has ngettext for each star rating as suggested. Please review when you have a moment. Thank you!

[xlisachan]

Thanks for the feedback, @diox! The latest push reflects an updated stylesheet that removes !important and instead increases the specificity as advised. Please review when you have a moment. Thank you!

[diox]

Looks good now, thanks @xlisachan !

[eviljeff]

@xlisachan if you comment in the issue we can assign it to you