Table of Contents
    Understanding WCAG Success Criterion 2.1.1 Keyboard (A)

    It must be possible for someone using only a keyboard (or a device that emulates keyboard commands) to complete all tasks in a service. This ensures that people with mobility or dexterity impairments who do not use a mouse can successfully complete their goals.

    Accessibility Requirements for 2.1.1 Keyboard (A)

    • All interaction and functionality is usable with a keyboard.

    Common mistakes for 2.1.1 Keyboard (A)

    • A custom widget has been created, but the necessary keyboard support has not been provided;
    • An <a> element has been used as the basis for a button, but the additional keyboard interaction (activation with the space key) has not been provided;
    • A dialogue opens but cannot be dismissed by touch, because it does not have a close button;
    • The tabindex attribute has been used with a value of “-1” to mistakenly remove it from the tab order.

    Techniques for 2.1.1 Keyboard (A)

    HTML Technique

    Your site doesn’t include support for the Accordion Item block. You can try installing the block, convert it to a Custom HTML block, or remove it entirely.

    Common Failures for 2.1.1 Keyboard (A)

    The following are common mistakes that are considered failures of Success Criterion 2.1.1 by the WCAG Working Group.

    FAQs for Keyboard (A)

    What does keyboard accessible mean?

    Keyboard accessibility is one of the most important aspects of web accessibility. Many users with motor disabilities rely on a keyboard. Blind users also typically use a keyboard for navigation. Users without disabilities may use a keyboard for navigation because of preference or efficiency.

    Which is the toggle key?

    A toggle key is a key that is used to turn a function on or off, or to switch between two functions. Examples of toggle keys are the caps lock key, number lock key and scroll lock key. A toggle key can also be used as an accessibility option to alternate the input mode of keys.

    How do I add navigation keyboard to HTML?

    You can add keyboard shortcuts to your page through HTML with the global access key attribute and trigger it with Alt + Shift + key in Chrome and Firefox on Windows, or use Control + Alt + key on Mac.

    Useful resources for 2.1.1 Keyboard (A)

    Leave a Reply

    Your email address will not be published.