How to allow seamless navigation of a bookdown book with keyboard arrow keys? - r

Say you are reading an online book that has been published with bookdown. For example, let's take the manual itself:
bookdown: Authoring Books and Technical Documents with R Markdown
If you click your pointer in the main content (text) of the window to give it focus, you can navigate page text with the arrow up or arrow down keys. In addition, you can navigate to a new page with the arrow left and arrow right keys.
However, once you navigate to a new a page, the focus is no longer in the main content (text) of the page. You can still navgiate to a new page with the left/right, but you can not navigate the text with up/down (without a lot of tab or shift + tab gymastics).
Is it possible to make the default focus on new page navigation to the main text? Is this a bookdown setting or something else?

This is a bug of bookdown and I just fixed it in the dev version on Github:
remotes::install_github('rstudio/bookdown')

Related

How do users who navigate using a keyboard change the style of the text they are editing in ckeditor5

Disabled users who cannot control a mouse use the keyboard to navigate the page. How do you allow them to select the various styles (like bold etc) in ckeditor5? These elements are NOT in the tabindex of the page by default.
Tabbing through a form, I expect to be able to interact with every interactable element on a page
I see that CKEditor 5 has a list of keyboard shortcuts in their documentation. Pressing Alt + F10 (may require Fn) when the editor input area has focus moves keyboard focus to the editor toolbar. Then, keyboard arrow keys can be used to navigate the toolbar.
I am not saying that CKEditor is accessible, but it is information you may consider.
WCAG 2.1.1 says that all functionality must be available from the keyboard. Sometimes people mistakenly interpret that to mean that all interactive elements on the page must be keybaord accessible.
Here's a screenshot of ckeditor5 from their website. I'm not a ckeditor5 user but I'm assuming you're talking about the editing bar at the top.
While it's strongly encouraged to allow a keyboard user to navigate to the editing bar of ckeditor5, it's not strictly required if all the functionality of the editing bar is available via the keyboard.
For example, if I can select text then press Ctrl+B to make it bold, then the functionality of bold is available even if I can't tab to the 'B' on the editor bar.
The editing bar has a lot of stuff on it so everything would need a keyboard shortcut in order to pass WCAG 2.1.1. It looks like you can configure ckedit5 pretty extensively, https://ckeditor.com/docs/ckeditor5/latest/installation/getting-started/configuration.html
The docs on CKEditor keyboard support will list the possible keyboard controls to format text.
Text can be selected with Shift + the arrow keys
and formatted bold with Ctrl + b
for more options the menubar can be focused with Shift + F10
For web applications, the idea is to follow the desktop application’s keyboard conventions, so that users of assistive technology don’t need to learn yet another interaction paradigm.
The example to look at for rich text editors on Windows would probably be Word or Wordpad. There are two ways to format text.
Shortcut to open the menubar
The Menu bar pattern on the ARIA Authoring Practices Guide (APG) specifically mentions rich text editors in a note:
For example, a rich text editor may have a menubar that receives focus when a shortcut key, e.g., alt + F10, is pressed while editing. In this case, pressing Escape or activating a command from the menu may return focus to the editor.
For any common pattern you should find recommendations for the keyboard interface on the APG. Since it’s platform-independent (not only for Windows), such shortcuts will only be found in notes.
Shortcuts for formatting directly
Selected text can often be formatted directly by pressing + a letter for the English abbreviation of the format, like i for Italic or b for Bold.
CKEditor supports these.

Avia layout builder can't remove tabs from tab section

Hi ive just recently started using wordpress to edit my webpages for my job. I'm just trying to remove a single tab from the tab section. Howerver there isn't a x icon on the tabs i want to remove. Even thought i can edit the tab section there is not an option for removing child tabs. Only solution i have found was to create a whole new tab section and to manually create and copy the info by hand to the new tabs. It has over 12 tabs so i want to be faster and more efficient.
enter image description here
Hope you found an answer by now. There is a delete button--in a unintuitive location.
I'm having trouble with these tabs since I can't figure out where or how to add content. I see the box but can't enter any text or links from the tabs. I'll make a standalone post to see if someone can help explain what I'm doing wrong.

resizable sidebar in Kibana UI

The complete field name is not visible in Kibana navigation bar. If I pass my mouse on the field, it shows the full text for e.g. "requestParameter.allocationID". Should I check each and every field by pointing the mouse? The sidebar width can not be changed or adjusted to fit the entire fieldname?
This is an unresolved issue #737 from November 2013. You are not alone requesting this feature. Deeply in the comment section, there is a comment referring to the issue #38646 where the progress can be tracked.
I bet this will be released very soon.
For now, feel free to pick one of possible workarounds:
Place a mouse pointer over a label to display its full content (not comfortable)
Resize it manually using devtools. (right-click and Inspect in Google Chrome)

Is there a way to get rid of the tab row in atom editor?

There was a change in base code of Atom.io, so there is a tab row in all panel. It is still bearable in my file tree view, but I do think it is really annoying to have the tab in linter warning panel too.
Is there a way to get rid of it?
netizen's answer will work, but it will cause a potential problem for you later: if you end up with more than one component in one of your docks, you won't be able to see them, switch between them, close them, or rearrange them.
What you are seeing is that in Atom 1.17, a new UI building block was added, called Docks. You can read more about Docks in the blog post where they were announced, or in the deep dive written by the Nuclide team.
Instead of specific components written to sit in a special place in the window (such as tree-view, which sat on the left edge), now you have Dock areas: left, bottom, and right. Any component can sit in one of them, and more than one component fits into a dock.
This is like having multiple files in the editor window: you need a way to rearrange them, see all of them, and switch between them. Tabs are the answer to this problem.
Some people find it visually annoying to see the tabs when only one tab exists. Atom offers an option (in the tabs package) to change this behavior.
It turns out that this option covers all of the tab bars, not just the tab bar in the file editor.
You can find the option in the settings for the tabs package.
Open Atom preferences
click "Packages"
search for "tabs"
click "Settings" on the "tabs" package
Un-check "Always Show Tab Bar"
As I mentioned above, this will affect both your editor tabs and the tabs in Docks. When only one tab exists, the tab bar is hidden, and it is shown again when more than one tab exists.
Insert this into yous styles.less file:
.atom-dock-inner .bottom .tab-bar { display:none; }
Edit: As the comment below from #dan-lowe points, this solution has important drawbacks. It should be applied as a last resort and only to this version both of Atom editor and linter-ui-default, as the docks API is new and prone to changes.

Viewing Bookmarks in Adobe Reader 9

Why is there no way to show the bookmark panel in Adobe Reader 9?
Looked thru all the menus/properties/preferences.
There is no option to select Bookmarks under
View >> Navigation panels >> (nothing for bookmarks here)
Using Winnovative pdfConverter and trying to convert html code into reports.
Does adobe reader require there to be Bookmarks in the document for the panel to be an option?
Or is this seem feature I need to pay for from adobe?
Yes unfortunately there isn't any option of adding bookmarks in Adobe Reader but there's a way around this. All you have to do is check the first option in Edit -> Preferences -> Documents.
Here's a complete article on how to do just that:
http://www.programmerfish.com/how-to-add-bookmark-in-pdf-adobe-acrobat-reader/
I am providing an answer related to Adobe Reader X (I do not have Adobe Reader 9 to test it). It might be relevant.
There are two options for showing the Bookmarks panel:
Right click on the leftmost sidebar.
You should see the bookmark icon and activate it. If it's not showing, then there are no bookmarks in the document.
I just checked it with two pdfs, one with bookmarks and one without them.
View -> Show/Hide -> Navigation panes. Again, you should see the bookmark icon and activate it.
Item 1 taken from here.
There seems to be no way to ADD bookmarks in AR9. Obviously AR9 is only of interest under Linux. HOWEVER you can display bookmarks if they are already in the document e.g. TOC. They show up under View-> Navigation Panels
In my case dealing with a long document that did not have bookmarks, I simply moved it to a PC with Acrobat on it added the bookmarks (chapters) and they show up perfectly in AR9.
I know you wanted to know how to show the bookmark panel in Adobe Reader 9; however, I am going start here (the answer to your question is at the end of this explanation): To add a bookmark in Adobe Reader 9.0, open the pdf, go to the desired page, right-click anywhere on the page, select Add Bookmark (or press Ctrl+B). You can set a zoom level for the page and it will also be saved with the bookmark. You should then name the bookmark by clicking the bookmark button in the Navigation Panel on the right side of the document. Note: Once you click on Add Bookmark, the Navigation Panel will open on the right side of the document. You can then rename the new bookmark (it will be named Untitled) along with other options. After renaming, you can click on the arrow at top right of the Navigation Panel to close the bookmark section of the panel. You can hide the Navigation Panel Buttons; however, if left open, you can choose a bookmark by clicking on the Bookmarks button (2nd button from top). If you do choose to hide the Navigation Panel, to reopen it you will have to go to the View tab, Navigation Panels, and choose Show Navigation Pane (or press F4 while in the document).

Resources