Accessibility Changes (#53)

* Semantic HTML: Cards are now articles.

* Semantic HTML: Changed aside to header.

* Changed some references from aside to header.

* Added aria-label to left and right buttons.

* Added aria-hidden to catergory icons.

* Added aria-label to the logo.

* Added aria-hidden on more icons.

* Added aria-hidden to some icons.
This commit is contained in:
Alistair Jenkins
2020-12-11 20:11:31 +00:00
committed by GitHub
parent 7ac56b1a0c
commit aea0cec061
4 changed files with 33 additions and 28 deletions

View File

@@ -4,6 +4,7 @@
:class="{ disabled: currentPage === 1 }"
class="paginate has-icon"
@click="currentPage !== 1 ? switchPage(currentPage - 1) : null"
aria-label="Previous Page"
>
<LeftArrowIcon />
</button>
@@ -34,6 +35,7 @@
? switchPage(currentPage + 1)
: null
"
aria-label="Next Page"
>
<RightArrowIcon />
</button>