add aria labels

wax-prosemirror-services/src/MatchingService/components/MatchingContainerComponent.js

@@ -264,6 +264,7 @@ export default ({ node, view, getPos }) => {
                           {option.label}  
                           {!readOnly && (
                             <ActionButton
+                              aria-label={`delete ${option.label}`}
                               onClick={() => removeOption(option.value)}
                               ref={setRef(option.value)}
                               type="button"
@@ -289,7 +290,12 @@ export default ({ node, view, getPos }) => {
                   type="text"
                   value={optionText}
                 />
-                <button onClick={addOption} ref={addOptionBtnRef} type="button">
+                <button
+                  aria-label="add new option"
+                  onClick={addOption}
+                  ref={addOptionBtnRef}
+                  type="button"
+                >
                   Add Option
                 </button>
               </AddOption>

wax-prosemirror-services/src/MatchingService/components/MatchingOptionComponent.js

@@ -120,11 +120,19 @@ export default ({ node, view, getPos }) => {
     <Option>
       {!readOnly && (
         <ButtonsContainer>
-          <ActionButton onClick={addAnswer} type="button">
+          <ActionButton
+            aria-label="add new option"
+            onClick={addAnswer}
+            type="button"
+          >
             <StyledIconAction name="plusSquare" />
           </ActionButton>
           {!node.attrs.isfirst && (
-            <ActionButton onClick={removeAnswer} type="button">
+            <ActionButton
+              aria-label="delete this option"
+              onClick={removeAnswer}
+              type="button"
+            >
               <StyledIconAction name="deleteOutlined" />
             </ActionButton>
           )}

wax-prosemirror-services/src/MultipleChoiceQuestionService/MultipleChoiceSingleCorrectQuestionService/components/AnswerComponent.js

@@ -230,6 +230,7 @@ export default ({ node, view, getPos }) => {
       <IconsWrapper>
         {!readOnly && (
           <ActionButton
+            aria-label="add new option"
             onClick={() => addOption(node.attrs.id)}
             ref={addOptionBtnRef}
             type="button"
@@ -239,6 +240,7 @@ export default ({ node, view, getPos }) => {
         )}
         {!readOnly && (
           <ActionButton
+            aria-label="delete this option"
             onClick={removeOption}
             ref={removeOptionBtnRef}
             type="button"

wax-prosemirror-services/src/MultipleChoiceQuestionService/TrueFalseQuestionService/components/AnswerComponent.js

@@ -230,6 +230,7 @@ export default ({ node, view, getPos }) => {
       <IconsWrapper>
         {!readOnly && (
           <ActionButton
+            aria-label="add new option"
             onClick={() => addOption(node.attrs.id)}
             ref={addOptionBtnRef}
             type="button"
@@ -239,6 +240,7 @@ export default ({ node, view, getPos }) => {
         )}
         {!readOnly && (
           <ActionButton
+            aria-label="delete this option"
             onClick={removeOption}
             ref={removeOptionBtnRef}
             type="button"

wax-prosemirror-services/src/MultipleChoiceQuestionService/TrueFalseSingleCorrectQuestionService/components/AnswerComponent.js

@@ -230,6 +230,7 @@ export default ({ node, view, getPos }) => {
       <IconsWrapper>
         {!readOnly && (
           <ActionButton
+            aria-label="add new option"
             onClick={() => addOption(node.attrs.id)}
             ref={addOptionBtnRef}
             type="button"
@@ -239,6 +240,7 @@ export default ({ node, view, getPos }) => {
         )}
         {!readOnly && (
           <ActionButton
+            aria-label="delete this option"
             onClick={removeOption}
             ref={removeOptionBtnRef}
             type="button"

wax-prosemirror-services/src/MultipleChoiceQuestionService/components/AnswerComponent.js

@@ -228,6 +228,7 @@ export default ({ node, view, getPos }) => {
       <IconsWrapper>
         {!readOnly && (
           <ActionButton
+            aria-label="add new option"
             onClick={() => addOption(node.attrs.id)}
             ref={addOptionBtnRef}
             type="button"
@@ -237,6 +238,7 @@ export default ({ node, view, getPos }) => {
         )}
         {!readOnly && (
           <ActionButton
+            aria-label="delete this option"
             onClick={removeOption}
             ref={removeOptionBtnRef}
             type="button"