Merge pull request #323 from Lombiq/issue/OCORE-83

OCORE-83: Fixing accessibility errors in the HTML file
This commit is contained in:
David Miller 2022-03-22 16:22:43 -04:00 committed by GitHub
commit 5d6e817e0c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

32
dist/index.html vendored
View File

@ -255,9 +255,9 @@
<img class="mx-auto rounded-circle" src="assets/img/team/1.jpg" alt="..." /> <img class="mx-auto rounded-circle" src="assets/img/team/1.jpg" alt="..." />
<h4>Parveen Anand</h4> <h4>Parveen Anand</h4>
<p class="text-muted">Lead Designer</p> <p class="text-muted">Lead Designer</p>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand Twitter Profile"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand Facebook Profile"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Parveen Anand LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a>
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
@ -265,9 +265,9 @@
<img class="mx-auto rounded-circle" src="assets/img/team/2.jpg" alt="..." /> <img class="mx-auto rounded-circle" src="assets/img/team/2.jpg" alt="..." />
<h4>Diana Petersen</h4> <h4>Diana Petersen</h4>
<p class="text-muted">Lead Marketer</p> <p class="text-muted">Lead Marketer</p>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Diana Petersen Twitter Profile"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Diana Petersen Facebook Profile"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Diana Petersen LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a>
</div> </div>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
@ -275,9 +275,9 @@
<img class="mx-auto rounded-circle" src="assets/img/team/3.jpg" alt="..." /> <img class="mx-auto rounded-circle" src="assets/img/team/3.jpg" alt="..." />
<h4>Larry Parker</h4> <h4>Larry Parker</h4>
<p class="text-muted">Lead Developer</p> <p class="text-muted">Lead Developer</p>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Larry Parker Twitter Profile"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Larry Parker Facebook Profile"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Larry Parker LinkedIn Profile"><i class="fab fa-linkedin-in"></i></a>
</div> </div>
</div> </div>
</div> </div>
@ -291,16 +291,16 @@
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-md-3 col-sm-6 my-3"> <div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/microsoft.svg" alt="..." /></a> <a href="#!" aria-label="Microsoft"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/microsoft.svg" alt="..." /></a>
</div> </div>
<div class="col-md-3 col-sm-6 my-3"> <div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/google.svg" alt="..." /></a> <a href="#!" aria-label="Google"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/google.svg" alt="..." /></a>
</div> </div>
<div class="col-md-3 col-sm-6 my-3"> <div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/facebook.svg" alt="..." /></a> <a href="#!" aria-label="Facebook"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/facebook.svg" alt="..." /></a>
</div> </div>
<div class="col-md-3 col-sm-6 my-3"> <div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/ibm.svg" alt="..." /></a> <a href="#!" aria-label="IBM"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/ibm.svg" alt="..." /></a>
</div> </div>
</div> </div>
</div> </div>
@ -375,9 +375,9 @@
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-4 text-lg-start">Copyright &copy; Your Website 2022</div> <div class="col-lg-4 text-lg-start">Copyright &copy; Your Website 2022</div>
<div class="col-lg-4 my-3 my-lg-0"> <div class="col-lg-4 my-3 my-lg-0">
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div> </div>
<div class="col-lg-4 text-lg-end"> <div class="col-lg-4 text-lg-end">
<a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a> <a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a>