diff --git a/files/en-us/learn/html/introduction_to_html/document_and_website_structure/index.html b/files/en-us/learn/html/introduction_to_html/document_and_website_structure/index.html index 83271908e0c8f16..2474d17b01459c4 100644 --- a/files/en-us/learn/html/introduction_to_html/document_and_website_structure/index.html +++ b/files/en-us/learn/html/introduction_to_html/document_and_website_structure/index.html @@ -178,7 +178,7 @@

HTML layout elements in more detail
  • {{HTMLElement('footer')}} represents a group of end content for a page.
  • -

    Each of the aformentioned elements can be clicked on to read the corresponding article in the "HTML element reference" section, providing more detail about each one.

    +

    Each of the aforementioned elements can be clicked on to read the corresponding article in the "HTML element reference" section, providing more detail about each one.

    Non-semantic wrappers

    diff --git a/files/en-us/web/accessibility/aria/roles/dialog_role/index.html b/files/en-us/web/accessibility/aria/roles/dialog_role/index.html index 3d350e32a95d1f1..9dddedecb273d2f 100644 --- a/files/en-us/web/accessibility/aria/roles/dialog_role/index.html +++ b/files/en-us/web/accessibility/aria/roles/dialog_role/index.html @@ -54,7 +54,7 @@

    Focus management 

  • After the dialog is dismissed, keyboard focus should be moved back to where it was before it moved into the dialog. Otherwise the focus can be dropped to the beginning of the page.
  • For most dialogs, the expected behavior is that the dialog's tab order wraps, which means that when the user tabs through the focusable elements in the dialog, the first focusable element will be focused after the last one has been reached. In other words, the tab order should be contained within and by the dialog.
  • If the dialog can be moved or resized, ensure that these actions must be performable by keyboard users as well as mouse users. Similarly, if a dialog provides special features like toolbars or context menus, these must be reachable and operable by keyboard users as well.
  • -
  • Dialogs can be modal or non-modal. When a modal dialog appears on the screen, it's not possible to interact with any page content outside the dialog. In other words, the main application UI or page content is considered to be temporarily disabled as long as the modal dialog is showing. For non-modal dialogs it is still possible to interact with content outside of the dialog while the dialog is showing. Note that for non-modal dialogs there will have to be a global keyboard shortcut that allows focus to be moved between opened dialogs and the main page. For more information see the Managing Modal and Non Modal Dialogs guide.
  • +
  • Dialogs can be modal or non-modal. When a modal dialog appears on the screen, it's not possible to interact with any page content outside the dialog. In other words, the main application UI or page content is considered to be temporarily disabled as long as the modal dialog is showing. For non-modal dialogs it is still possible to interact with content outside of the dialog while the dialog is showing. Note that for non-modal dialogs there will have to be a global keyboard shortcut that allows focus to be moved between opened dialogs and the main page.
  • Associated ARIA roles, states, and properties