Merge pull request #149 from beaufortfrancois/button

Add missing aria-label to buttons
This commit is contained in:
Derek Herman 2021-09-16 13:08:01 -07:00 коммит произвёл GitHub
Родитель d5487c5cd7 3f71977d52
Коммит 13c77964fa
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: 4AEE18F83AFDEB23
3 изменённых файлов: 3 добавлений и 3 удалений

Просмотреть файл

@ -17,7 +17,7 @@
<body> <body>
<header class="site-header" role="navigation"> <header class="site-header" role="navigation">
<button class="site-header--hamburger-btn"> <button class="site-header--hamburger-btn" aria-label="Toggle menu">
<svg class="site-header--hamburger-btn__open" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg class="site-header--hamburger-btn__open" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g stroke="var(--text)"> <g stroke="var(--text)">
<path d="M10 12H21.8182" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> <path d="M10 12H21.8182" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>

Просмотреть файл

@ -78,7 +78,7 @@ export default (routerContext) => {
<div class="video-container width-full"> <div class="video-container width-full">
<div class="video-container--image"> <div class="video-container--image">
${videoImageHTML} ${videoImageHTML}
<button class="play"> <button class="play" aria-label="Play video">
<svg width="112" height="112" viewBox="0 0 112 112" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="112" height="112" viewBox="0 0 112 112" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)"> <g filter="url(#filter0_d)">
<rect x="24" y="20.4863" width="64" height="64" rx="32" fill="white"/> <rect x="24" y="20.4863" width="64" height="64" rx="32" fill="white"/>

Просмотреть файл

@ -295,7 +295,7 @@ export default class VideoDownloader extends HTMLElement {
<span class="willremove"> <span class="willremove">
<button class="undo-remove" title="Undo deletion">Undo</button> <button class="undo-remove" title="Undo deletion">Undo</button>
</span> </span>
<button class="ready"> <button class="ready" aria-label="Make available offline">
<div class="tooltip"> <div class="tooltip">
<svg class="icon icon--download" viewBox="0 0 27 27" width="27" height="27" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"> <svg class="icon icon--download" viewBox="0 0 27 27" width="27" height="27" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<path d="M7.304 25.416h11.56c4.026 0 6.552-2.852 6.552-6.888V7.638c0-4.036-2.512-6.888-6.552-6.888H7.304C3.265.75.752 3.602.752 7.638v10.89c0 4.036 2.514 6.888 6.554 6.888z" fill="" stroke="" stroke-width="1.5"/> <path d="M7.304 25.416h11.56c4.026 0 6.552-2.852 6.552-6.888V7.638c0-4.036-2.512-6.888-6.552-6.888H7.304C3.265.75.752 3.602.752 7.638v10.89c0 4.036 2.514 6.888 6.554 6.888z" fill="" stroke="" stroke-width="1.5"/>