1
0
mirror of https://github.com/sakofchit/system.css.git synced 2026-05-05 06:01:22 +09:00

Use aria-label for close/resize buttons

add it where the buttons are currently unlabelled, remove the hidden `<span>` for those that have that - `aria-label` is more solid/consistent choice
This commit is contained in:
Patrick H. Lauke
2022-08-12 10:19:23 +01:00
parent 84e4993ed3
commit e12c8b0593
2 changed files with 18 additions and 18 deletions

View File

@@ -30,9 +30,9 @@ Here's some starter code to help you get started:
<body>
<div class="window" style="width:30rem;">
<div class="title-bar">
<button class="close"></button>
<button aria-label="Close" class="close"></button>
<h1 class="title">System.css</h1>
<button class="resize"></button>
<button aria-label="Resize" class="resize"></button>
</div>
<div class="separator"></div>
@@ -43,9 +43,9 @@ Here's some starter code to help you get started:
<div class="window" style="width:30rem;">
<div class="title-bar">
<button class="close"></button>
<button aria-label="Close" class="close"></button>
<h1 class="title">Search</h1>
<button class="hidden"></button>
<button aria-label="Resize" disabled class="hidden"></button>
</div>
<div class="separator"></div>