Sr-only form labels

rayoverweij · Aug 4, 2020 · 389c2d7 · 389c2d7
1 parent 7389ddd
commit 389c2d7
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 0 deletions.
diff --git a/src/draws/JudgePill.tsx b/src/draws/JudgePill.tsx
@@ -70,6 +70,7 @@ class JudgePill extends React.Component<JudgePillProps, JudgePillState> {
                         <p>You need to assign each debate to a room before you can switch judges.</p>
                         :
                         <Form onSubmit={this.handleRoomFormSubmit}>
+                            <Form.Label srOnly>Room</Form.Label>
                             {this.props.draw.roomsOne.map(room => {
                                 return (
                                     <Form.Check custom

diff --git a/src/draws/TeamPill.tsx b/src/draws/TeamPill.tsx
@@ -60,6 +60,7 @@ class TeamPill extends React.PureComponent<TeamPillProps, TeamPillState> {
                 <Popover.Title as="h3">Switch teams</Popover.Title>
                 <Popover.Content>
                     <Form onSubmit={this.handleRoomFormSubmit}>
+                        <Form.Label srOnly>Team to swap with</Form.Label>
                         {this.props.teams.map(mappedTeam => {
                             return (
                                 <Form.Check custom

diff --git a/src/home/Settings.tsx b/src/home/Settings.tsx
@@ -154,6 +154,7 @@ class Settings extends React.PureComponent<SettingsProps, SettingsState> {
                                     onSubmit={this.handleNameFormSubmit}>
                                     <Form.Row>
                                         <Col sm={9} xl={6}>
+                                            <Form.Label srOnly>Tournament name</Form.Label>
                                             <Form.Control
                                                 name="tournamentName"
                                                 type="text"
@@ -187,6 +188,7 @@ class Settings extends React.PureComponent<SettingsProps, SettingsState> {
                                     <Form.Row>
                                         <Col xs={9} xl={6}>
                                             <div className="custom-file">
+                                                <Form.Label srOnly>Select tournament file</Form.Label>
                                                 <Form.Control
                                                     name="import"
                                                     id="import-settings"

diff --git a/src/judges/Judges.tsx b/src/judges/Judges.tsx
@@ -177,6 +177,7 @@ class Judges extends React.PureComponent<JudgesProps, JudgesState> {
                                         <Form onSubmit={this.handleAddJudgeFormSubmit}>
                                             <Form.Row>
                                                 <Col md={4}>
+                                                    <Form.Label srOnly>Judge name</Form.Label>
                                                     <Form.Control
                                                         name="judgeName"
                                                         type="text"
@@ -185,6 +186,7 @@ class Judges extends React.PureComponent<JudgesProps, JudgesState> {
                                                         onChange={this.handleAddJudgeFormChange} />
                                                 </Col>
                                                 <Col md={4}>
+                                                    <Form.Label srOnly>Judge school</Form.Label>
                                                     <Form.Control
                                                         name="school"
                                                         type="text"

diff --git a/src/participants/Speakers.tsx b/src/participants/Speakers.tsx
@@ -155,6 +155,7 @@ class Speakers extends React.PureComponent<SpeakersProps, SpeakersState> {
                         <Form onSubmit={this.handleAddSpeakerFormSubmit}>
                             <Form.Row>
                                 <Col md={4}>
+                                    <Form.Label srOnly>Speaker name</Form.Label>
                                     <Form.Control
                                         name="speakerName"
                                         type="text"
@@ -163,6 +164,7 @@ class Speakers extends React.PureComponent<SpeakersProps, SpeakersState> {
                                         onChange={this.handleAddSpeakerFormChange} />
                                 </Col>
                                 <Col md={4}>
+                                    <Form.Label srOnly>Speaker school</Form.Label>
                                     <Form.Control
                                         name="school"
                                         type="text"

diff --git a/src/participants/TeamWinSelector.tsx b/src/participants/TeamWinSelector.tsx
@@ -45,6 +45,7 @@ class TeamWinSelector extends React.PureComponent<TeamWinSelectorProps, TeamWinS
     render() {
         return (
             <Form>
+                <Form.Label srOnly>Win or loss round {this.props.round}</Form.Label>
                 <Form.Control
                     as="select"
                     name={`win-form-${this.props.team.teamID}-round-${this.props.round}`}