feat: added a friendly name to the operators and update some of the title attributes to be more consistent

js/accessibleUI/modules/operations/operations-schemes.js

@@ -58,30 +58,37 @@ export const operatorTypes = [
 export const operationTypes = [
     {
         name: ';',
+        friendlyName: 'Fim',
         value: 'SEMICOLON'
     },
     {
         name: '+',
+        friendlyName: 'Soma',
         value: 'PLUS'
     },
     {
         name: '-',
+        friendlyName: 'Subtração',
         value: 'MINUS'
     },
     {
         name: '*',
+        friendlyName: 'Multiplicação',
         value: 'MULTIPLICATION'
     },
     {
         name: '/',
+        friendlyName: 'Divisão',
         value: 'DIVISION'
     },
     {
         name: '(',
+        friendlyName: 'Abre parenteses',
         value: 'OPEN_PARENTHESES'
     },
     {
         name: ')',
+        friendlyName: 'Fecha parenteses',
         value: 'CLOSE_PARENTHESES'
     },
 ]
@@ -151,18 +158,18 @@ export function htmlAssignVariableScheme () {
                 <form id="operation<operationId>Form">
                     <div class="row p-2 w-100 variable-item" style="background-color: aliceblue;">
                         <div class="col-2 my-auto">
-                            <select title="selecione a variável" id="operation<operationId>AssignVariableSelect" class="form-control" name="variableSelect" operation-id="<operationId>"> 
+                            <select title="Selecione a variável" id="operation<operationId>AssignVariableSelect" class="form-control" name="variableSelect" operation-id="<operationId>"> 
                                 ${variablesSelect}
                             </select>
                         </div> 
                         <div class="col-1 my-auto">
-                            <label id="recebe" style="margin-bottom: 0px !important">recebe</label>
+                            <label for="operation<operationId>AssignVariableSelect" style="margin-bottom: 0px !important" tabindex="0" title="Recebe">recebe</label>
                         </div>
                         <div class="col">
                             <div class="row" id="operation<operationId>OperatorsDiv"></div>
                         </div>
                         <div class="col-1 my-auto" style="text-align: end;">
-                            <a id="operation<operationId>Delete" href="javascript:void(0)" class="text-danger" operation-id="<operationId>">X</a>
+                            <a id="operation<operationId>Delete" href="javascript:void(0)" class="text-danger" operation-id="<operationId>" title="Excluir">X</a>
                         </div>     
                     </div>
                 </form>
@@ -197,7 +204,7 @@ export function htmlOperatorVariablesSelectScheme (operation, operator) {
     }
 
     return `<div class="col-2">
-                <select id="operation${operation.hash}Operator${operator.hash}VariableSelect" class="form-control" name="variableSelect" title="selecione a variável" operation-id="${operation.hash}" operator-id="${operator.hash}">
+                <select id="operation${operation.hash}Operator${operator.hash}VariableSelect" class="form-control" name="variableSelect" title="Selecione a variável" operation-id="${operation.hash}" operator-id="${operator.hash}">
                     ${variablesSelect}
                 </select>
             </div>`;
@@ -209,7 +216,7 @@ export function htmlOperatorVariablesSelectScheme (operation, operator) {
 
 export function htmlOperatorValueInputScheme (operation, operator) {
     return `<div class="col-2">
-                <input type="number" id="operation${operation.hash}Operator${operator.hash}ValueInput" class="form-control" name="" title="valor" operation-id="${operation.hash}" operator-id="${operator.hash}">
+                <input type="number" id="operation${operation.hash}Operator${operator.hash}ValueInput" class="form-control" name="" title="Insira um valor" operation-id="${operation.hash}" operator-id="${operator.hash}">
             </div>`;
 }
 
@@ -221,7 +228,7 @@ export function htmlOperationTypeSelect (operation, operator) {
     let operationTypesSelect = ``;
 
     for (let i = 0; i < operationTypes.length; i++) {
-        operationTypesSelect += `<option value="${operationTypes[i].value}">${operationTypes[i].name}</option>`;
+        operationTypesSelect += `<option value="${operationTypes[i].value}" title="${operationTypes[i].friendlyName}">${operationTypes[i].name}</option>`;
     }
 
     return `<div class="col-2">