From 25eb6c891e640e32111f1341d9b62a9a1453fe50 Mon Sep 17 00:00:00 2001 From: Nick Schonning Date: Mon, 1 Jul 2019 15:04:19 -0400 Subject: [PATCH] aria-practices.html and example pages: Cleanup typos (pull #1048) Fix: * typo: parrent -> parent * typo: Tempature -> Temperature * typo: atribute -> attribute * typo: arbetrary -> arbitrary * typo: monspace -> monospace * typo: maxmimum -> maximum * typo: Conversly -> Conversely * typo: horzontal -> horizontal * typo: tfooter -> tfoot * typo: Indicies -> Indices --- aria-practices.html | 12 ++++++------ .../disclosure/disclosure-img-long-description.html | 6 +++--- examples/grid/LayoutGrids.html | 4 ++-- examples/toolbar/toolbar.html | 10 +++++----- examples/treeview/treeview-2/treeview-2a.html | 2 +- examples/treeview/treeview-2/treeview-2b.html | 2 +- 6 files changed, 18 insertions(+), 18 deletions(-) diff --git a/aria-practices.html b/aria-practices.html index 7c093e8f74..420d5c950f 100644 --- a/aria-practices.html +++ b/aria-practices.html @@ -2354,8 +2354,8 @@

Slider (Multi-Thumb)

with two or more thumbs that each set a value in a group of related values. For example, in a product search, a two-thumb slider could be used to enable users to set the minimum and maximum price limits for the search. In many two-thumb sliders, the thumbs are not allowed to pass one another, such as when the slider sets the minimum and maximum values for a range. - For example, in a price range selector, the maxmimum value of the thumb that sets the lower end of the range is limited by the current value of the thumb that sets the upper end of the range. - Conversly the minimum value of the upper end thumb is limited by the current value of the lower end thumb. + For example, in a price range selector, the maximum value of the thumb that sets the lower end of the range is limited by the current value of the thumb that sets the upper end of the range. + Conversely, the minimum value of the upper end thumb is limited by the current value of the lower end thumb. However, in some multi-thumb sliders, each thumb sets a value that does not depend on the other thumb values.

@@ -2677,7 +2677,7 @@

Toolbar

  • In toolbars with multiple rows of controls, Left Arrow and Right Arrow can provide navigation that wraps from row to row, leaving the option of reserving vertical arrow keys for operating controls.
    • -
  • Avoid including controls whose operation requires the pair of arrow keys used for toolbar navigation. If unavoidable, include only one such control and make it the last element in the toolbar. For example, in a horzontal toolbar, a textbox could be included as the last element.
    • +
  • Avoid including controls whose operation requires the pair of arrow keys used for toolbar navigation. If unavoidable, include only one such control and make it the last element in the toolbar. For example, in a horizontal toolbar, a textbox could be included as the last element.
  • Use toolbar as a grouping element only if the group contains 3 or more controls.
    • @@ -6022,7 +6022,7 @@

    Using aria-colcount and aria-colindex

    For example, specifying an invalid value for aria-colindex or setting it on some but not all cells in a row, could cause screen reader table reading functions to skip cells or simply stop functioning.

    -

    Using aria-colindex When Column Indicies Are Contiguous

    +

    Using aria-colindex When Column Indices Are Contiguous

    When all the cells in a row have column index numbers that are consecutive integers, aria-colindex can be set on the row element with a value equal to the index number of the first column in the set. @@ -6063,7 +6063,7 @@

    Using aria-colindex When Column Indicies Are Contiguous

    -

    Using aria-colindex When Column Indicies Are Not Contiguous

    +

    Using aria-colindex When Column Indices Are Not Contiguous

    When the cells in a row have column index numbers that are not consecutive integers, aria-colindex needs to be set on each cell in the row. The following example shows a grid for an online grade book where the first two columns contain a student name and subsequent columns contain scores. @@ -6386,7 +6386,7 @@

  • If presentation is applied to a ul or ol element, each child li element inherits the presentation role because ARIA requires the listitem elements to have the parent list element. So, the li elements are not exposed to assistive technologies, but elements contained inside of those li elements, including nested lists, are visible to assistive technologies.
  • Similarly, if presentation is applied to a table element, - the descendant caption, thead, tbody, tfooter, + the descendant caption, thead, tbody, tfoot, tr, th, and td elements inherit role presentation and are thus not exposed to assistive technologies. But, elements inside of the th and td elements, including nested tables, are exposed to assistive technologies. diff --git a/examples/disclosure/disclosure-img-long-description.html b/examples/disclosure/disclosure-img-long-description.html index f754c84dd4..1c61153eb2 100644 --- a/examples/disclosure/disclosure-img-long-description.html +++ b/examples/disclosure/disclosure-img-long-description.html @@ -71,8 +71,8 @@

    Data for Charles Minard's Chart of Napoleon's Invasion of Location Approximate Date Size of Army - Tempature C - Tempature F + Temperature C + Temperature F Direction @@ -241,7 +241,7 @@

    Data for Charles Minard's Chart of Napoleon's Invasion of

    Accessibility Features

      -
    1. The visual indication of expanded and collapsed states is synchronized with the value of aria-expanded using a CSS atribute selector and :before pseudo element that generates an image with the content property.
      2. +
    2. The visual indication of expanded and collapsed states is synchronized with the value of aria-expanded using a CSS attribute selector and :before pseudo element that generates an image with the content property.
    3. The interactivity of the disclosure button is visually indicated on focus and hover:
      • The CSS :focus pseudo class is used to change the background and border colors.
        • diff --git a/examples/grid/LayoutGrids.html b/examples/grid/LayoutGrids.html index 9576769ebf..c6f98adc06 100644 --- a/examples/grid/LayoutGrids.html +++ b/examples/grid/LayoutGrids.html @@ -417,7 +417,7 @@

        Other Features

        Whether focus can wrap to the first row in the next column or the last row in the previous column when Down Arrow and Up Arrow are pressed:
        The only condition where this wrapping is appropriate is when every cell in the grid belongs to a single logical set. - In other words, if presentation of all elements in a single row is logically equivalent to presenting the same elements in an arbetrary number of rows and columns, + In other words, if presentation of all elements in a single row is logically equivalent to presenting the same elements in an arbitrary number of rows and columns, then it is appropriate for Down Arrow and Up Arrow to behave as if all cells are in a single column. For instance, in example 1, all cells contain a navigation link. That set of six links could be presented in a single row, a single column, or divided into two rows of three or three rows of two; all these presentations would be logically equivalent. @@ -450,7 +450,7 @@

        Keyboard Support

        NOTE: The following table describes keyboard commands that move focus among grid cells. In the examples on this page, some cells contain a single focusable widget, and if a cell contains a widget, the cell is not focusable; the widget receives focus instead of the cell. - So, when a description says a command moves focus to a cell, the command may either focus the cell or a widget inside the cell. + So, when a description says a command moves focus to a cell, the command may either focus the cell or a widget inside the cell.

        diff --git a/examples/toolbar/toolbar.html b/examples/toolbar/toolbar.html index cfb7b647ef..c54e49aaf3 100644 --- a/examples/toolbar/toolbar.html +++ b/examples/toolbar/toolbar.html @@ -142,7 +142,7 @@

        Example

        @@ -203,7 +203,7 @@

        Keyboard Features

        When any of the cut, copy and paste buttons are disabled they remain focusable to ensure screen reader users are aware of their presence. For additional guidance, see Focusability of disabled controls. -
      • Left Arrow and Right Arrow navigate among elements in the toolbar so Up Arrow and Down Arrow are available to: +
      • Left Arrow and Right Arrow navigate among elements in the toolbar so Up Arrow and Down Arrow are available to:
        • Navigate among radios in the text alignment group. For instance, Down Arrow moves focus from last to first member in the group.
        • Open the font menu button, which can also be opened with Enter.
          • @@ -215,7 +215,7 @@

          Focus Styling

          • When the toolbar has focus, the container element border is highlighted, - helping indicate that the container supports directional navigation with the arrow keys. + helping indicate that the container supports directional navigation with the arrow keys.
          • When a toolbar item has focus, its border is highlighted and the background color of the button also changes. @@ -683,7 +683,7 @@

            Radio Group (Text Alignment)

        • @@ -694,7 +694,7 @@

        Radio Group (Text Alignment)

        diff --git a/examples/treeview/treeview-2/treeview-2a.html b/examples/treeview/treeview-2/treeview-2a.html index 40ab5a3df4..0da69c3960 100644 --- a/examples/treeview/treeview-2/treeview-2a.html +++ b/examples/treeview/treeview-2/treeview-2a.html @@ -346,7 +346,7 @@

        Accessibility Features

        Terms Used to Describe Trees

        - A tree item that can be expanded to reveal child items is called a parrent node. + A tree item that can be expanded to reveal child items is called a parent node. It is a closed node when the children are hidden and an open node when it is expanded. An end node does not have any children. For a complete list of terms and definitions, see the diff --git a/examples/treeview/treeview-2/treeview-2b.html b/examples/treeview/treeview-2/treeview-2b.html index 92415f4302..6d506e630e 100644 --- a/examples/treeview/treeview-2/treeview-2b.html +++ b/examples/treeview/treeview-2/treeview-2b.html @@ -478,7 +478,7 @@

        Accessibility Features

        Terms Used to Describe Trees

        - A tree item that can be expanded to reveal child items is called a parrent node. + A tree item that can be expanded to reveal child items is called a parent node. It is a closed node when the children are hidden and an open node when it is expanded. An end node does not have any children. For a complete list of terms and definitions, see the

        • Indicates the radio button is checked, i.e., the type of alignment currently applied to the text area.
          • -
        • Only one radio button in the group has aria-checked set to true at any given time.
          • +
        • Only one radio button in the group has aria-checked set to true at any given time.
        • Indicates the radio button is NOT checked.
          • -
        • All radio buttons in the group, except for one, have aria-checked set to false.
          • +
        • All radio buttons in the group, except for one, have aria-checked set to false.