Keyboard navigation across widgets

  1. Put a selection at the beginning of the document.
  2. Use the right arrow key to navigate forwards.
  3. Go through inline and block widgets.
  4. The navigation should
    • be uninterrupted,
    • go always forward,
    • select widgets on its way.
  5. Reach the end of the document.
  6. Go backwards using the left arrow key and repeat the entire scenario.

Check if up/down arrows are working correctly. Caret should jump to text position closest to non-inline limit element if there are no more text lines between the caret and limit element. Note that limit is an external edge of a widget and also edge of nested editable inside widget.

It's also worth to check up/down arrows at the beginnings and ends of lines.

RTL (right–to–left) content navigation

In this scenario the content is written in Arabic.

  1. Repeat the scenario from the previous section but note that the content is mirrored, i.e. the beginning is on the right–hand side.
  2. Forwards navigation is done by pressing the left arrow key.
  3. To go backwards, use the right arrow key.
  4. Just like with the LTR content, the navigation should be seamless, always in the same direction.
WidgetTypeAround:

LTR content

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in ullamcorper purus. Nam vel neque non augue semper aliquet. Morbi suscipit in massa vitae iaculis. In pulvinar eros non scelerisque sagittis. Fusce dictum vel odio vel molestie. Sed scelerisque turpis dolor, laoreet semper nibh fermentum id. Nullam at diam volutpat, porta mi vitae, varius ex.

Nulla volutpat est eget euismod cursus. Praesent quis ligula hendrerit lacus consectetur viverra eget sed lectus. Aenean non condimentum dolor. inline widget Aliquam bibendum leo sed luctus semper. Praesent est libero, aliquam id varius congue, feugiat finibus tellus. Sed non lectus eros. Fusce viverra commodo ligula, eget eleifend purus aliquet et.

Pellentesque nec rhoncus turpis. Quisque quis sagittis est, sed luctus turpis. Ut et nulla efficitur urna convallis rhoncus vel ut ipsum. Phasellus pharetra hendrerit eros, ac ultrices lorem tincidunt eu.

Aliquam bibendum leo sed luctus semper.

Sed in ante libero. Aliquam dignissim magna non mollis tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin orci erat, consectetur sit amet lacinia non, dictum sit amet nibh. Maecenas congue urna justo, ut ultricies lectus lobortis nec. Sed porta, ex a hendrerit ultrices, massa nunc sollicitudin augue, ut mollis purus leo vel dolor.

Suspendisse ultricies leo eget quam pulvinar, ut auctor mauris luctus. Quisque id nisi sed augue vestibulum auctor tempus quis sapien. Etiam neque risus, congue sit amet dapibus at, faucibus vel mauris. Aliquam eu mauris est. Cras egestas, nunc nec dapibus pellentesque, lorem ante fringilla erat, eu elementum nulla tellus at massa. Aenean turpis elit, molestie a porttitor in, auctor in urna.

Aenean ullamcorper, libero id efficitur lobortis, lacus turpis rhoncus ex, eu scelerisque ipsum risus et neque. Etiam faucibus, metus pharetra pharetra aliquet, ipsum nulla lobortis lectus, ut feugiat nulla nibh et ex. Aliquam finibus ex sed augue accumsan gravida. Cras tempor justo vel tincidunt sagittis.

RTL content

مرحبا

مرحباinline widgetمرحبا

مرحبا

مرحبا

مرحبا

مرحبا