♿️(frontend) add blur status with sr announcement and sr-only class

improves a11y by exposing blur state to sr users and hiding visual labels

Signed-off-by: Cyril <c.gromoff@gmail.com>

src/frontend/src/locales/de/rooms.json

@@ -233,6 +233,11 @@
     "clear": "Effekt deaktivieren",
     "blur": {
       "title": "Hintergrundunschärfe",
+      "status": {
+        "none": "Hintergrund scharf.",
+        "light": "Hintergrund leicht verschwommen.",
+        "strong": "Hintergrund stark verschwommen."
+      },
       "light": {
         "apply": "Hintergrund leicht verwischen",
         "clear": "Unschärfe deaktivieren"

src/frontend/src/locales/en/rooms.json

@@ -233,6 +233,11 @@
     "clear": "Disable effect",
     "blur": {
       "title": "Background blur",
+      "status": {
+        "none": "Background clear.",
+        "light": "Background slightly blurred.",
+        "strong": "Background strongly blurred."
+      },
       "light": {
         "apply": "Slightly blur your background",
         "clear": "Disable blur"

src/frontend/src/locales/fr/rooms.json

@@ -233,6 +233,11 @@
     "clear": "Désactiver l'effet",
     "blur": {
       "title": "Flou d'arrière-plan",
+      "status": {
+        "none": "Arrière-plan net.",
+        "light": "Arrière-plan légèrement flouté.",
+        "strong": "Arrière-plan fortement flouté."
+      },
       "light": {
         "apply": "Flouter l'arrière-plan",
         "clear": "Désactiver le flou"

src/frontend/src/locales/nl/rooms.json

@@ -233,6 +233,11 @@
     "clear": "Effect uitschakelen",
     "blur": {
       "title": "Achtergrondvervaging",
+      "status": {
+        "none": "Achtergrond scherp.",
+        "light": "Achtergrond licht vervaagd.",
+        "strong": "Achtergrond sterk vervaagd."
+      },
       "light": {
         "apply": "Vervaag je achtergrond lichtjes",
         "clear": "Vervaging uitschakelen"