Skip to content

Commit 8c0e04f

Browse files
danie1xdanie1x
authored
Issue289 (#310)
* Included alt attribute for logo on homepage * Included alt attribute for logo on homepage * Added aria-labels for table navigation buttons * Included alt attribute for logo on pages
1 parent f7a5e7e commit 8c0e04f

24 files changed

+85
-94
lines changed

‎frontend/src/pages/AffixTable.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -345,16 +345,16 @@ function Table({
345345
</table>
346346

347347
<div className="pagination">
348-
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage}>
348+
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage} aria-label={"First Page"}>
349349
{"<<"}
350350
</button>{" "}
351-
<button onClick={() => previousPage()} disabled={!canPreviousPage}>
351+
<button onClick={() => previousPage()} disabled={!canPreviousPage} aria-label={"Previous Page"}>
352352
{"<"}
353353
</button>{" "}
354-
<button onClick={() => nextPage()} disabled={!canNextPage}>
354+
<button onClick={() => nextPage()} disabled={!canNextPage} aria-label={"Next Page"}>
355355
{">"}
356356
</button>{" "}
357-
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage}>
357+
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage} aria-label={"Last Page"}>
358358
{">>"}
359359
</button>{" "}
360360
<span>

‎frontend/src/pages/AffixTableExport.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -298,16 +298,16 @@ function Table({
298298
</table>
299299

300300
<div className="pagination">
301-
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage}>
301+
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage} aria-label={"First Page"}>
302302
{"<<"}
303303
</button>{" "}
304-
<button onClick={() => previousPage()} disabled={!canPreviousPage}>
304+
<button onClick={() => previousPage()} disabled={!canPreviousPage} aria-label={"Previous Page"}>
305305
{"<"}
306306
</button>{" "}
307-
<button onClick={() => nextPage()} disabled={!canNextPage}>
307+
<button onClick={() => nextPage()} disabled={!canNextPage} aria-label={"Next Page"}>
308308
{">"}
309309
</button>{" "}
310-
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage}>
310+
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage} aria-label={"Last Page"}>
311311
{">>"}
312312
</button>{" "}
313313
<span>

‎frontend/src/pages/AudioTable.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -237,16 +237,16 @@ function Table({
237237
</table>
238238

239239
<div className="pagination">
240-
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage}>
240+
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage} aria-label={"First Page"}>
241241
{"<<"}
242242
</button>{" "}
243-
<button onClick={() => previousPage()} disabled={!canPreviousPage}>
243+
<button onClick={() => previousPage()} disabled={!canPreviousPage} aria-label={"Previous Page"}>
244244
{"<"}
245245
</button>{" "}
246-
<button onClick={() => nextPage()} disabled={!canNextPage}>
246+
<button onClick={() => nextPage()} disabled={!canNextPage} aria-label={"Next Page"}>
247247
{">"}
248248
</button>{" "}
249-
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage}>
249+
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage} aria-label={"Last Page"}>
250250
{">>"}
251251
</button>{" "}
252252
<span>

‎frontend/src/pages/BibliographyTable.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -277,16 +277,16 @@ function Table({
277277
</table>
278278

279279
<div className="pagination">
280-
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage}>
280+
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage} aria-label={"First Page"}>
281281
{"<<"}
282282
</button>{" "}
283-
<button onClick={() => previousPage()} disabled={!canPreviousPage}>
283+
<button onClick={() => previousPage()} disabled={!canPreviousPage} aria-label={"Previous Page"}>
284284
{"<"}
285285
</button>{" "}
286-
<button onClick={() => nextPage()} disabled={!canNextPage}>
286+
<button onClick={() => nextPage()} disabled={!canNextPage} aria-label={"Next Page"}>
287287
{">"}
288288
</button>{" "}
289-
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage}>
289+
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage} aria-label={"Last Page"}>
290290
{">>"}
291291
</button>{" "}
292292
<span>

‎frontend/src/pages/BibliographyTablev8.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -256,16 +256,16 @@ function Table({
256256
</table>
257257

258258
<div className="pagination">
259-
<button onClick={() => tableInstance.setPageIndex(0)} disabled={!tableInstance.getCanPreviousPage()}>
259+
<button onClick={() => tableInstance.setPageIndex(0)} disabled={!tableInstance.getCanPreviousPage()} aria-label={"First Page"}>
260260
{'<<'}
261261
</button>{' '}
262-
<button onClick={() => tableInstance.previousPage()} disabled={!tableInstance.getCanPreviousPage()}>
262+
<button onClick={() => tableInstance.previousPage()} disabled={!tableInstance.getCanPreviousPage()} aria-label={"Previous Page"}>
263263
{'<'}
264264
</button>{' '}
265-
<button onClick={() => tableInstance.nextPage()} disabled={!tableInstance.getCanNextPage()}>
265+
<button onClick={() => tableInstance.nextPage()} disabled={!tableInstance.getCanNextPage()} aria-label={"Next Page"}>
266266
{'>'}
267267
</button>{' '}
268-
<button onClick={() => tableInstance.setPageIndex(tableInstance.getPageCount() - 1)} disabled={!tableInstance.getCanNextPage()}>
268+
<button onClick={() => tableInstance.setPageIndex(tableInstance.getPageCount() - 1)} disabled={!tableInstance.getCanNextPage()} aria-label={"Last Page"}>
269269
{'>>'}
270270
</button>{' '}
271271
<span>

‎frontend/src/pages/BrowseRoot.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -124,16 +124,16 @@ function Table({ columns, data, fetchData }) {
124124
</table>
125125

126126
<div className="pagination">
127-
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage}>
127+
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage} aria-label={"First Page"}>
128128
{"<<"}
129129
</button>{" "}
130-
<button onClick={() => previousPage()} disabled={!canPreviousPage}>
130+
<button onClick={() => previousPage()} disabled={!canPreviousPage} aria-label={"Previous Page"}>
131131
{"<"}
132132
</button>{" "}
133-
<button onClick={() => nextPage()} disabled={!canNextPage}>
133+
<button onClick={() => nextPage()} disabled={!canNextPage} aria-label={"Next Page"}>
134134
{">"}
135135
</button>{" "}
136-
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage}>
136+
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage} aria-label={"Last Page"}>
137137
{">>"}
138138
</button>{" "}
139139
<span>

‎frontend/src/pages/ConsonantChart.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -184,16 +184,16 @@ function Table({
184184
</table>
185185

186186
<div className="pagination">
187-
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage}>
187+
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage} aria-label={"First Page"}>
188188
{"<<"}
189189
</button>{" "}
190-
<button onClick={() => previousPage()} disabled={!canPreviousPage}>
190+
<button onClick={() => previousPage()} disabled={!canPreviousPage} aria-label={"Previous Page"}>
191191
{"<"}
192192
</button>{" "}
193-
<button onClick={() => nextPage()} disabled={!canNextPage}>
193+
<button onClick={() => nextPage()} disabled={!canNextPage} aria-label={"Next Page"}>
194194
{">"}
195195
</button>{" "}
196-
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage}>
196+
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage} aria-label={"Last Page"}>
197197
{">>"}
198198
</button>{" "}
199199
<span>

‎frontend/src/pages/Contact.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ function Contact() {
6060
return (
6161
<Grid textAlign="center" style={{ height: "100vh" }} verticalAlign="middle">
6262
<Grid.Column style={{ maxWidth: 450 }}>
63-
<Logo src={logoImg} />
63+
<Logo src={logoImg} alt={"Logo of COLRC"} />
6464
<Message>
6565
Contact the COLRC Team with questions or concerns, or to reset your
6666
password.

‎frontend/src/pages/ElicitationsTable.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -191,16 +191,16 @@ function Table({
191191
</table>
192192

193193
<div className="pagination">
194-
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage}>
194+
<button onClick={() => gotoPage(0)} disabled={!canPreviousPage} aria-label={"First Page"}>
195195
{"<<"}
196196
</button>{" "}
197-
<button onClick={() => previousPage()} disabled={!canPreviousPage}>
197+
<button onClick={() => previousPage()} disabled={!canPreviousPage} aria-label={"Previous Page"}>
198198
{"<"}
199199
</button>{" "}
200-
<button onClick={() => nextPage()} disabled={!canNextPage}>
200+
<button onClick={() => nextPage()} disabled={!canNextPage} aria-label={"Next Page"}>
201201
{">"}
202202
</button>{" "}
203-
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage}>
203+
<button onClick={() => gotoPage(pageCount - 1)} disabled={!canNextPage} aria-label={"Last Page"}>
204204
{">>"}
205205
</button>{" "}
206206
<span>

‎frontend/src/pages/Home.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ function Home(props) {
2121
</Message>
2222
</Grid.Row>
2323
<Grid.Row>
24-
<Logo src={logoImg} />
24+
<Logo src={logoImg} alt={"Logo of COLRC"} />
2525
</Grid.Row>
2626
<Grid.Row>
2727
<HomeAccordion />
@@ -36,7 +36,7 @@ function Home(props) {
3636
<Grid textAlign="center">
3737
<Grid.Column style={{ maxWidth: 450 }}>
3838
<Message>Welcome to the COLRC!</Message>
39-
<Logo src={logoImg} />
39+
<Logo src={logoImg} alt={"Logo of COLRC"} />
4040
<HomeAccordion />
4141
<Message>
4242
Are you a site administrator? <Link to="/login">Log in here</Link>

0 commit comments

Comments
 (0)