[MM-61599]: Remove tabIndex from non-interactive elements (#29659)

e2e-tests/cypress/tests/integration/channels/accessibility/accessibility_post_spec.js

@@ -157,8 +157,7 @@ describe('Verify Accessibility Support in Post', () => {
         postMessages(testChannel, otherUser, 1);
 
         // # Shift focus to the last post
-        cy.get('#FormattingControl_bold').focus().tab({shift: true}).tab({shift: true}).type('{uparrow}{downarrow}');
-        cy.focused().tab();
+        cy.get('#FormattingControl_bold').focus().tab({shift: true}).tab({shift: true}).tab({shift: true}).tab({shift: true});
 
         cy.getLastPostId().then((postId) => {
             cy.get(`#post_${postId}`).within(() => {
@@ -199,9 +198,6 @@ describe('Verify Accessibility Support in Post', () => {
                 // * Verify focus is on the more button
                 cy.get(`#CENTER_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'more');
                 cy.focused().tab();
-
-                // * Verify focus is on the post text
-                cy.get(`#postMessageText_${postId}`).should('be.focused');
             });
         });
     });
@@ -230,36 +226,32 @@ describe('Verify Accessibility Support in Post', () => {
         // * Verify reverse tab on RHS
         cy.getLastPostId().then((postId) => {
             cy.get(`#rhsPost_${postId}`).within(() => {
-                // * Verify focus is on the post text
-                cy.get(`#rhsPostMessageText_${postId}`).should('be.focused');
-                cy.focused().tab({shift: true});
-
-                // * Verify focus is on the more button
-                cy.get(`#RHS_COMMENT_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'more');
-                cy.focused().tab({shift: true});
-
-                // * Verify focus is on the actions button
-                cy.get(`#RHS_COMMENT_actions_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'actions');
-                cy.focused().tab({shift: true});
-
-                // * Verify focus is on the save icon
-                cy.get(`#RHS_COMMENT_flagIcon_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'save message');
-                cy.focused().tab({shift: true});
-
-                // * Verify focus is on the reactions button
-                cy.get(`#RHS_COMMENT_reaction_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'Add Reaction');
-                cy.focused().tab({shift: true});
-
-                // * Verify focus is on most recent action
-                cy.get('#recent_reaction_0').should('have.class', 'emoticon--post-menu').and('have.attr', 'aria-label');
-                cy.focused().tab({shift: true});
-
                 // * Verify focus is on the time
                 cy.get(`#RHS_COMMENT_time_${postId}`).should('be.focused');
                 cy.focused().tab({shift: true});
 
                 // * Verify focus is on the username
                 cy.get('button.user-popover').should('be.focused');
+                cy.focused().tab().tab();
+
+                // * Verify focus is on most recent action
+                cy.get('#recent_reaction_0').should('have.class', 'emoticon--post-menu').and('have.attr', 'aria-label');
+                cy.focused().tab();
+
+                // * Verify focus is on the reactions button
+                cy.get(`#RHS_COMMENT_reaction_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'Add Reaction');
+                cy.focused().tab();
+
+                // * Verify focus is on the save icon
+                cy.get(`#RHS_COMMENT_flagIcon_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'save message');
+                cy.focused().tab();
+
+                // * Verify focus is on the actions button
+                cy.get(`#RHS_COMMENT_actions_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'actions');
+                cy.focused().tab();
+
+                // * Verify focus is on the more button
+                cy.get(`#RHS_COMMENT_button_${postId}`).should('be.focused').and('have.attr', 'aria-label', 'more');
                 cy.focused().tab({shift: true});
             });
         });