Improved accessibility according to WCAG

2020-10-10 20:50:57 +03:00
parent fbfd6d8384
commit de1bba855f
7 changed files with 690 additions and 11 deletions
--- a/app/src/components/bookcard.js
+++ b/app/src/components/bookcard.js
@@ -14,11 +14,12 @@ const truncateContent = (content) => {

 const BookCard = ({ book }) => (
  <Card style={{ width: "44rem", height: "21rem", marginBottom: "15px" }}>
-    <Row>
+    <Row aria-label={book.title}>
      <Col xs={3}>
        <Card.Img
          style={{ height: "12rem", width: "8rem", paddingLeft: "25px", paddingRight: "-15px", paddingTop: "30px" }}
          src={book.image_url}
+          alt={book.title}
        />
      </Col>
      <Col>