Update index.html

added aria-label and aira-live to provide a clear description to assistive technologies.
11 months ago · 5e321f3d94
parent 9409685c9a
commit 5e321f3d94
1 changed files with 2 additions and 2 deletions
--- a/dad-jokes/index.html
+++ b/dad-jokes/index.html
@ -9,8 +9,8 @@
  <body>
    <div class="container">
      <h3>Don't Laugh Challenge</h3>
-      <div id="joke" class="joke">// Joke goes here</div>
+      <div id="joke" class="joke" aria-live="polite">// Joke goes here</div>
-      <button id="jokeBtn" class="btn">Get Another Joke</button>
+      <button id="jokeBtn" class="btn" aria-label="Get another joke">Get Another Joke</button>
    </div>
    <script src="script.js"></script>
  </body>