Feat: Add aria labels to settings where missing

src/gui/app/directives/settings/categories/advanced-settings.js

@@ -63,6 +63,8 @@
                             selected="allowQuoteCsv" 
                             on-update="settings.setAllowQuoteCSVDownloads(option === 'true')"
                             right-justify="true"
+                            aria-label="Choose Whether or not you want the 'Export as .CSV' button available for quotes on the profile page."
+
                         />
                     </firebot-setting>
 
@@ -76,6 +78,7 @@
                             selected="persistVariables" 
                             on-update="settings.setPersistCustomVariables(option === 'true')"
                             right-justify="true"
+                            aria-label="enable or disabel persistent Custom Variables"
                         />
                     </firebot-setting>
 

src/gui/app/directives/settings/categories/backups-settings.js

@@ -21,6 +21,8 @@
                             options="[3,5,10,25,'All']"
                             selected="currentMaxBackups"
                             on-update="settings.setMaxBackupCount(option)"
+                            aria-label="Choose your Max Number of backups"
+
                         ></dropdown-select>
                     </firebot-setting>
 
@@ -38,7 +40,7 @@
                                 type="checkbox"
                                 ng-click="settings.setBackupIgnoreResources(!settings.backupIgnoreResources())"
                                 ng-checked="settings.backupIgnoreResources()"
-                                aria-label="..."
+                                aria-label="Don't include overlay resource folder in backups"
                             />
                             <div class="control__indicator"></div>
                         </label>
@@ -56,7 +58,7 @@
                                 type="checkbox"
                                 ng-click="settings.setBackupOnExit(!settings.backupOnExit())"
                                 ng-checked="settings.backupOnExit()"
-                                aria-label="..."
+                                aria-label="Automatic update when Firebot closes"
                             />
                             <div class="control__indicator"></div>
                         </label>
@@ -66,7 +68,7 @@
                                 type="checkbox"
                                 ng-click="settings.setBackupOnceADay(!settings.backupOnceADay())"
                                 ng-checked="settings.backupOnceADay()"
-                                aria-label="..."
+                                aria-label="Automatic update Once a day"
                             />
                             <div class="control__indicator"></div>
                         </label>
@@ -78,7 +80,7 @@
                             <input
                                 type="checkbox"
                                 ng-checked="true"
-                                aria-label="..."
+                                aria-label="Automatic update Before viewer purges. Firebot will always backup before you do viewer purges"
                                 disabled
                             />
                             <div class="control__indicator" disabled></div>
@@ -91,7 +93,7 @@
                             <input
                                 type="checkbox"
                                 ng-checked="true"
-                                aria-label="..."
+                                aria-label="Automatic update before updates. This cannot be turned off. Its for your own good <3"
                                 disabled
                             />
                             <div class="control__indicator" disabled></div>

src/gui/app/directives/settings/categories/database-settings.js

@@ -18,6 +18,7 @@
                             selected="viewerDb"
                             on-update="settings.setViewerDB(option === 'true')"
                             right-justify="true"
+                            aria-label="enable or disable Viewer Database"
                         />
                     </firebot-setting>
 
@@ -31,6 +32,7 @@
                             selected="autoFlagBots"
                             on-update="settings.setAutoFlagBots(option === 'true')"
                             right-justify="true"
+                            aria-label="enable or disable Auto Flag Bots"
                         />
                     </firebot-setting>
 
@@ -44,6 +46,7 @@
                             selected="viewerListPageSize"
                             on-update="settings.setViewerListPageSize(option)"
                             right-justify="true"
+                            aria-label="enable or disable Viewers Table Page Size"
                         />
                     </firebot-setting>
 

src/gui/app/directives/settings/categories/general-settings.js

@@ -26,6 +26,8 @@
                             toggle-model="settings.getMinimizeToTray()"
                             on-toggle="settings.setMinimizeToTray(!settings.getMinimizeToTray())"
                             font-size="40"
+                            aria-label="Minimize to Tray, When minimized, Firebot will minimize to tray instead of task bar"
+                            accessibility-label="(settings.getMinimizeToTray() ? 'Enabled' : 'Disabled') + ' When minimized, Firebot will minimize to tray instead of task bar'"
                         />
                     </firebot-setting>
 
@@ -37,6 +39,8 @@
                             toggle-model="settings.soundsEnabled() === 'On'"
                             on-toggle="settings.setSoundsEnabled(settings.soundsEnabled() === 'On' ? 'Off' : 'On')"
                             font-size="40"
+                            aria-label="Minimize to Tray, When minimized, Firebot will minimize to tray instead of task bar"
+                            accessibility-label="(settings.soundsEnabled() ? 'Enabled' : 'Disabled') + ' Get audible alerts when Firebot connects or disconnects.'"
                         />
                     </firebot-setting>
 
@@ -52,6 +56,7 @@
                                 data-toggle="dropdown"
                                 aria-haspopup="true"
                                 aria-expanded="true"
+                                aria-label="Choose your audio output device {{settings.getAudioOutputDevice().label}}"
                             >
                                 <span class="dropdown-text">{{settings.getAudioOutputDevice().label}}</span>
                                 <span class="caret"></span>
@@ -83,6 +88,10 @@
                             toggle-model="settings.notifyOnBeta()"
                             on-toggle="settings.setNotifyOnBeta(!settings.notifyOnBeta())"
                             font-size="40"
+                            aria-label="Firebot automatically updates to new stable versions. It does not automatically update to betas or major new
+                        releases however. Enable if you want to be notified of new beta releases."
+                            accessibility-label="(settings.notifyOnBeta() ? 'Enabled' : 'Disabled') + ' Firebot automatically updates to new stable versions. It does not automatically update to betas or major new
+                        releases however. Enable if you want to be notified of new beta releases.'"
                         />
                     </firebot-setting>
 
@@ -104,6 +113,8 @@
                             toggle-model="settings.getWebOnlineCheckin()"
                             on-toggle="settings.setWebOnlineCheckin(!settings.getWebOnlineCheckin())"
                             font-size="40"
+                            aria-label="Enable this setting to have your stream displayed on Firebot's website when you're live"
+                            accessibility-label="(settings.getWebOnlineCheckin() ? 'Enabled' : 'Disabled') + ' Enable this setting to have your stream displayed on Firebot\\'s website when you\\'re live'"
                         />
                     </firebot-setting>
 
@@ -118,7 +129,7 @@
                                     type="checkbox"
                                     ng-click="settings.setShowUptimeStat(!settings.getShowUptimeStat())"
                                     ng-checked="settings.getShowUptimeStat()"
-                                    aria-label="..."
+                                    aria-label="Uptime"
                                 />
                                 <div class="control__indicator"></div>
                             </label>
@@ -128,7 +139,7 @@
                                     type="checkbox"
                                     ng-click="settings.setShowViewerCountStat(!settings.getShowViewerCountStat())"
                                     ng-checked="settings.getShowViewerCountStat()"
-                                    aria-label="..."
+                                    aria-label="Viewer count"
                                 />
                                 <div class="control__indicator"></div>
                             </label>
@@ -138,7 +149,7 @@
                                     type="checkbox"
                                     ng-click="settings.setShowHypeTrainIndicator(!settings.getShowHypeTrainIndicator())"
                                     ng-checked="settings.getShowHypeTrainIndicator()"
-                                    aria-label="..."
+                                    aria-label="Hype Trains"
                                 />
                                 <div class="control__indicator"></div>
                             </label>
@@ -148,7 +159,7 @@
                                     type="checkbox"
                                     ng-click="settings.setShowAdBreakIndicator(!settings.getShowAdBreakIndicator())"
                                     ng-checked="settings.getShowAdBreakIndicator()"
-                                    aria-label="..."
+                                    aria-label="Ad Breaks"
                                 />
                                 <div class="control__indicator"></div>
                             </label>
@@ -165,6 +176,7 @@
                             selected="selectedTimeout"
                             on-update="setActiveChatUserTimeout(option)"
                             right-justify="true"
+                            aria-label="Choose your Inactive Viewer Time"
                         />
                         <span> minutes</span>
                     </firebot-setting>
@@ -177,7 +189,7 @@
                             toggle-model="settings.getOpenStreamPreviewOnLaunch()"
                             on-toggle="settings.setOpenStreamPreviewOnLaunch(!settings.getOpenStreamPreviewOnLaunch())"
                             font-size="40"
-                            accessibility-label="(settings.getOpenStreamPreviewOnLaunch() ? 'Disable' : 'Enable') + ' Stream Preview on Launch'"
+                            accessibility-label="(settings.getOpenStreamPreviewOnLaunch() ? 'Enabled' : 'Disabled') + ' Stream Preview on Launch'"
                         />
                     </firebot-setting>
                 </div>

src/gui/app/directives/settings/categories/integration-settings.js

@@ -22,13 +22,16 @@
                   class="btn btn-default"
                   ng-show="integration.configurable"
                   ng-click="integrations.openIntegrationSettings(integration.id)"
+                  aria-label="Configure {{integration.name}}"
                 >
                   Configure
                 </button>
                 <button
                   class="btn btn-default"
                   ng-show="integration.linkType === 'auth' || integration.linkType === 'id' || integration.linkType === 'other'"
                   ng-click="integrations.toggleLinkforIntegration(integration.id)"
+                  aria-label="{{integrations.integrationIsLinked(integration.id) ? 'Unlink'
+                  : 'Link'}} {{integration.name}}"
                 >
                   {{integrations.integrationIsLinked(integration.id) ? 'Unlink'
                   : 'Link'}}

src/gui/app/directives/settings/categories/overlay-settings.js

@@ -34,6 +34,7 @@
                             selected="overlayInstances"
                             on-update="settings.setUseOverlayInstances(option === 'true')"
                             right-justify="true"
+                            aria-label="enable or disable Overlay Instances"
                         />
                     </firebot-setting>
 
@@ -47,6 +48,9 @@
                             toggle-model="settings.getForceOverlayEffectsToContinueOnRefresh()"
                             on-toggle="settings.setForceOverlayEffectsToContinueOnRefresh(!settings.getForceOverlayEffectsToContinueOnRefresh())"
                             font-size="40"
+                            accessibility-label="(settings.getForceOverlayEffectsToContinueOnRefresh() ? 'Enabled' : 'Disabled') + '
+                             When refreshing an overlay or using the Clear Effects effect on it, this will force any Play Video or Play
+                             Sound effects currently playing on that overlay to continue to the next effect, even if they\\'re set to wait.'"
                         />
                     </firebot-setting>
 

src/gui/app/directives/settings/categories/scripts-settings.js

@@ -25,6 +25,7 @@
                             selected="customScriptsEnabled"
                             on-update="settings.setCustomScriptsEnabled(option === 'true')"
                             right-justify="true"
+                            aria-label="Enable or disable custom scripts"
                         />
                     </firebot-setting>
 
@@ -50,6 +51,7 @@
                             selected="clearCache"
                             on-update="settings.setClearCustomScriptCache(option === 'true')"
                             right-justify="true"
+                            aria-label="Enable or disable the Clearing of Custom Script Cache"
                         />
                     </firebot-setting>
 

src/gui/app/directives/settings/categories/trigger-settings.js

@@ -20,6 +20,7 @@
                             selected="selectedCmdMode"
                             on-update="settings.setDefaultToAdvancedCommandMode(option === 'true')"
                             right-justify="true"
+                            aria-label="Choose your Default Mode For New Commands"
                         />
                     </firebot-setting>
 
@@ -37,6 +38,7 @@
                             selected="ignoreSubEvents"
                             on-update="settings.setIgnoreSubsequentSubEventsAfterCommunitySub(option === 'true')"
                             right-justify="true"
+                            aria-label="enable or disable Ignore Related Gift Sub Events"
                         />
                     </firebot-setting>
 
@@ -50,6 +52,7 @@
                             selected="triggerUpcomingAdBreakMinutes"
                             on-update="settings.setTriggerUpcomingAdBreakMinutes(option)"
                             right-justify="true"
+                            aria-label="Choose your Upcoming Scheduled Ad Break Trigger"
                         />
                     </firebot-setting>
                 </div>

src/gui/app/directives/settings/categories/tts-settings.js

@@ -18,6 +18,7 @@
                             selected="ttsVoice"
                             on-update="settings.setDefaultTtsVoiceId(option)"
                             right-justify="true"
+                            aria-label="Choose your Text to Speech voice"
                         />
                     </firebot-setting>
 
@@ -91,6 +92,7 @@
                         ceil: 1,
                         step: 0.1,
                         precision: 1,
+                        ariaLabel: "Text to speech volume ",
                         translate: function(value) {
                             return Math.floor(value * 10);
                         },
@@ -107,6 +109,7 @@
                         ceil: 10,
                         step: 0.1,
                         precision: 1,
+                        ariaLabel: "Text to speech rate ",
                         onChange: (_, value) => {
                             settingsService.setTtsVoiceRate(value);
                         }