New source found from dndbeyond.com

ddb_main/tools/js/CharacterSheet/components/SensesBox/SensesBox.tsx

@@ -1,4 +1,3 @@
-import { visuallyHidden } from "@mui/utils";
 import React from "react";
 
 import {
@@ -11,6 +10,8 @@ import {
   SenseInfo,
 } from "@dndbeyond/character-rules-engine/es";
 
+import a11yStyles from "~/styles/accessibility.module.css";
+
 import { StyleSizeTypeEnum } from "../../../Shared/reducers/appEnv";
 import { AppEnvDimensionsState } from "../../../Shared/stores/typings";
 import Senses from "../Senses";
@@ -49,7 +50,7 @@ export default class SensesBox extends React.PureComponent<Props> {
     return (
       <section className="ct-senses-box">
         <BoxBackground StyleComponent={BoxBackgroundComponent} theme={theme} />
-        <h2 style={visuallyHidden}>Senses</h2>
+        <h2 className={a11yStyles.screenreaderOnly}>Senses</h2>
         <Senses
           senses={senses}
           passiveInsight={passiveInsight}