Keyboard accessible web page embedded interactive element

1. A computing device, comprising:

a memory; and

a processor coupled to the memory and configured to:

in response to an actuation of a first set of keys on a keyboard, navigating to and selecting an embedded code editor on a web page, wherein the embedded code editor transitions from a first, unfocused state on the web page to a second, focused and read-only state on the web page in response to the actuation of the first set of keys on the keyboard;

in response to an actuation of a second set of keys on the keyboard and after selection of the embedded code editor, activating the embedded code editor, wherein the embedded code editor transitions from the second, focused and read-only state on the web page to a third, focused and editable state on the web page in response to the actuation of the second set of keys on the keyboard; and

in response to an actuation of a third set of keys on the keyboard, deactivating the embedded code editor, wherein the embedded code editor transitions from the third, focused and editable state on the web page to the second, focused and read-only state on the web page in response to the actuation of the third set of keys on the keyboard.

2. A method comprising:

in response to an actuation of a first set of keys on the keyboard, activating the embedded code editor on the web page, wherein the embedded code editor transitions from a focused and read-only state on the web page to a focused and editable state on the web page in response to the actuation of the first set of keys on the keyboard;

in response to an actuation of a second set of keys on the keyboard, deactivating the embedded code editor, wherein the embedded code editor transitions from the focused and editable state on the web page to the focused and read-only state on the web page in response to the actuation of the second set of keys on the keyboard; and

in response to an actuation of a third set of keys on the keyboard when the embedded code editor is in the focused and read-only state, navigating away from and deselecting the embedded code editor on the web page, wherein the embedded code editor transitions from the focused and read-only state on the web page to an unfocused state on the web page in response to the actuation of the third set of keys on the keyboard.

3. The method of claim 2 , wherein the third set of keys includes a Tab key or a Shift-Tab key combination.

4. The method of claim 2 , further comprising navigating within the embedded code editor using a fourth set of keys on the keyboard when the embedded code editor is in the focused and editable state on the web page.

5. The method of claim 4 , wherein the fourth set of keys on the keyboard includes a Tab key or a Shift-Tab key combination.

6. The method of claim 2 , wherein the first set of keys on the keyboard includes an Enter key or a Space key.

7. The method of claim 6 , wherein the second set of keys on the keyboard includes an Escape key.

8. The method of claim 2 , wherein the embedded code editor does not transition directly between the unfocused state on the web page and the focused and editable state on the web page.

9. The method of claim 2 , wherein, in the unfocused state on the web page, the embedded code editor is not selected and is not able to receive input from the keyboard.

10. The method of claim 2 , wherein, in the focused and read-only state on the web page, the embedded code editor is selected and readable, but not able to receive input from the keyboard.

11. The method of claim 2 , wherein in the focused and editable state on the web page, the embedded code editor is selected, activated and can receive input from the keyboard.

12. The method of claim 2 , wherein in the focused and editable state on the web page, contents of the embedded code editor may be edited.

13. The method of claim 2 , wherein:

in the unfocused state on the web page, the embedded code editor is not selected and is not able to receive input from the keyboard;

in the focused and read-only state on the web page, the embedded code editor is selected and readable, but not able to receive input from the keyboard; and

in the focused and editable state on the web page, the embedded code editor is selected, activated and can receive input from the keyboard.

14. The method of claim 2 , further comprising applying a first type of visual highlighting to the embedded code editor when the embedded code editor is in the focused and read-only state and applying a second, different type of visual highlighting to the embedded code editor when the embedded code editor is in the focused and editable state.

15. A device configured to navigate and interact with an embedded code editor on a web page using only a keyboard by performing actions comprising:

in response to an actuation of a first set of keys on the keyboard, activating the embedded code editor on the web page, wherein the embedded code editor transitions from a focused and read-only state on the web page to a focused and editable state on the web page in response to the actuation of the first set of keys on the keyboard; and

in response to an actuation of a second set of keys on the keyboard, deactivating the embedded code editor, wherein the embedded code editor transitions from the focused and editable state on the web page to the focused and read-only state on the web page in response to the actuation of the second set of keys on the keyboard; and

in response to an actuation of a third set of keys on the keyboard when the embedded code editor is selected, but not activated, navigating away from and deselecting the embedded code editor on the web page, wherein the embedded code editor loses focus when deselected.

16. The device of claim 15 , wherein the actions further comprise navigating within the embedded code editor, when activated, in response to an actuation of a fourth set of keys on the keyboard.

17. The device of claim 16 , wherein:

the first set of keys on the keyboard includes an Enter key or a Space key; the second set of keys on the keyboard includes an Escape key;

the third set of keys on the keyboard includes a Tab key or a Shift-Tab key combination; and

the fourth set of keys on the keyboard include the Tab key or the Shift-Tab key combination.

18. The device of claim 15 , wherein:

in the unfocused state on the web page, the embedded code editor is not selected and is not able to receive input from the keyboard;

in the focused and read-only state on the web page, the embedded code editor is selected and readable, but not able to receive input from the keyboard; and

in the focused and editable state on the web page, the embedded code editor is selected, activated and can receive input from the keyboard.