Release mb v2412.2

CHANGELOG.md

@@ -5,6 +5,15 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 This project (not yet) adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## mb-v2412.2
+
+### Changed
+- change rating icons to thumbs in map
+
+### Fixed
+- hide accessible text for rating buttons to only be visible for screen readers 
+
+
 ## mb-v2412.1
 
 ### Fixed

adhocracy4/comments_async/static/comments_async/__tests__/__snapshots__/comment.jest.jsx.snap

@@ -92,7 +92,7 @@ exports[`Comment Component renders comment with creator and comment text 1`] = `
                       Likes
                     </span>
                     <span
-                      class="aural"
+                      class="a4-sr-only"
                     >
                       Click to like
                     </span>
@@ -116,7 +116,7 @@ exports[`Comment Component renders comment with creator and comment text 1`] = `
                       Dislikes
                     </span>
                     <span
-                      class="aural"
+                      class="a4-sr-only"
                     >
                       Click to dislike
                     </span>
@@ -383,7 +383,7 @@ exports[`Comment Component renders comment with creator and comment text 1`] = `
                     Likes
                   </span>
                   <span
-                    class="aural"
+                    class="a4-sr-only"
                   >
                     Click to like
                   </span>
@@ -407,7 +407,7 @@ exports[`Comment Component renders comment with creator and comment text 1`] = `
                     Dislikes
                   </span>
                   <span
-                    class="aural"
+                    class="a4-sr-only"
                   >
                     Click to dislike
                   </span>
@@ -736,7 +736,7 @@ exports[`Comment Component renders comment with moderator badge 1`] = `
                       Likes
                     </span>
                     <span
-                      class="aural"
+                      class="a4-sr-only"
                     >
                       Click to like
                     </span>
@@ -760,7 +760,7 @@ exports[`Comment Component renders comment with moderator badge 1`] = `
                       Dislikes
                     </span>
                     <span
-                      class="aural"
+                      class="a4-sr-only"
                     >
                       Click to dislike
                     </span>
@@ -1032,7 +1032,7 @@ exports[`Comment Component renders comment with moderator badge 1`] = `
                     Likes
                   </span>
                   <span
-                    class="aural"
+                    class="a4-sr-only"
                   >
                     Click to like
                   </span>
@@ -1056,7 +1056,7 @@ exports[`Comment Component renders comment with moderator badge 1`] = `
                     Dislikes
                   </span>
                   <span
-                    class="aural"
+                    class="a4-sr-only"
                   >
                     Click to dislike
                   </span>

adhocracy4/maps/static/a4maps/a4maps_display_points.js

@@ -86,10 +86,10 @@ function init () {
 
     function getRatings (feature) {
       return '<span class="map-popup-upvotes">' +
-               feature.properties.positive_rating_count + ' <i class="fa fa-chevron-up" aria-hidden="true"></i>' +
+               feature.properties.positive_rating_count + ' <i class="fa fa-thumbs-up" aria-hidden="true"></i>' +
              '</span>' +
              '<span class="map-popup-downvotes">' +
-               feature.properties.negative_rating_count + ' <i class="fa fa-chevron-down" aria-hidden="true"></i>' +
+               feature.properties.negative_rating_count + ' <i class="fa fa-thumbs-down" aria-hidden="true"></i>' +
              '</span>'
     }
 

adhocracy4/ratings/static/ratings/RatingButton.jsx

@@ -32,7 +32,7 @@ const RatingButton = ({
       type="button"
     >
       {children}
-      <span className="aural">{type === 'up' ? translations.upvote : translations.downvote}</span>
+      <span className="a4-sr-only">{type === 'up' ? translations.upvote : translations.downvote}</span>
     </button>
   )
 }