Skip to content

Commit

Permalink
Merge pull request #1747 from IBMa/phill-1696-WCAG22-links
Browse files Browse the repository at this point in the history
chore(references): Update links to WCAG 2.2 where used
  • Loading branch information
ErickRenteria authored Nov 29, 2023
2 parents 1e946a1 + da10bb5 commit 82771ce
Show file tree
Hide file tree
Showing 149 changed files with 541 additions and 466 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -70,8 +70,8 @@ <h3 id="ruleMessage"></h3>

### WCAG techniques

* [G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text](https://www.w3.org/WAI/WCAG21/Techniques/general/G18)
* [G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind the text](https://www.w3.org/WAI/WCAG21/Techniques/general/G145)
* [G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text](https://www.w3.org/WAI/WCAG22/Techniques/general/G18)
* [G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind the text](https://www.w3.org/WAI/WCAG22/Techniques/general/G145)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ <h3 id="ruleMessage"></h3>
### What to do

* Include a warning in the label advising the user that the link opens in a new window;
* **Or**, use CSS to provide a warning before opening a new window (see Example 2 in [WCAG technique G201](https://www.w3.org/WAI/WCAG21/Techniques/general/G201)).
* **Or**, use CSS to provide a warning before opening a new window (see Example 2 in [WCAG technique G201](https://www.w3.org/WAI/WCAG22/Techniques/general/G201)).

</script></mark-down>
<!-- End main panel -->
Expand All @@ -67,7 +67,7 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 3.2.2 On Input](https://www.ibm.com/able/requirements/requirements/#3_2_2)
* [WCAG technique G201](https://www.w3.org/WAI/WCAG21/Techniques/general/G201)
* [WCAG technique G201: Giving users advanced warning when opening a new window](https://www.w3.org/WAI/WCAG22/Techniques/general/G201)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -83,8 +83,8 @@ <h2 id="topic1">Breaking News</h2>
### About this requirement

* [IBM 2.4.4 Link Purpose (in Context)](https://www.ibm.com/able/requirements/requirements/#2_4_4)
* [WCAG technique H30](https://www.w3.org/WAI/WCAG21/Techniques/html/H30)
* [WCAG technique ARIA7](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA7)
* [WCAG technique H30: Providing link text that describes the purpose of a link for anchor elements](https://www.w3.org/WAI/WCAG22/Techniques/html/H30)
* [WCAG technique ARIA7: Using aria-labelledby for link purpose](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA7)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 1.1.1 Non-text content](https://www.ibm.com/able/requirements/requirements/#1_1_1)
* [WCAG technique H35](https://www.w3.org/WAI/WCAG21/Techniques/html/H35)
* [WCAG technique H35: Providing text alternatives on applet elements](https://www.w3.org/WAI/WCAG22/Techniques/html/H35)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ <h3 id="ruleMessage"></h3>
</map>
```

Note: Example code includes material copied from or derived from [WCAG technique H24](https://www.w3.org/WAI/WCAG21/Techniques/html/H24) Copyright © [2013-2017] W3C® (MIT, ERCIM, Keio, Beihang).
Note: Example code includes material copied from or derived from [WCAG technique H24: Providing text alternatives for the area elements of image maps](https://www.w3.org/WAI/WCAG22/Techniques/html/H24) Copyright © [2013-2017] W3C® (MIT, ERCIM, Keio, Beihang).

</script></mark-down>
<!-- End main panel -->
Expand All @@ -78,7 +78,7 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 1.1.1 Non-text content](https://www.ibm.com/able/requirements/requirements/#1_1_1)
* [WCAG technique H24](https://www.w3.org/WAI/WCAG21/Techniques/html/H24)
* [WCAG technique H24: Providing text alternatives for the area elements of image maps](https://www.w3.org/WAI/WCAG22/Techniques/html/H24)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -80,8 +80,8 @@ <h1 id="weather">Weather portlet</h1>
### About this requirement

* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -80,8 +80,8 @@ <h1 id="t1">Stock Ticker Portlet</h1">
### About this requirement

* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -80,8 +80,8 @@ <h1 id="weather">Weather portlet</h1>
### About this requirement

* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -80,8 +80,8 @@ <h2 id="weather">Weather portlet</h2>
### About this requirement

* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ <h3 id="ruleMessage"></h3>

* [IBM 1.3.1 Info and Relationships](https://www.ibm.com/able/requirements/requirements/#1_3_1)
* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA11](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA11)
* [WCAG technique ARIA11: Using ARIA landmarks to identify regions of a page](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA11)
* [ARIA practices- HTML5 Sectioning Elements](https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/#htmlsectioningelements)

### Who does this affect?
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -78,8 +78,8 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -67,8 +67,8 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6.html)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6.html)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -88,8 +88,8 @@ <h2 id="na1"> New Account</h2>
### About this requirement

* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -74,8 +74,8 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 1.1.1 Non-text Content](https://www.ibm.com/able/requirements/requirements/#1_1_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6)
* [WCAG technique ARIA16](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA16)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6)
* [WCAG technique ARIA16: Using aria-labelledby to provide a name for user interface controls](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA16)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -85,8 +85,8 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 1.3.1 Info and relationships](https://www.ibm.com/able/requirements/requirements/#1_3_1)
* [WCAG technique ARIA11](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA11)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA11: Using ARIA landmarks to identify regions of a page](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA11)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -81,8 +81,8 @@ <h2 id="weather">Weather portlet</h2>
### About this requirement

* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -79,8 +79,8 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -78,8 +78,8 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 2.4.1 Bypass Blocks](https://www.ibm.com/able/requirements/requirements/#2_4_1)
* [WCAG technique ARIA6](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA6)
* [WCAG technique ARIA13](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA13)
* [WCAG technique ARIA6: Using aria-label to provide labels for objects](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA6)
* [WCAG technique ARIA13: Using aria-labelledby to name regions and landmarks](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA13)

### Who does this affect?
* People using a screen reader, including blind, low vision and neurodivergent people
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ <h2 id="ct">Complex tools</h2>
### About this requirement

* [IBM 4.1.2 Name, Role, Value](https://www.ibm.com/able/requirements/requirements/#4_1_2)
* [WCAG technique ARIA16](https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA16)
* [WCAG technique ARIA16: Using aria-labelledby to provide a name for user interface controls](https://www.w3.org/WAI/WCAG22/Techniques/aria/ARIA16)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 1.1.1 Non-text content](https://www.ibm.com/able/requirements/requirements/#1_1_1)
* [WCAG technique H86](https://www.w3.org/WAI/WCAG21/Techniques/html/H86)
* [WCAG technique H86: Providing text alternatives for emojis, emoticons, ASCII art, and leetspeak: Providing text alternatives for emojis, emoticons, ASCII art, and leetspeak](https://www.w3.org/WAI/WCAG22/Techniques/html/H86)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 2.2.2 Pause, Stop, Hide](https://www.ibm.com/able/requirements/requirements/#2_2_2)
* [WCAG technique G13](https://www.w3.org/WAI/WCAG21/Techniques/general/G13)
* [WCAG technique G13: Describing what will happen before a change to a form control that causes a change of context to occur is made](https://www.w3.org/WAI/WCAG22/Techniques/general/G13)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 2.2.2 Pause, Stop, Hide](https://www.ibm.com/able/requirements/requirements/#2_2_2)
* [WCAG technique F47](https://www.w3.org/WAI/WCAG21/Techniques/failures/F47)
* [WCAG failure F47: Due to using the blink element](https://www.w3.org/WAI/WCAG22/Techniques/failures/F47)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -76,7 +76,7 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 1.2.2 Captions (Prerecorded)](https://www.ibm.com/able/requirements/requirements/#1_2_2)
* [WCAG technique H95](https://www.w3.org/WAI/WCAG21/Techniques/html/H95)
* [WCAG technique H95: Using the track element to provide captions](https://www.w3.org/WAI/WCAG22/Techniques/html/H95)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ <h3 id="ruleMessage"></h3>

- [WCAG 2.5.7 Dragging Movements](https://www.w3.org/WAI/WCAG22/Understanding/dragging-movements.html)
- [WCAG technique G219: Ensuring that an alternative is available for dragging movements that operate on content](https://www.w3.org/WAI/WCAG22/Techniques/general/G219)
- [WCAG Failure F108: Failure due to not providing a _single-pointer_ method for the user to operate a function that uses a dragging movement](https://www.w3.org/WAI/WCAG22/Techniques/failures/F108)
- [WCAG Failure F108: Due to not providing a _single-pointer_ method for the user to operate a function that uses a dragging movement](https://www.w3.org/WAI/WCAG22/Techniques/failures/F108)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -80,8 +80,8 @@ <h1 id="news">Breaking news</h1>
### About this requirement

<!-- Remove 4.1.1 * [IBM 4.1.1 Parsing ](https://www.ibm.com/able/requirements/requirements/#4_1_1) -->
* [WCAG technique H93 - Ensuring that ID attributes are unique on a Web page](https://www.w3.org/WAI/WCAG21/Techniques/html/H93)
* [WCAG technique F77 - Failure due to duplicate values of type ID](https://www.w3.org/WAI/WCAG21/Techniques/failures/F77)
* [WCAG technique H93: Ensuring that ID attributes are unique on a Web page](https://www.w3.org/WAI/WCAG22/Techniques/html/H93)
* [WCAG failure F77: Due to duplicate values of type ID](https://www.w3.org/WAI/WCAG22/Techniques/failures/F77)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 3.1.2 Language of parts](https://www.ibm.com/able/requirements/requirements/#3_1_2)
* [WCAG technique H58](https://www.w3.org/WAI/WCAG21/Techniques/html/H58)
* [WCAG technique H58: Using language attributes to identify changes in the human language](https://www.w3.org/WAI/WCAG22/Techniques/html/H58)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [IBM 2.1.1 Keyboard](https://www.ibm.com/able/requirements/requirements/#2_1_1)
* [WCAG technique SCR20: Using both keyboard and other device-specific functions](https://www.w3.org/WAI/WCAG21/Techniques/client-side-script/SCR20)
* [WCAG technique SCR20: Using both keyboard and other device-specific functions](https://www.w3.org/WAI/WCAG22/Techniques/client-side-script/SCR20)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [1.3.4 Orientation](https://www.ibm.com/able/requirements/requirements/#1_3_4)
* [WCAG technique G214](https://www.w3.org/WAI/WCAG21/Techniques/general/G214)
* [WCAG technique G214: Using a control to allow access to content in different orientations which is otherwise restricted](https://www.w3.org/WAI/WCAG22/Techniques/general/G214)
* [Design - Layout orientations](https://www.ibm.com/able/toolkit/design/visual/#layout-orientations)
* [Test - Check motion operation](https://www.ibm.com/able/toolkit/verify/manual#motionoperation) 

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@ <h2>Important but lengthy content</h2>
### About this requirement

* [IBM 2.1.1 Keyboard](https://www.ibm.com/able/requirements/requirements/#2_1_1)
* [WCAG technique G202: Ensuring keyboard control for all functionality](https://www.w3.org/WAI/WCAG21/Techniques/general/G202)
* [WCAG technique G202: Ensuring keyboard control for all functionality](https://www.w3.org/WAI/WCAG22/Techniques/general/G202)
* [ARIA practices - Developing a keyboard interface]( https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/)
* [ARIA practices - The tab sequence]( https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#keyboardnavigationbetweencomponents(thetabsequence))
* [HTML - The tabindex attribute]( https://html.spec.whatwg.org/multipage/interaction.html#the-tabindex-attribute)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -111,8 +111,8 @@ <h3 id="ruleMessage"></h3>
* [4.1.2 Name, Role, Value](https://www.ibm.com/able/requirements/requirements/#4_1_2)
* [ARIA specification - Widget role definition](https://www.w3.org/TR/wai-aria-1.2/#widget)
* [CSS `overflow:`](https://www.w3schools.com/css/css_overflow.asp)
* [Unit test - check tab order](https://www.ibm.com/able/toolkit/develop/considerations/unit-testing/#check-tab-order)
* [Unit test - confirm component keyboard interaction](https://www.ibm.com/able/toolkit/develop/considerations/unit-testing/#confirm-component-keyboard-interaction)
* [Unit test - Check tab order](https://www.ibm.com/able/toolkit/develop/overview/#check-tab-order)
* [Unit test - Confirm component keyboard interaction](https://www.ibm.com/able/toolkit/develop/overview/#confirm-keyboard-interaction)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ <h3 id="ruleMessage"></h3>

Normally, keyboard-focusable (tabbable) elements should be visible,
but there are situations where it is acceptable to "hide" and then reveal the element when it receives keyboard focus,
as in the '**Skip to main content**' example below. 
as in the '**Skip to main content**' example below.

<!-- This is where the code snippet is injected -->
<div id="locSnippet"></div>
Expand Down Expand Up @@ -97,8 +97,8 @@ <h3 id="ruleMessage"></h3>
### About this requirement

* [2.4.7 Focus Visible](https://www.ibm.com/able/requirements/requirements/#2_4_7)
* [Unit test - check tab order](https://www.ibm.com/able/toolkit/develop/considerations/unit-testing/#check-tab-order)
* [Unit test - confirm component keyboard interaction](https://www.ibm.com/able/toolkit/develop/considerations/unit-testing/#confirm-component-keyboard-interaction) 
* [Unit test - Check tab order](https://www.ibm.com/able/toolkit/develop/overview/#check-tab-order)
* [Unit test - Confirm component keyboard interaction](https://www.ibm.com/able/toolkit/develop/overview/#confirm-keyboard-interaction)

### Who does this affect?

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -77,8 +77,8 @@ <h3 id="ruleMessage"></h3>

### WCAG techniques

* [H53: Using the body of the object element](https://www.w3.org/WAI/WCAG21/Techniques/html/H53)
* [H46: Using noembed with embed](https://www.w3.org/WAI/WCAG21/Techniques/html/H46.html)
* [H53: Using the body of the object element](https://www.w3.org/WAI/WCAG22/Techniques/html/H53)
* [H46: Using noembed with embed](https://www.w3.org/WAI/WCAG22/Techniques/html/H46.html)

### Who does this affect?

Expand Down
Loading

0 comments on commit 82771ce

Please sign in to comment.