#  Techniques 

 



Browse a comprehensive library of how-to guides with practical examples and code snippets to help you create accessible content and code.



 

 



 Sort & Filters  close  

## Filters

    Elements expand\_more  - Alerts (4)
- Alternatives (4)
- Animations (1)
- Captions (1)
- Contrast (2)
- Controls (16)
- Data tables (2)
- Focus (2)
- Images (8)
- Inputs (13)
- Links (13)
- Text (17)
- Video (2)

 



 

   Assistive Technologies expand\_more  - Screen reader (35)
- Screen magnification (14)
- High contrast mode (11)
- Custom stylesheet (19)
- Keyboard (16)
- Speech recognition (10)
- Switch-based input (17)

 



 

   Principles expand\_more  - Operable (22)
- Perceivable (35)
- Robust (9)
- Understandable (12)

 



 

   Disabilities expand\_more  - Blind (37)
- Low vision (29)
- Color blind (5)
- Deaf (2)
- Hard of hearing (2)
- expand\_moreexpand\_lessCognitive (28)
    
    
    - Attention deficit disorder (2)
    - Dyslexia (10)
- Motor impairment (20)

 



 

   Technologies expand\_more  - CSS (24)
- Forms (5)
- HTML (43)
- JavaScript (12)
- PDF (9)
- Powerpoint (5)
- SVG (1)
- Touch (3)
- Word (9)

 



 

  



 

  Search Within Results  

  Search Within Results search  

##  57 results 

  Show filters filter\_alt    Sort by NewestOldestAlphabetical A-ZAlphabetical Z-A sort

   list  

   grid\_view  





 

##  57 results 

  [### ✎ Technique: Orientation

 ](/technique-orientation)Content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential (i.e., bank check).



 

 

   [### ✎ Technique: Identify input purpose

 ](/technique-identify-input-purpose)Make it easier for people to complete input fields requesting personal information.



 

 

   [### ✎ Technique: Reflow

 ](/technique-reflow)Use responsive design to allow your content to zoom and respond to various screen sizes.



 

 

   [### ✎ Technique: Non-text contrast

 ](/technique-non-text-contrast)The contrast of icons and graphical objects is just as important as that of text. Use sufficient contrast for all elements on the screen, with a minimum contrast ratio of 3:1.



 

 

   [### ✎ Technique: Text spacing

 ](/technique-text-spacing)People with a variety of print disabilities (including low vision, dyslexia, other cognitive disabilities) can benefit from being able to increase the spacing between lines, words, and/or letters on their own device.



 

 

   [### ✎ Technique: Content on hover or focus

 ](/technique-content-hover-or-focus)Make it easier for users to interact with added content. Tooltips, drop-down menus, and popups are examples of added content.



 

 

   [### ✎ Technique: Character key shortcuts

 ](/technique-character-key-shortcuts)If keyboard shortcuts are implemented using only a letter (including upper- and lower-case letters), punctuation, number, or symbol characters, provide a way to turn off or remap character key shortcuts.



 

 

   [### ✎ Technique: Pointer gestures

 ](/technique-pointer-gestures)All operations must use simple gestures that need only a single touch. If the site or application does use multi-touch gestures, be sure to also provide simple interfaces.



 

 

   [### ✎ Technique: Label in name

 ](/technique-label-name)People with disabilities rely on interface controls that are used programmatically. These controls have a visual label, as well as a programmatic label, known as its Accessible Name.



 

 

   [### ✎ Technique: Motion actuation

 ](/technique-motion-actuation)Ensure that functions that are triggered by moving a device or by gesturing towards the device can also be operated by more conventional user interface components.



 

 

   [### ✎ Technique: Status messages

 ](/technique-status-messages)Assistive technology users should be able to detect when important changes occur on a web page, With the use of a status message, information can be provided to the user without changing focus or unnecessarily interrupting their work.



 

 

   [### ✎ Technique: Differentiating controls

 ](/technique-providing-controls)Placement of controls affects their ease of use.



 

 

  

 - Previous page chevron\_left
- [1](?page=0 "Current page")
- [2](?page=1 "Go to page 2")
- [3](?page=2 "Go to page 3")
- [ Last page 5 ](?page=4 "Go to last page")
- [ Next page chevron\_right ](?page=1 "Go to next page")