Replace visuallyhidden utility class with w-sr-only

client/scss/components/_listing.scss

@@ -199,7 +199,7 @@ ul.listing {
     }
 
     label span {
-      @include visuallyhidden();
+      @apply w-sr-only;
     }
 
     input {

client/scss/core.scss

@@ -159,7 +159,6 @@ These are classes that provide overrides.
 
 // UTILITIES: classes that do one simple thing.
 @import 'overrides/utilities.focus';
-@import 'overrides/utilities.visuallyhidden';
 
 // Legacy utilities
 @import 'overrides/utilities.legacy';

client/scss/overrides/_utilities.visuallyhidden.scss

@@ -1,3 +0,0 @@
-.visuallyhidden {
-  @include visuallyhidden;
-}

client/scss/tools/_mixins.general.scss

@@ -57,17 +57,6 @@
   }
 }
 
-@mixin visuallyhidden {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-}
-
 @mixin svg-icon($size: 1em, $position: text-top) {
   width: $size;
   height: $size;

client/src/components/Button/Button.tsx

@@ -55,7 +55,7 @@ const Button: React.FunctionComponent<ButtonProps> = ({
 }) => {
   const hasText = React.Children.count(children) > 0;
   const accessibleElt = accessibleLabel ? (
-    <span className="visuallyhidden">{accessibleLabel}</span>
+    <span className="w-sr-only">{accessibleLabel}</span>
   ) : null;
 
   return (

client/src/components/Button/__snapshots__/Button.test.js.snap

@@ -7,7 +7,7 @@ exports[`Button #accessibleLabel 1`] = `
   onClick={[Function]}
 >
   <span
-    className="visuallyhidden"
+    className="w-sr-only"
   >
     I am here in the shadows
   </span>

client/src/components/Icon/Icon.tsx

@@ -18,7 +18,7 @@ const Icon: React.FunctionComponent<IconProps> = ({
     <svg className={`icon icon-${name} ${className || ''}`} aria-hidden="true">
       <use href={`#icon-${name}`} />
     </svg>
-    {title && <span className="visuallyhidden">{title}</span>}
+    {title && <span className="w-sr-only">{title}</span>}
   </>
 );
 

client/src/components/Icon/__snapshots__/Icon.test.js.snap

@@ -37,7 +37,7 @@ exports[`Icon #title 1`] = `
     />
   </svg>
   <span
-    className="visuallyhidden"
+    className="w-sr-only"
   >
     Test title
   </span>

wagtail/admin/locale/ca/LC_MESSAGES/django.po

@@ -814,16 +814,16 @@ msgstr "Resum del lloc"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Pàgina <span class=\"visuallyhidden\">creada a "
+"<span>%(total)s</span> Pàgina <span class=\"w-sr-only\">creada a "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Pàgines <span class=\"visuallyhidden\">creades a "
+"<span>%(total)s</span> Pàgines <span class=\"w-sr-only\">creades a "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/de/LC_MESSAGES/django.po

@@ -881,16 +881,16 @@ msgstr "Seitenzusammenfassung"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Seite <span class=\"visuallyhidden\">erstellt in "
+"<span>%(total)s</span> Seite <span class=\"w-sr-only\">erstellt in "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Seiten <span class=\"visuallyhidden\">erstellt in "
+"<span>%(total)s</span> Seiten <span class=\"w-sr-only\">erstellt in "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/en/LC_MESSAGES/django.po

@@ -1144,10 +1144,10 @@ msgstr ""
 #: templates/wagtailadmin/home/site_summary_pages.html:6
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
 msgstr[1] ""

wagtail/admin/locale/fa/LC_MESSAGES/django.po

@@ -715,16 +715,16 @@ msgstr "خلاصه سایت"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> صفحه در <span class=\"visuallyhidden\">%(site_name)s "
+"<span>%(total)s</span> صفحه در <span class=\"w-sr-only\">%(site_name)s "
 "ساخته شده اند</span>"
 msgstr[1] ""
-"<span>%(total)s</span> صفحه در <span class=\"visuallyhidden\">%(site_name)s "
+"<span>%(total)s</span> صفحه در <span class=\"w-sr-only\">%(site_name)s "
 "ساخته شده اند</span>"
 
 #, python-format

wagtail/admin/locale/fi/LC_MESSAGES/django.po

@@ -685,16 +685,16 @@ msgstr "Sivuston yhteenveto"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> sivu <span class=\"visuallyhidden\">luotu sivustolle "
+"<span>%(total)s</span> sivu <span class=\"w-sr-only\">luotu sivustolle "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> sivua <span class=\"visuallyhidden\">luotu sivustolle "
+"<span>%(total)s</span> sivua <span class=\"w-sr-only\">luotu sivustolle "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/fr/LC_MESSAGES/django.po

@@ -850,19 +850,19 @@ msgstr "Sommaire du site"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">créée dans "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">créée dans "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">créées dans "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">créées dans "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">créées dans "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">créées dans "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/gl/LC_MESSAGES/django.po

@@ -815,16 +815,16 @@ msgstr "Resumo do sitio"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Páxina <span class=\"visuallyhidden\">creadas en "
+"<span>%(total)s</span> Páxina <span class=\"w-sr-only\">creadas en "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Páxinas <span class=\"visuallyhidden\">creadas en "
+"<span>%(total)s</span> Páxinas <span class=\"w-sr-only\">creadas en "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/hu/LC_MESSAGES/django.po

@@ -816,16 +816,16 @@ msgstr "Oldal összegzés"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> oldal <span class=\"visuallyhidden\">létrehozva itt: "
+"<span>%(total)s</span> oldal <span class=\"w-sr-only\">létrehozva itt: "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> oldal <span class=\"visuallyhidden\">létrehozva itt: "
+"<span>%(total)s</span> oldal <span class=\"w-sr-only\">létrehozva itt: "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/is_IS/LC_MESSAGES/django.po

@@ -814,13 +814,13 @@ msgstr "Upplýsingar um vef"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Síða <span class=\"visuallyhidden\">búin til í "
+"<span>%(total)s</span> Síða <span class=\"w-sr-only\">búin til í "
 "%(site_name)s</span>"
 msgstr[1] "<span>%(total)s</span> Síður búnar til í %(site_name)s</span>"
 

wagtail/admin/locale/it/LC_MESSAGES/django.po

@@ -727,19 +727,19 @@ msgstr "Riepilogo del sito"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> pagina <span class=\"visuallyhidden\">creata in "
+"<span>%(total)s</span> pagina <span class=\"w-sr-only\">creata in "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> pagine <span class=\"visuallyhidden\">create in "
+"<span>%(total)s</span> pagine <span class=\"w-sr-only\">create in "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> pagine <span class=\"visuallyhidden\">create in "
+"<span>%(total)s</span> pagine <span class=\"w-sr-only\">create in "
 "%(site_name)s</span>"
 
 msgid "Read the release notes."

wagtail/admin/locale/ko/LC_MESSAGES/django.po

@@ -685,13 +685,13 @@ msgstr "사이트 요약"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span>페이지는 <span class=\"visuallyhidden\">%(site_name)s</"
+"<span>%(total)s</span>페이지는 <span class=\"w-sr-only\">%(site_name)s</"
 "span>안에 생성되었습니다."
 
 msgid "Task started"

wagtail/admin/locale/lt/LC_MESSAGES/django.po

@@ -529,22 +529,22 @@ msgstr "Tinklalapio suvestinė"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Puslapis <span class=\"visuallyhidden\">, sukurtas "
+"<span>%(total)s</span> Puslapis <span class=\"w-sr-only\">, sukurtas "
 "%(site_name)s tinklalapyje</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Puslapiai <span class=\"visuallyhidden\">, sukurti "
+"<span>%(total)s</span> Puslapiai <span class=\"w-sr-only\">, sukurti "
 "%(site_name)s tinklalapyje</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Puslapis <span class=\"visuallyhidden\">, sukurtas "
+"<span>%(total)s</span> Puslapis <span class=\"w-sr-only\">, sukurtas "
 "%(site_name)s tinklalapyje</span>"
 msgstr[3] ""
-"<span>%(total)s</span> Puslapių <span class=\"visuallyhidden\">, sukurtų "
+"<span>%(total)s</span> Puslapių <span class=\"w-sr-only\">, sukurtų "
 "%(site_name)s tinklalapyje</span>"
 
 msgid "Task started"

wagtail/admin/locale/nb/LC_MESSAGES/django.po

@@ -801,16 +801,16 @@ msgstr "Oppsummering for nettstedet"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Side <span class=\"visuallyhidden\">opprettet i "
+"<span>%(total)s</span> Side <span class=\"w-sr-only\">opprettet i "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Sider <span class=\"visuallyhidden\">opprettet i "
+"<span>%(total)s</span> Sider <span class=\"w-sr-only\">opprettet i "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/nl/LC_MESSAGES/django.po

@@ -841,16 +841,16 @@ msgstr "Site samenvatting"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> pagina <span class=\"visuallyhidden\"> aangemaakt in "
+"<span>%(total)s</span> pagina <span class=\"w-sr-only\"> aangemaakt in "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> pagina's <span class=\"visuallyhidden\">aangemaakt in "
+"<span>%(total)s</span> pagina's <span class=\"w-sr-only\">aangemaakt in "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/pl/LC_MESSAGES/django.po

@@ -838,22 +838,22 @@ msgstr "Streszczenie strony"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> strona <span class=\"visuallyhidden\">utworzona w "
+"<span>%(total)s</span> strona <span class=\"w-sr-only\">utworzona w "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> stron <span class=\"visuallyhidden\">utworzonych w "
+"<span>%(total)s</span> stron <span class=\"w-sr-only\">utworzonych w "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> stron <span class=\"visuallyhidden\">utworzonych w "
+"<span>%(total)s</span> stron <span class=\"w-sr-only\">utworzonych w "
 "%(site_name)s</span>"
 msgstr[3] ""
-"<span>%(total)s</span> stron <span class=\"visuallyhidden\">utworzonych w "
+"<span>%(total)s</span> stron <span class=\"w-sr-only\">utworzonych w "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/pt_PT/LC_MESSAGES/django.po

@@ -704,19 +704,19 @@ msgstr "Resumo do site"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Imagem <span class=\"visuallyhidden\">criada em "
+"<span>%(total)s</span> Imagem <span class=\"w-sr-only\">criada em "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Imagens <span class=\"visuallyhidden\">criadas em "
+"<span>%(total)s</span> Imagens <span class=\"w-sr-only\">criadas em "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Imagens <span class=\"visuallyhidden\">criadas em "
+"<span>%(total)s</span> Imagens <span class=\"w-sr-only\">criadas em "
 "%(site_name)s</span>"
 
 msgid "Task started"

wagtail/admin/locale/ro/LC_MESSAGES/django.po

@@ -822,19 +822,19 @@ msgstr "Rezumat sait"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Pagină <span class=\"visuallyhidden\">creată în "
+"<span>%(total)s</span> Pagină <span class=\"w-sr-only\">creată în "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Pagini <span class=\"visuallyhidden\">create în "
+"<span>%(total)s</span> Pagini <span class=\"w-sr-only\">create în "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Pagini <span class=\"visuallyhidden\">create în "
+"<span>%(total)s</span> Pagini <span class=\"w-sr-only\">create în "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/ru/LC_MESSAGES/django.po

@@ -869,22 +869,22 @@ msgstr "Общая информация"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span>Страница <span class=\"visuallyhidden\"> создана в "
+"<span>%(total)s</span>Страница <span class=\"w-sr-only\"> создана в "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span>страниц <span class=\"visuallyhidden\">создано в "
+"<span>%(total)s</span>страниц <span class=\"w-sr-only\">создано в "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span>Страниц <span class=\"visuallyhidden\">создано в "
+"<span>%(total)s</span>Страниц <span class=\"w-sr-only\">создано в "
 "%(site_name)s</span>"
 msgstr[3] ""
-"<span>%(total)s</span> Страниц <span class=\"visuallyhidden\">создано в "
+"<span>%(total)s</span> Страниц <span class=\"w-sr-only\">создано в "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/sl/LC_MESSAGES/django.po

@@ -794,22 +794,22 @@ msgstr "Povzetek spletnega mesta"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Stran <span class=\"visuallyhidden\">ustvarjena v "
+"<span>%(total)s</span> Stran <span class=\"w-sr-only\">ustvarjena v "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Strani <span class=\"visuallyhidden\">ustvarjeni v "
+"<span>%(total)s</span> Strani <span class=\"w-sr-only\">ustvarjeni v "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Strani <span class=\"visuallyhidden\">ustvarjenih v "
+"<span>%(total)s</span> Strani <span class=\"w-sr-only\">ustvarjenih v "
 "%(site_name)s</span>"
 msgstr[3] ""
-"<span>%(total)s</span> Strani <span class=\"visuallyhidden\">ustvarjenih v "
+"<span>%(total)s</span> Strani <span class=\"w-sr-only\">ustvarjenih v "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/locale/sv/LC_MESSAGES/django.po

@@ -802,16 +802,16 @@ msgstr "Sajtsammanställning"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Page <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Page <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Pages <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Pages <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Sida <span class=\"visuallyhidden\">skapades i "
+"<span>%(total)s</span> Sida <span class=\"w-sr-only\">skapades i "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Sidor <span class=\"visuallyhidden\">skapades i "
+"<span>%(total)s</span> Sidor <span class=\"w-sr-only\">skapades i "
 "%(site_name)s</span>"
 
 #, python-format

wagtail/admin/templates/wagtailadmin/bulk_actions/footer.html

@@ -1,6 +1,6 @@
 {% load i18n wagtailadmin_tags %}
 <section class="footer bulk-actions-choices hidden" data-bulk-action-footer aria-labelledby="bulk-actions-heading">
-    <h2 id="bulk-actions-heading" class="visuallyhidden">{% trans "Bulk actions" %}</h2>
+    <h2 id="bulk-actions-heading" class="w-sr-only">{% trans "Bulk actions" %}</h2>
     <div class="footer__container">
         {% include 'wagtailadmin/bulk_actions/select_all_checkbox_input.html' with parent=parent %}
         <ul class="bulk-actions-buttons">{% bulk_action_choices app_label model_name %}</ul>

wagtail/admin/templates/wagtailadmin/home/site_summary.html

@@ -1,7 +1,7 @@
 {% load i18n wagtailadmin_tags %}
 {% if summary_items %}
     <section class="w-summary" aria-labelledby="header-title">
-        <h2 class="visuallyhidden">{% trans "Site summary" %}</h2>
+        <h2 class="w-sr-only">{% trans "Site summary" %}</h2>
         <ul class="w-summary__list">
             {% for item in summary_items %}
                 {% component item %}

wagtail/admin/templates/wagtailadmin/home/site_summary_pages.html

@@ -4,9 +4,9 @@
     {% icon name="doc-empty" %}
     <a href="{% url 'wagtailadmin_explore' root_page.pk %}">
         {% blocktrans trimmed count counter=total_pages with total_pages|intcomma as total %}
-            <span>{{ total }}</span> Page <span class="visuallyhidden">created in {{ site_name }}</span>
+            <span>{{ total }}</span> Page <span class="w-sr-only">created in {{ site_name }}</span>
         {% plural %}
-            <span>{{ total }}</span> Pages <span class="visuallyhidden">created in {{ site_name }}</span>
+            <span>{{ total }}</span> Pages <span class="w-sr-only">created in {{ site_name }}</span>
         {% endblocktrans %}
     </a>
 </li>

wagtail/admin/templates/wagtailadmin/pages/add_subpage.html

@@ -24,7 +24,7 @@
                                     {% icon name="plus-inverse" classname="default w-mr-1 w-align-middle" %}
                                     {{ verbose_name }}
                                     {% if page_description %}
-                                        <div><span class="visuallyhidden">.</span><small>{{ page_description }}</small></div>
+                                        <div><span class="w-sr-only">.</span><small>{{ page_description }}</small></div>
                                     {% endif %}
                                 </a>
                             </div>

wagtail/admin/templates/wagtailadmin/permissions/includes/collection_member_permissions_form.html

@@ -7,7 +7,7 @@
 
 {% for option in form.permissions %}
     <td>
-        <label for="{{ option.id_for_label }}" class="visuallyhidden">{{ option.choice_label }}</label>
+        <label for="{{ option.id_for_label }}" class="w-sr-only">{{ option.choice_label }}</label>
         {{ option.tag }}
     </td>
 {% endfor %}

wagtail/admin/templates/wagtailadmin/shared/header.html

@@ -62,8 +62,8 @@
                         {% formattedfield field=field classname="w-mb-0 -w-mt-2.5" sr_only_label=True icon="search" %}
                     {% endfor %}
                     {% comment %}Add an initial disabled & hidden submit button so that pressing 'enter' will not submit form. Reload not required as the content is dynamically loaded.{% endcomment %}
-                    <div class="visuallyhidden"><input disabled type="submit" aria-hidden="true"/></div>
-                    <div class="submit visuallyhidden"><input type="submit" value="Search" class="button" /></div>
+                    <div class="w-sr-only"><input disabled type="submit" aria-hidden="true"/></div>
+                    <div class="submit w-sr-only"><input type="submit" value="Search" class="button" /></div>
                 </form>
             {% elif search %}
                 {{ search }}

wagtail/admin/templates/wagtailadmin/shared/icon.html

@@ -5,7 +5,7 @@
         <use href="#icon-{{ name }}"></use>
     </svg>
     {% if title %}
-        <span class="visuallyhidden">
+        <span class="w-sr-only">
             {{ title }}
         </span>
     {% endif %}

wagtail/admin/templates/wagtailadmin/shared/status_tag.html

@@ -2,14 +2,14 @@
 {% if url %}
     <a href="{{ url }}" class="{% classnames 'w-status' classname %}"{% if title %} title="{{ title }}" {% endif %}{% if attrs %} {{ attrs }}{% endif %}>
         {% if hidden_label %}
-            <span class="visuallyhidden">{{ hidden_label }}</span> {% if label %}{{ label }}{% endif %}
+            <span class="w-sr-only">{{ hidden_label }}</span> {% if label %}{{ label }}{% endif %}
         {% else %}
             {% if label %}{{ label }}{% endif %}
         {% endif %}
     </a>
 {% else %}
     <span class="{% classnames 'w-status' classname %}"{% if attrs %} {{ attrs }}{% endif %}>
-        {% if hidden_label %}<span class="visuallyhidden">{{ hidden_label }}</span>{% endif %}
+        {% if hidden_label %}<span class="w-sr-only">{{ hidden_label }}</span>{% endif %}
         {% if label %}{{ label }}{% endif %}
     </span>
 {% endif %}

wagtail/admin/tests/test_templatetags.py

@@ -512,7 +512,7 @@ class StatusTagTest(SimpleTestCase):
         expected = """
             <span class="w-status w-status--primary">live</span>
             <span class="w-status">live</span>
-            <span class="w-status w-status--primary"><span class="visuallyhidden">hidden translated label</span>live</span>
+            <span class="w-status w-status--primary"><span class="w-sr-only">hidden translated label</span>live</span>
             <span class="w-status"></span>
         """
 
@@ -531,7 +531,7 @@ class StatusTagTest(SimpleTestCase):
 
         expected = """
             <a href="/test-url/" class="w-status w-status--primary" title="title" target="_blank" rel="noreferrer">
-                <span class="visuallyhidden">hidden label</span>
+                <span class="w-sr-only">hidden label</span>
                 live
             </a>
             <a href="/test-url/" class="w-status w-status--primary" title="title">
@@ -560,11 +560,11 @@ class StatusTagTest(SimpleTestCase):
 
         expected = """
             <a href="/test-url/" class="w-status w-status--primary" title="title" target="_blank" rel="noreferrer">
-                <span class="visuallyhidden">hidden label</span>
+                <span class="w-sr-only">hidden label</span>
                 live
             </a>
             <span class="w-status w-status--primary" data-example='present'>
-                <span class="visuallyhidden">hidden label</span>
+                <span class="w-sr-only">hidden label</span>
                 live
             </span>
         """

wagtail/documents/locale/ca/LC_MESSAGES/django.po

@@ -254,16 +254,16 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">creat a "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">creat a "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">creats a "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">creats a "
 "%(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/de/LC_MESSAGES/django.po

@@ -280,16 +280,16 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Dokument <span class=\"visuallyhidden\">wurde in "
+"<span>%(total)s</span> Dokument <span class=\"w-sr-only\">wurde in "
 "%(site_name)s erstellt</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Dokumente <span class=\"visuallyhidden\">wurden in "
+"<span>%(total)s</span> Dokumente <span class=\"w-sr-only\">wurden in "
 "%(site_name)s erstellt</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/en/LC_MESSAGES/django.po

@@ -308,10 +308,10 @@ msgstr ""
 #: templates/wagtaildocs/homepage/site_summary_documents.html:6
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
 msgstr[1] ""

wagtail/documents/locale/fi/LC_MESSAGES/django.po

@@ -258,16 +258,16 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> dokumentti <span class=\"visuallyhidden\">luotu "
+"<span>%(total)s</span> dokumentti <span class=\"w-sr-only\">luotu "
 "sivustolla %(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> dokumenttia <span class=\"visuallyhidden\">luotu "
+"<span>%(total)s</span> dokumenttia <span class=\"w-sr-only\">luotu "
 "sivustolla %(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/fr/LC_MESSAGES/django.po

@@ -287,21 +287,21 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">créé dans "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">créé dans "
 "%(site_name)s</span>\n"
 "    "
 msgstr[1] ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">créés dans "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">créés dans "
 "%(site_name)s</span>\n"
 "    "
 msgstr[2] ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">créés dans "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">créés dans "
 "%(site_name)s</span>\n"
 "    "
 

wagtail/documents/locale/gl/LC_MESSAGES/django.po

@@ -251,16 +251,16 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Documento <span class=\"visuallyhidden\">creado en "
+"<span>%(total)s</span> Documento <span class=\"w-sr-only\">creado en "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Documentos <span class=\"visuallyhidden\">creados en "
+"<span>%(total)s</span> Documentos <span class=\"w-sr-only\">creados en "
 "%(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/hr_HR/LC_MESSAGES/django.po

@@ -265,19 +265,19 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Dokument <span class=\"visuallyhidden\">je stvoren u "
+"<span>%(total)s</span> Dokument <span class=\"w-sr-only\">je stvoren u "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Dokumenata <span class=\"visuallyhidden\">je stvoreno "
+"<span>%(total)s</span> Dokumenata <span class=\"w-sr-only\">je stvoreno "
 "u %(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Dokumenata <span class=\"visuallyhidden\">je stvoreno "
+"<span>%(total)s</span> Dokumenata <span class=\"w-sr-only\">je stvoreno "
 "u %(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/hu/LC_MESSAGES/django.po

@@ -254,16 +254,16 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> dokumentum <span class=\"visuallyhidden\">létrehozva "
+"<span>%(total)s</span> dokumentum <span class=\"w-sr-only\">létrehozva "
 "itt: %(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> dokumentum <span class=\"visuallyhidden\">létrehozva "
+"<span>%(total)s</span> dokumentum <span class=\"w-sr-only\">létrehozva "
 "itt: %(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/is_IS/LC_MESSAGES/django.po

@@ -247,16 +247,16 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Skjal <span class=\"visuallyhidden\">búið til í "
+"<span>%(total)s</span> Skjal <span class=\"w-sr-only\">búið til í "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Skjöl <span class=\"visuallyhidden\">búin til í "
+"<span>%(total)s</span> Skjöl <span class=\"w-sr-only\">búin til í "
 "%(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/ko/LC_MESSAGES/django.po

@@ -228,13 +228,13 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span>문서가 <span class=\"visuallyhidden\">%(site_name)s안"
+"<span>%(total)s</span>문서가 <span class=\"w-sr-only\">%(site_name)s안"
 "에 생성됨</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/lt/LC_MESSAGES/django.po

@@ -162,22 +162,22 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Dokumentas <span class=\"visuallyhidden\">, sukurtas "
+"<span>%(total)s</span> Dokumentas <span class=\"w-sr-only\">, sukurtas "
 "%(site_name)s tinklalapyje</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Dokumentai <span class=\"visuallyhidden\">, sukurti "
+"<span>%(total)s</span> Dokumentai <span class=\"w-sr-only\">, sukurti "
 "%(site_name)s tinklalapyje</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Dokumentas <span class=\"visuallyhidden\">, sukurtas "
+"<span>%(total)s</span> Dokumentas <span class=\"w-sr-only\">, sukurtas "
 "%(site_name)s tinklalapyje</span>"
 msgstr[3] ""
-"<span>%(total)s</span> Dokumentų <span class=\"visuallyhidden\">, sukurtų "
+"<span>%(total)s</span> Dokumentų <span class=\"w-sr-only\">, sukurtų "
 "%(site_name)s tinklalapyje</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/nb/LC_MESSAGES/django.po

@@ -255,16 +255,16 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Dokument <span class=\"visuallyhidden\">opprettet i "
+"<span>%(total)s</span> Dokument <span class=\"w-sr-only\">opprettet i "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Dokumenter <span class=\"visuallyhidden\">opprettet i "
+"<span>%(total)s</span> Dokumenter <span class=\"w-sr-only\">opprettet i "
 "%(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/nl/LC_MESSAGES/django.po

@@ -263,16 +263,16 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> document <span class=\"visuallyhidden\">aangemaakt in "
+"<span>%(total)s</span> document <span class=\"w-sr-only\">aangemaakt in "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> documenten <span class=\"visuallyhidden\">aangemaakt "
+"<span>%(total)s</span> documenten <span class=\"w-sr-only\">aangemaakt "
 "in%(site_name)s</span>    "
 
 msgid "Add multiple documents"

wagtail/documents/locale/pl/LC_MESSAGES/django.po

@@ -280,22 +280,22 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Dokument <span class=\"visuallyhidden\">utworzony w "
+"<span>%(total)s</span> Dokument <span class=\"w-sr-only\">utworzony w "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Dokumentów <span class=\"visuallyhidden\">utworzonych "
+"<span>%(total)s</span> Dokumentów <span class=\"w-sr-only\">utworzonych "
 "w %(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Dokumentów <span class=\"visuallyhidden\">utworzonych "
+"<span>%(total)s</span> Dokumentów <span class=\"w-sr-only\">utworzonych "
 "w %(site_name)s</span>"
 msgstr[3] ""
-"<span>%(total)s</span> Dokumentów<span class=\"visuallyhidden\">utworzonych "
+"<span>%(total)s</span> Dokumentów<span class=\"w-sr-only\">utworzonych "
 "w %(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/pt_BR/LC_MESSAGES/django.po

@@ -275,19 +275,19 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Documento <span class=\"visuallyhidden\">criado em "
+"<span>%(total)s</span> Documento <span class=\"w-sr-only\">criado em "
 "%(site_name)s</span> "
 msgstr[1] ""
-"<span>%(total)s</span> Documentos <span class=\"visuallyhidden\">criados em "
+"<span>%(total)s</span> Documentos <span class=\"w-sr-only\">criados em "
 "%(site_name)s</span> "
 msgstr[2] ""
-"<span>%(total)s</span> Documentos <span class=\"visuallyhidden\">criados em "
+"<span>%(total)s</span> Documentos <span class=\"w-sr-only\">criados em "
 "%(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/ro/LC_MESSAGES/django.po

@@ -266,19 +266,19 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> document <span class=\"visuallyhidden\">creat în "
+"<span>%(total)s</span> document <span class=\"w-sr-only\">creat în "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> documente <span class=\"visuallyhidden\">create în "
+"<span>%(total)s</span> documente <span class=\"w-sr-only\">create în "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> documente <span class=\"visuallyhidden\">create în "
+"<span>%(total)s</span> documente <span class=\"w-sr-only\">create în "
 "%(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/ru/LC_MESSAGES/django.po

@@ -297,22 +297,22 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Документ <span class=\"visuallyhidden\">создан в "
+"<span>%(total)s</span> Документ <span class=\"w-sr-only\">создан в "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Документов <span class=\"visuallyhidden\">создано в "
+"<span>%(total)s</span> Документов <span class=\"w-sr-only\">создано в "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Документов <span class=\"visuallyhidden\">создано в "
+"<span>%(total)s</span> Документов <span class=\"w-sr-only\">создано в "
 "%(site_name)s</span>"
 msgstr[3] ""
-"<span>%(total)s</span> Документов <span class=\"visuallyhidden\">создано в "
+"<span>%(total)s</span> Документов <span class=\"w-sr-only\">создано в "
 "%(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/locale/sv/LC_MESSAGES/django.po

@@ -251,16 +251,16 @@ msgstr ""
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Document <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Document <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Documents <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Documents <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> dokument <span class=\"visuallyhidden\">skapade i "
+"<span>%(total)s</span> dokument <span class=\"w-sr-only\">skapade i "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> dokument <span class=\"visuallyhidden\">skapade i "
+"<span>%(total)s</span> dokument <span class=\"w-sr-only\">skapade i "
 "%(site_name)s</span>"
 
 msgid "Add multiple documents"

wagtail/documents/templates/wagtaildocs/homepage/site_summary_documents.html

@@ -4,9 +4,9 @@
     {% icon name="doc-full" %}
     <a href="{% url 'wagtaildocs:index' %}">
         {% blocktrans trimmed count counter=total_docs with total_docs|intcomma as total %}
-            <span>{{ total }}</span> Document <span class="visuallyhidden">created in {{ site_name }}</span>
+            <span>{{ total }}</span> Document <span class="w-sr-only">created in {{ site_name }}</span>
         {% plural %}
-            <span>{{ total }}</span> Documents <span class="visuallyhidden">created in {{ site_name }}</span>
+            <span>{{ total }}</span> Documents <span class="w-sr-only">created in {{ site_name }}</span>
         {% endblocktrans %}
     </a>
 </li>

wagtail/images/locale/ca/LC_MESSAGES/django.po

@@ -298,16 +298,16 @@ msgstr "Insereix una imatge"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Imatge <span class=\"visuallyhidden\">creada a "
+"<span>%(total)s</span> Imatge <span class=\"w-sr-only\">creada a "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Imatges <span class=\"visuallyhidden\">creades a "
+"<span>%(total)s</span> Imatges <span class=\"w-sr-only\">creades a "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/de/LC_MESSAGES/django.po

@@ -332,16 +332,16 @@ msgstr "Bild einfügen"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Bild <span class=\"visuallyhidden\">erstellt in "
+"<span>%(total)s</span> Bild <span class=\"w-sr-only\">erstellt in "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Bilder <span class=\"visuallyhidden\">erstellt in "
+"<span>%(total)s</span> Bilder <span class=\"w-sr-only\">erstellt in "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/en/LC_MESSAGES/django.po

@@ -356,10 +356,10 @@ msgstr ""
 #: templates/wagtailimages/homepage/site_summary_images.html:6
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
 msgstr[1] ""

wagtail/images/locale/fi/LC_MESSAGES/django.po

@@ -302,16 +302,16 @@ msgstr "Lisää kuva"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> kuva <span class=\"visuallyhidden\">luotu sivustolle "
+"<span>%(total)s</span> kuva <span class=\"w-sr-only\">luotu sivustolle "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> kuvaa <span class=\"visuallyhidden\">luotu sivustolle "
+"<span>%(total)s</span> kuvaa <span class=\"w-sr-only\">luotu sivustolle "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/fr/LC_MESSAGES/django.po

@@ -330,19 +330,19 @@ msgstr "Insérer l'image"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">créée dans "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">créée dans "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">créées dans "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">créées dans "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">créées dans "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">créées dans "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/gl/LC_MESSAGES/django.po

@@ -299,16 +299,16 @@ msgstr "Insertar imaxe"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"%(total)s<span> Imaxe <span class=\"visuallyhidden\">creada en "
+"%(total)s<span> Imaxe <span class=\"w-sr-only\">creada en "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Imaxes <span class=\"visuallyhidden\">creadas en "
+"<span>%(total)s</span> Imaxes <span class=\"w-sr-only\">creadas en "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/hu/LC_MESSAGES/django.po

@@ -297,16 +297,16 @@ msgstr "Kép beillesztése"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> kép <span class=\"visuallyhidden\">létrehozva itt: "
+"<span>%(total)s</span> kép <span class=\"w-sr-only\">létrehozva itt: "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> kép <span class=\"visuallyhidden\">létrehozva itt: "
+"<span>%(total)s</span> kép <span class=\"w-sr-only\">létrehozva itt: "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/is_IS/LC_MESSAGES/django.po

@@ -296,16 +296,16 @@ msgstr "Setja inn mynd"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Mynd <span class=\"visuallyhidden\">búin til í "
+"<span>%(total)s</span> Mynd <span class=\"w-sr-only\">búin til í "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Myndir <span class=\"visuallyhidden\">búnar til í "
+"<span>%(total)s</span> Myndir <span class=\"w-sr-only\">búnar til í "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/lt/LC_MESSAGES/django.po

@@ -206,22 +206,22 @@ msgstr "Įterpti paveiksliuką"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Paveikslėlis <span class=\"visuallyhidden\">, "
+"<span>%(total)s</span> Paveikslėlis <span class=\"w-sr-only\">, "
 "sukurtas %(site_name)s tinklalapyje</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Paveikslėliai <span class=\"visuallyhidden\">, "
+"<span>%(total)s</span> Paveikslėliai <span class=\"w-sr-only\">, "
 "sukurti %(site_name)s tinklalapyje</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Paveikslėlis <span class=\"visuallyhidden\">, "
+"<span>%(total)s</span> Paveikslėlis <span class=\"w-sr-only\">, "
 "sukurtas %(site_name)s tinklalapyje</span>"
 msgstr[3] ""
-"<span>%(total)s</span> Paveikslėlių <span class=\"visuallyhidden\">, sukurtų "
+"<span>%(total)s</span> Paveikslėlių <span class=\"w-sr-only\">, sukurtų "
 "%(site_name)s tinklalapyje</span>"
 
 msgid "Change image file:"

wagtail/images/locale/nb/LC_MESSAGES/django.po

@@ -298,16 +298,16 @@ msgstr "Sett inn bilde"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Bilde <span class=\"visuallyhidden\">oprettet i "
+"<span>%(total)s</span> Bilde <span class=\"w-sr-only\">oprettet i "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Bilder <span class=\"visuallyhidden\">oprettet i "
+"<span>%(total)s</span> Bilder <span class=\"w-sr-only\">oprettet i "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/nl/LC_MESSAGES/django.po

@@ -312,16 +312,16 @@ msgstr "Voeg afbeelding in"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> afbeelding <span class=\"visuallyhidden\">aangemaakt "
+"<span>%(total)s</span> afbeelding <span class=\"w-sr-only\">aangemaakt "
 "ijn %(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> afbeeldingen <span class=\"visuallyhidden"
+"<span>%(total)s</span> afbeeldingen <span class=\"w-sr-only"
 "\">aangemaakt in %(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/pl/LC_MESSAGES/django.po

@@ -323,22 +323,22 @@ msgstr "Wstaw obraz"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Obraz <span class=\"visuallyhidden\">utworzony w "
+"<span>%(total)s</span> Obraz <span class=\"w-sr-only\">utworzony w "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Obrazy <span class=\"visuallyhidden\">utworzone w "
+"<span>%(total)s</span> Obrazy <span class=\"w-sr-only\">utworzone w "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Obrazy <span class=\"visuallyhidden\">utworzone w "
+"<span>%(total)s</span> Obrazy <span class=\"w-sr-only\">utworzone w "
 "%(site_name)s</span>"
 msgstr[3] ""
-"<span>%(total)s</span> Obrazy <span class=\"visuallyhidden\">utworzone w "
+"<span>%(total)s</span> Obrazy <span class=\"w-sr-only\">utworzone w "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/ro/LC_MESSAGES/django.po

@@ -304,19 +304,19 @@ msgstr "Inserează imagine"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> imagine <span class=\"visuallyhidden\">creată în "
+"<span>%(total)s</span> imagine <span class=\"w-sr-only\">creată în "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> imagini <span class=\"visuallyhidden\">create în "
+"<span>%(total)s</span> imagini <span class=\"w-sr-only\">create în "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> imagini <span class=\"visuallyhidden\">create în "
+"<span>%(total)s</span> imagini <span class=\"w-sr-only\">create în "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/ru/LC_MESSAGES/django.po

@@ -343,22 +343,22 @@ msgstr "Вставить изображение"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> Изображение <span class=\"visuallyhidden\">создано в "
+"<span>%(total)s</span> Изображение <span class=\"w-sr-only\">создано в "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> Изображений <span class=\"visuallyhidden\">создано в "
+"<span>%(total)s</span> Изображений <span class=\"w-sr-only\">создано в "
 "%(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> Изображений <span class=\"visuallyhidden\">создано в "
+"<span>%(total)s</span> Изображений <span class=\"w-sr-only\">создано в "
 "%(site_name)s </span>"
 msgstr[3] ""
-"<span>%(total)s</span> Изображений <span class=\"visuallyhidden\">создано в "
+"<span>%(total)s</span> Изображений <span class=\"w-sr-only\">создано в "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/sl/LC_MESSAGES/django.po

@@ -325,22 +325,22 @@ msgstr "Vstavi sliko"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> slika <span class=\"visuallyhidden\">je bila "
+"<span>%(total)s</span> slika <span class=\"w-sr-only\">je bila "
 "ustvarjena v %(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> sliki <span class=\"visuallyhidden\">sta bili "
+"<span>%(total)s</span> sliki <span class=\"w-sr-only\">sta bili "
 "ustvarjeni v %(site_name)s</span>"
 msgstr[2] ""
-"<span>%(total)s</span> slik <span class=\"visuallyhidden\">ustvarjenih v "
+"<span>%(total)s</span> slik <span class=\"w-sr-only\">ustvarjenih v "
 "%(site_name)s</span>"
 msgstr[3] ""
-"<span>%(total)s</span> slik <span class=\"visuallyhidden\">ustvarjenih v "
+"<span>%(total)s</span> slik <span class=\"w-sr-only\">ustvarjenih v "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/locale/sv/LC_MESSAGES/django.po

@@ -299,16 +299,16 @@ msgstr "Lägg in bild"
 
 #, python-format
 msgid ""
-"<span>%(total)s</span> Image <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Image <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgid_plural ""
-"<span>%(total)s</span> Images <span class=\"visuallyhidden\">created in "
+"<span>%(total)s</span> Images <span class=\"w-sr-only\">created in "
 "%(site_name)s</span>"
 msgstr[0] ""
-"<span>%(total)s</span> bild <span class=\"visuallyhidden\">skapades i "
+"<span>%(total)s</span> bild <span class=\"w-sr-only\">skapades i "
 "%(site_name)s</span>"
 msgstr[1] ""
-"<span>%(total)s</span> bilder <span class=\"visuallyhidden\">skapades i "
+"<span>%(total)s</span> bilder <span class=\"w-sr-only\">skapades i "
 "%(site_name)s</span>"
 
 msgid "Change image file:"

wagtail/images/static_src/wagtailimages/js/focal-point-chooser.js

@@ -45,7 +45,7 @@ function setupJcrop(image, original, focalPointOriginal, fields) {
 
       const label = document.createElement('label');
       label.setAttribute('for', id);
-      label.classList.add('visuallyhidden');
+      label.classList.add('w-sr-only');
       label.textContent = labelContent;
       var holder = document.getElementsByClassName('jcrop-holder');
       holder[0].prepend(label);

wagtail/images/templates/wagtailimages/homepage/site_summary_images.html

@@ -4,9 +4,9 @@
     {% icon name="image" %}
     <a href="{% url 'wagtailimages:index' %}">
         {% blocktrans trimmed count counter=total_images with total_images|intcomma as total %}
-            <span>{{ total }}</span> Image <span class="visuallyhidden">created in {{ site_name }}</span>
+            <span>{{ total }}</span> Image <span class="w-sr-only">created in {{ site_name }}</span>
         {% plural %}
-            <span>{{ total }}</span> Images <span class="visuallyhidden">created in {{ site_name }}</span>
+            <span>{{ total }}</span> Images <span class="w-sr-only">created in {{ site_name }}</span>
         {% endblocktrans %}
     </a>
 </li>

wagtail/snippets/tests/test_viewset.py

@@ -719,7 +719,7 @@ class TestListViewWithCustomColumns(BaseSnippetViewSetTests):
                 <svg class="icon icon-success default w-text-positive-100" aria-hidden="true">
                     <use href="#icon-success"></use>
                 </svg>
-                <span class="visuallyhidden">True</span>
+                <span class="w-sr-only">True</span>
             </td>
             """,
             html=True,
@@ -732,7 +732,7 @@ class TestListViewWithCustomColumns(BaseSnippetViewSetTests):
                 <svg class="icon icon-error default w-text-critical-100" aria-hidden="true">
                     <use href="#icon-error"></use>
                 </svg>
-                <span class="visuallyhidden">False</span>
+                <span class="w-sr-only">False</span>
             </td>
             """,
             html=True,
@@ -745,7 +745,7 @@ class TestListViewWithCustomColumns(BaseSnippetViewSetTests):
                 <svg class="icon icon-help default" aria-hidden="true">
                     <use href="#icon-help"></use>
                 </svg>
-                <span class="visuallyhidden">None</span>
+                <span class="w-sr-only">None</span>
             </td>
             """,
             html=True,

wagtail/users/templates/wagtailusers/groups/includes/formatted_permissions.html

@@ -50,26 +50,26 @@
                         <td class="title"><h3>{{ content_perms_dict.object|capfirst }}</h3></td>
                         <td>
                             {% if content_perms_dict.add %}
-                                <label for="{{ content_perms_dict.add.checkbox.id_for_label }}" class="visuallyhidden">{{ content_perms_dict.add.perm.name }}</label>
+                                <label for="{{ content_perms_dict.add.checkbox.id_for_label }}" class="w-sr-only">{{ content_perms_dict.add.perm.name }}</label>
                                 {{ content_perms_dict.add.checkbox.tag }}
                             {% endif %}
                         </td>
                         <td>
                             {% if content_perms_dict.change %}
-                                <label for="{{ content_perms_dict.change.checkbox.id_for_label }}" class="visuallyhidden">{{ content_perms_dict.change.perm.name }}</label>
+                                <label for="{{ content_perms_dict.change.checkbox.id_for_label }}" class="w-sr-only">{{ content_perms_dict.change.perm.name }}</label>
                                 {{ content_perms_dict.change.checkbox.tag }}
                             {% endif %}
                         </td>
                         <td>
                             {% if content_perms_dict.delete %}
-                                <label for="{{ content_perms_dict.delete.checkbox.id_for_label }}" class="visuallyhidden">{{ content_perms_dict.delete.perm.name }}</label>
+                                <label for="{{ content_perms_dict.delete.checkbox.id_for_label }}" class="w-sr-only">{{ content_perms_dict.delete.perm.name }}</label>
                                 {{ content_perms_dict.delete.checkbox.tag }}
                             {% endif %}
                         </td>
                         {% if extra_perms_exist.publish %}
                             <td>
                                 {% if content_perms_dict.publish %}
-                                    <label for="{{ content_perms_dict.publish.checkbox.id_for_label }}" class="visuallyhidden">{{ content_perms_dict.publish.perm.name }}</label>
+                                    <label for="{{ content_perms_dict.publish.checkbox.id_for_label }}" class="w-sr-only">{{ content_perms_dict.publish.perm.name }}</label>
                                     {{ content_perms_dict.publish.checkbox.tag }}
                                 {% endif %}
                             </td>
@@ -77,7 +77,7 @@
                         {% if extra_perms_exist.lock %}
                             <td>
                                 {% if content_perms_dict.lock %}
-                                    <label for="{{ content_perms_dict.lock.checkbox.id_for_label }}" class="visuallyhidden">{{ content_perms_dict.lock.perm.name }}</label>
+                                    <label for="{{ content_perms_dict.lock.checkbox.id_for_label }}" class="w-sr-only">{{ content_perms_dict.lock.perm.name }}</label>
                                     {{ content_perms_dict.lock.checkbox.tag }}
                                 {% endif %}
                             </td>
@@ -85,7 +85,7 @@
                         {% if extra_perms_exist.unlock %}
                             <td>
                                 {% if content_perms_dict.unlock %}
-                                    <label for="{{ content_perms_dict.unlock.checkbox.id_for_label }}" class="visuallyhidden">{{ content_perms_dict.unlock.perm.name }}</label>
+                                    <label for="{{ content_perms_dict.unlock.checkbox.id_for_label }}" class="w-sr-only">{{ content_perms_dict.unlock.perm.name }}</label>
                                     {{ content_perms_dict.unlock.checkbox.tag }}
                                 {% endif %}
                             </td>

wagtail/users/templates/wagtailusers/groups/includes/page_permissions_form.html

@@ -6,7 +6,7 @@
 </td>
 
 {% for option in form.permissions %}
-    <td><label for="{{ option.id_for_label }}" class="visuallyhidden">{{ option.choice_label }}</label>{{ option.tag }}</td>
+    <td><label for="{{ option.id_for_label }}" class="w-sr-only">{{ option.choice_label }}</label>{{ option.tag }}</td>
 {% endfor %}
 
 <td>