These are the Web Accessibility Standards designers need to know

WCAG

Web Content Accessibility Guidelines (WCAG) addresses web content, and is used by developers, authoring tools, and accessibility evaluation tools. Something that is neat about WCAG standards is that it is backwards compatible, meaning something that is compliant with the latest version (2.1) would also pass (2.0).

WCAG is one of the most common standards for UX and Product designers as it applies to all the content. There is a simple rating system for all the guidelines under WCAG:

Image showing A, AA and AAA levels of accessibility ratings.

Level A (minimum)

The most basic web accessibility features. The website MUST satisfy this checkpoint. Otherwise, one or more groups will find it impossible to access information in the document. Satisfying this checkpoint is a basic requirement for some groups to be able to use web documents.

Level AA (mid-range)

Deals with the biggest and most common barriers for disabled users. Website SHOULD satisfy this checkpoint. Otherwise, one or more groups will find it difficult to access information in the document. Satisfying this checkpoint will remove significant barriers to accessing Web documents.

Level AAA (highest)

The highest level of web accessibility. A website MAY address this checkpoint. Otherwise, one or more groups will find it somewhat difficult to access information in the document. Satisfying this checkpoint will improve access to web documents.

Certain products (such as ones for many federal agencies) may have to meet a specific level of compliance. There tends to be a grey area for private businesses, but generally the more compliant the score, the more accessible a product is to the general public.

A summary of the general WCAG 2.0 Guidelines are as follows:

(*indicates Cognitive Accessibility Success Criteria)

1. Perceivable

Undraw illustration representing “Perceivable”

Text Alternatives: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.

Time-based Media: Provide alternatives for time-based media (commonly videos) such as captions, described audio or a media alternative.

Adaptable*: Create content that can be presented in different ways (for example simpler layout) without losing information or structure. This includes considerations for, proper labeling, consideration for different screen sizes etc.

Distinguishable: Make it easier for users to see and hear content including separating foreground from background. This includes common UI decisions such as contrast and text size in addition to audio considerations like background noise.

2. Operable

Undraw illustration representing “Operable”

Keyboard Accessible: Make all functionality available from a keyboard. This mostly refers to the ability to move focus to and from all components of the page using a keyboard interface.

Enough Time*: Provide users enough time to read and use content. This includes moving, blinking, scrolling, or auto-updating information as well as interruptions and time-outs.

Seizures and Physical Reactions: Do not design content in a way that is known to cause seizures or physical reactions. This generally means limiting flashes and motion animation to below the approved threshold.

Navigable*: Provide ways to help users navigate, find content, and determine where they are. This includes important UI decisions like information architecture, focus order, and proper titles, headers and labelling.

Input Modalities: Make it easier for users to operate functionality through various inputs beyond keyboard. An example of this is consideration for the minimum size of touch targets.

3. Understandable

Undraw illustration representing “Understandable”

Readable*: Make text content readable and understandable. This could be as simple as identifying the human language of a page but can also include advanced standards such as identifying and explaining idioms or abbreviations.

Predictable*: Make Web pages appear and operate in predictable ways. This includes predictable interactions from components and consistent form of navigation.

Input Assistance*: Help users avoid and correct mistakes. This includes identifying input errors and providing helpful, timely and relevant instructions or suggestions.

4. Robust

Undraw illustration representing “Robust”

Compatible: Maximize compatibility with current and future user agents. This is mostly work for the developers to make sure the product is built in a way that supports assistive technologies.

These are the Web Accessibility Standards designers need to know 1
About the author

E-Crypto News was developed to assist all cryptocurrency investors in developing profitable cryptocurrency portfolios through the provision of timely and much-needed information. Investments in cryptocurrency require a level of detail, sensitivity, and accuracy that isn’t required in any other market and as such, we’ve developed our databases to help fill in information gaps.

Related Posts

E-Crypto News Executive Interviews



bitcoin
Bitcoin (BTC) $ 42,698.00
ethereum
Ethereum (ETH) $ 2,929.76
cardano
Cardano (ADA) $ 2.35
tether
Tether (USDT) $ 1.00
binance-coin
Binance Coin (BNB) $ 356.34
xrp
XRP (XRP) $ 0.945885
solana
Solana (SOL) $ 141.82
polkadot
Polkadot (DOT) $ 31.18
usd-coin
USD Coin (USDC) $ 1.00
dogecoin
Dogecoin (DOGE) $ 0.210239
USD
EUR
GBP
bitcoinBitcoin (BTC)
$ 42,698.00
ethereumEthereum (ETH)
$ 2,929.76
tetherTether (USDT)
$ 1.00
bitcoin-cashBitcoin Cash (BCH)
$ 517.86
litecoinLitecoin (LTC)
$ 153.73
bitcoinBitcoin (BTC)
36.445,73
ethereumEthereum (ETH)
2.500,76
tetherTether (USDT)
0,853570
bitcoin-cashBitcoin Cash (BCH)
442,03
litecoinLitecoin (LTC)
131,22
bitcoinBitcoin (BTC)
31,269.88
ethereumEthereum (ETH)
2,145.61
tetherTether (USDT)
0.73235
bitcoin-cashBitcoin Cash (BCH)
379.25
litecoinLitecoin (LTC)
112.58

Automated trading with HaasBot Crypto Trading Bots

Crypto Scams

Crypto Scams
Crypto Scams Still Persistent In 2021, SEC Warns About Red Flags To Watch
September 9, 2021
Poly Network
Here’s How Hackers Stole Over $600 million in the Poly Network Attack
August 12, 2021
The World’s Most Infamous Crypto Hacks and Scams
July 31, 2021
Cryptocurrency Exchanges
Cryptocurrency Exchanges and the Plague of Scams and Bans
June 29, 2021
What Role Do Cryptocurrencies Play In The Era Of Ransomware Attacks?
June 9, 2021

Blockchain/Cryptocurrency Questions and Answers

Beginner’s Guide to Investing in Cryptocurrency
August 9, 2021
Short-Sell Cryptocurrency
How to Short-Sell Cryptocurrency: A Brief Overview
July 17, 2021
Klaytn
What Is Klaytn (KLAY) And How Does It Work?
July 16, 2021
Cryptocurrencies
Our Crypto Roundup Interview Asks- Do Cryptocurrencies Have a Future?
July 15, 2021
Solana
What Is Solana (SOL) And How Does It Work?
June 26, 2021


CryptoCurrencyUSDChange 1hChange 24hChange 7d
Bitcoin42,542 0.27 % 4.52 % 9.92 %
Ethereum2,914.0 0.63 % 6.02 % 14.60 %
Cardano2.340 0.94 % 2.47 % 0.35 %
Tether0.9986 0.03 % 0.08 % 0.23 %
Binance Coin355.16 0.97 % 5.56 % 12.51 %
XRP0.9425 0.47 % 4.18 % 11.73 %
Solana141.27 0.11 % 2.35 % 4.28 %
Polkadot30.87 2.19 % 17.29 % 10.73 %
USD Coin1.000 0.13 % 0.22 % 0.14 %
Dogecoin0.2098 0.51 % 5.61 % 12.94 %

bitcoin
Bitcoin (BTC) $ 42,698.00
ethereum
Ethereum (ETH) $ 2,929.76
cardano
Cardano (ADA) $ 2.35
tether
Tether (USDT) $ 1.00
binance-coin
Binance Coin (BNB) $ 356.34
xrp
XRP (XRP) $ 0.945885
solana
Solana (SOL) $ 141.82
polkadot
Polkadot (DOT) $ 31.18
usd-coin
USD Coin (USDC) $ 1.00
dogecoin
Dogecoin (DOGE) $ 0.210239