@@ -36,7 +36,7 @@ <h3>Computer</h3>
3636 < h3 id ="playerChoiceText "> Make your move!</ h3 >
3737 </ div >
3838
39- < div class ="result-display " id ="gameResult ">
39+ < div class ="result-display " id ="gameResult " role =" status " aria-live =" polite " aria-atomic =" true ">
4040 < h2 > Choose your move to start!</ h2 >
4141 </ div >
4242
@@ -48,21 +48,21 @@ <h3 id="computerChoiceText">Waiting...</h3>
4848 </ div >
4949
5050 < div class ="controls ">
51- < button class ="choice-btn rock " id ="rockBtn " data-choice ="rock ">
52- < span class ="emoji "> πͺ¨</ span >
53- < span class ="label "> Rock</ span >
54- </ button >
55- < button class ="choice-btn paper " id ="paperBtn " data-choice ="paper ">
56- < span class ="emoji "> π</ span >
57- < span class ="label "> Paper</ span >
58- </ button >
59- < button class ="choice-btn scissors " id ="scissorsBtn " data-choice ="scissors ">
60- < span class ="emoji "> βοΈ</ span >
61- < span class ="label "> Scissors</ span >
62- </ button >
63- </ div >
64-
65- < button class ="reset-btn " id ="resetBtn ">
51+ < button type =" button " class ="choice-btn rock " id ="rockBtn " data-choice ="rock " aria-keyshortcuts =" R ">
52+ < span class ="emoji "> πͺ¨</ span >
53+ < span class ="label "> Rock</ span >
54+ </ button >
55+ < button type =" button " class ="choice-btn paper " id ="paperBtn " data-choice ="paper " aria-keyshortcuts =" P ">
56+ < span class ="emoji "> π</ span >
57+ < span class ="label "> Paper</ span >
58+ </ button >
59+ < button type =" button " class ="choice-btn scissors " id ="scissorsBtn " data-choice ="scissors " aria-keyshortcuts =" S ">
60+ < span class ="emoji "> βοΈ</ span >
61+ < span class ="label "> Scissors</ span >
62+ </ button >
63+ </ div >
64+
65+ < button type =" button " class ="reset-btn " id ="resetBtn " aria-keyshortcuts =" X ">
6666 < span class ="reset-icon "> π</ span >
6767 Reset Game
6868 </ button >
0 commit comments