Situation A: If a short description can serve the same purpose and present the same information as the non-text
content
Technique G94:
Providing short text alternative for non-text content that serves the same purpose and presents the same
information as the non-text content
Technique ARIA6:
Using aria-label to provide labels for objects
...a list of links here ...
...a list of links here ...
...
Technique ARIA10:
Using aria-labelledby to provide a text alternative for non-text content
4 of 5
Technique G196:
Using a text alternative on one item within a group of images that describes all items in the group
Rating:
Conformance Level:
Technique H2:
Combining adjacent image and text links for the same resource
Situation B: If a short description can not serve the same purpose and present the same information as the
non-text content (e.g., a chart or diagram):
This chart shows the sales figures for October 2023. The sales increased steadily from $10,000 in the first
week to $25,000 by the end of the month. The highest sales were recorded in the last week, attributed to the
launch of a new product line.
Technique ARIA15:
Using aria-describedby to provide descriptions of images
This painting dates back to 1889 and is oil on canvas. It was created by
John Singer Sargent, and represents ...
Technique G73:
Providing a long description in another location with a link to it that is immediately adjacent to the non-text
content
Sales for October show Mary leading with 400 units. Mike follows closely with 389. Chris rounds out our top
3 with sales of 350.
[End of description]
Technique G74:
Providing a long description in text near the non-text content, with a reference to the location of the long
description in the short description
Sales for October show Mary leading with 400 units. Mike follows closely with 389. Chris rounds out our top 3
with sales of 350.
Technique G92:
Providing long description for non-text content that serves the same purpose and presents the same information
Bar chart showing sales for October. There are 6 salespeople. Maria is the highest with 349 units, followed by
Frances with 301, Juan with 256, Sue with 250, Li with 200, and Max with 195. The primary purpose of this chart
is to show the ranking of salespeople based on their total sales, listed in descending order.
Technique H53:
Using the body of the object element
Situation C: If non-text content is a control or accepts user input:
Technique G82:
Providing a text alternative that identifies the purpose of the non-text content
Technique ARIA9:
Using aria-labelledby to concatenate a label from several text nodes
minutes
Taxpayer
Spouse
W2 Gross
Dividends
Technique H24:
Providing text alternatives for the area elements of image maps
Technique H30:
Providing link text that describes the purpose of a link for anchor elements
Technique H36:
Using alt attributes on images used as submit buttons
Technique H44:
Using label elements to associate text labels with form controls
Technique H65:
Using the title attribute to identify form controls when the label element cannot be used
Situation D: If non-text content is time-based media (including live video-only and live audio-only); a test or
exercise that would be invalid if presented in text; or primarily intended to create a specific sensory
experience:
Technique G68:
Providing a short text alternative that describes the purpose of live audio-only and live video-only content
Technique G100:
Providing a short text alternative which is the accepted name or a descriptive name of the non-text content
Situation E: If non-text content is a CAPTCHA:
Technique G143:
Providing a text alternative that describes the purpose of the CAPTCHA
If you cannot read the image, please click here to listen to the CAPTCHA
challenge.
Situation F: If the non-text content should be ignored by assistive technology:
Technique C9:
Using CSS to include decorative images
Technique H67:
Using null alt text and no title attribute on img elements for images that assistive technology should ignore
Technique C18:
Using CSS margin and padding rules instead of spacer images for layout design
Books in the category 'Web development'
Title
Author
Date
How to Think Straight About Web Standards
Andrew Stanovich
1 April 2007
Time-based Media
1.2.1
Audio-only and Video-only (Prerecorded)
Level A
Situation A: If the content is prerecorded audio-only:
Technique G158:
Providing an alternative for time-based media for audio-only content
Transcript of Episode 15
Speaker 1: Welcome to Episode 15, where we'll discuss the new features in Product X.
Speaker 2: It's been a game-changer. I think the new UI is really going to impress users.
Background sound: The faint sound of a coffee machine brewing can be heard.
Speaker 1: Absolutely. And let's talk about the new analytics dashboard.
Background sound: The sound of typing on a keyboard fills the background.
Speaker 2: The dashboard now gives users real-time analytics, which will help them make data-driven decisions.
Note: You can listen to the audio above or read the full transcript here.
Situation B: If the content is prerecorded video-only:
Technique G159:
Providing an alternative for time-based media for video-only content
Transcript of Video
Step 1: The video begins with a close-up of the wooden pieces laid out on a workbench. The
pieces are labeled with numbers 1 through 5. An arrow points to the top panel labeled '1'.
Step 2: A hand reaches in and picks up the top panel. The video zooms out to show the user
holding the panel above the base of the breadbox.
Step 3: The user aligns the panel with the sides, inserting dowels into the pre-drilled holes.
The animation emphasizes the position of the dowels with red circles. An arrow points to the dowels as they are
inserted.
Step 4: The video shows an outtake animation where the dowels do not align properly, causing the
pieces to fall apart. A message appears, “Ensure the dowels are correctly aligned before proceeding.”
Step 5: The final animation shows the completed breadbox, with a clear label of the finished
assembly.
Note: The video shows the assembly process step by step, but the above text describes all
actions and visual elements of the video.
Technique G166:
Providing audio that describes the important video content and describing it as such
Technique SM1:
Adding extended audio description in SMIL 1.0
Technique SM2:
Adding extended audio description in SMIL 2.0
Technique G203:
Using a static text alternative to describe a talking head video
Description: July 22, 2011, Jane Doe, President of XYZ Corporation, speaking from her office.
The video starts with a title page showing the date. A text strip at the bottom of the video identifies her as
"Jane Doe, President of XYZ Corporation." The video ends with credits: "Produced by Honest TV Productions Ltd."
1.2.4
Captions (Live)
Level AA
Technique G9:
Creating captions for live synchronized media
Live captions provided by a professional real-time captioning service.
1.2.5
Audio Description (Prerecorded)
Level AA
1.2.6
Sign Language (Prerecorded)
Level AAA
Technique G54:
Including a sign language interpreter in the video stream
This video includes a sign language interpreter for accessibility.
Technique G81:
Providing a synchronized video of the sign language interpreter that can be displayed in a different viewport or
overlaid on the image by the player
This video allows viewers to enable a separate synchronized video stream for the sign language interpreter.
Technique SM13:
Providing sign language interpretation through synchronized video streams in SMIL 1.0
Technique SM14:
Providing sign language interpretation through synchronized video streams in SMIL 2.0
Technique G150:
Providing text based alternatives for live audio-only content
Live Sports Event: Basketball Game
Live Captions: Welcome to the game, the first quarter is starting!
Technique G157:
Incorporating a live audio captioning service into a Web page
Live News Broadcast
Live Captions: Breaking news: Severe weather warning in effect...
Guideline 1.3 Adaptable
1.3.1
Info and Relationships
Level A
Situation A: The technology provides semantic structure to make information and relationships conveyed through
presentation programmatically determinable:
Technique ARIA11:
Using ARIA landmarks to identify regions of a page
site logo and name, etc. here
search functionality here
a list of navigation links here
a sign-up form here
the page's main content here
a sponsor's promotion here
sidebar content here
site contact details, copyright information, etc. here
Technique ARIA12:
Using role=heading to identify headings
Global News Items
... a list of global news with editorial comment....
Politics
... a list of global political news stories ...
Technique ARIA13:
Using aria-labelledby to name regions and landmarks
Top News Stories
...
Technique ARIA16:
Using aria-labelledby to provide a name for user interface controls
Technique ARIA17:
Using grouping roles to identify related form controls
Social Security Number (required)
-
-
Technique ARIA20:
Using the region role to identify a region of the page
Technique G115:
Using semantic elements to mark up structure
Do you want to try our new tool yourself? A free demonstration
version is available in our download section
Technique G117:
Using text to convey information that is conveyed by variations in presentation of text
Web Accessibility Guidelines
WCAG 2.2 (New)
WCAG 2.1
WCAG 2.0
Section 508
JIS X 8341-3
...
Technique G140:
Separating information and structure from presentation to enable different presentations
Welcome to Our Website
About Us
We are a company that values accessibility and user experience.
Our Services
Web Design
SEO Optimization
App Development
Technique ARIA24:
Semantically identifying a font icon with role="img"
My Favorites
Technique G138:
Using semantic markup whenever color cues are used
Contact Form
Technique H51:
Using table markup to present tabular information
Weekly Schedule
Time
Monday
Tuesday
Wednesday
Thursday
Friday
8:00-9:00
Meet with Sam
9:00-10:00
Doctor Williams
Sam again
Leave for San Antonio
10:00-11:00
Meeting with HR
Lunch with Mary
Technique H39:
Using caption elements to associate data table captions with data tables
Weekly Schedule
Schedule for the week of March 6
Time
Monday
Tuesday
Wednesday
Thursday
Friday
8:00-9:00
Meet with Sam
9:00-10:00
Doctor Williams
Sam again
Leave for San Antonio
Technique H63:
Using the scope attribute to associate header cells with data cells in data tables
Contact Information
Name
Phone Number
City
1.
Charlotte Smith
412-212-5421
Pittsburgh
2.
Joetta Frere
410-306-5400
Baltimore
3.
David Walls
281-511-6600
New York
Technique H43:
Using id and headers attributes to associate data cells with header cells in data tables
Homework
Exams
Projects
1
2
Final
1
2
Final
15%
15%
15%
20%
10%
10%
15%
Technique H71:
Providing a description for groups of form controls using fieldset and legend elements
Technique H85:
Using optgroup to group option elements inside a select
Technique H48:
Using ol, ul and dl for lists or groups of links
Technique H42:
Using h1-h6 to identify headings
Plant Foods that Humans Eat
There are an abundant number of plants that humans eat...
Fruit
A fruit is a structure of a plant that contains its seeds...
Apple
The apple is the pomaceous fruit of the apple tree...
Orange
The orange is a hybrid of ancient cultivated origin...
Banana
Banana is the common name for herbaceous plants...
Vegetables
A vegetable is an edible plant or part of a plant other than a sweet fruit...
Broccoli
Broccoli is a plant of the mustard/cabbage family...
Brussels sprouts
The Brussels sprout of the Brassicaceae family, is a cultivar group of wild cabbage...
Green beans
Green beans have been bred for the fleshiness, flavor, or sweetness of their pods...
Technique SCR21:
Using functions of the Document Object Model (DOM) to add content to a page
Form Validation Example
Technique H97:
Grouping related links using the nav element
Technique C22:
Using CSS to control visual presentation of text
The JavaScript method to convert a string to uppercase is toUpperCase().
Technique G162:
Positioning labels to maximize predictability of relationships
Technique ARIA1:
Using the aria-describedby property to provide a descriptive label for user interface controls
Technique ARIA2:
Identifying a required field with the aria-required property
Technique G141:
Organizing a page using headings
Cooking techniques
Learn different methods of cooking with various ingredients and techniques.
Cooking with oil
Oil-based cooking methods can add flavor and texture to food.
Sautéing
Sautéing involves cooking food quickly in a small amount of oil.
Deep frying
Deep frying involves immersing food in hot oil to cook it.
Cooking with butter
Butter-based cooking techniques are popular for flavoring dishes.
Clarified butter
Clarified butter is used for cooking at higher temperatures.
Technique F2:
Failure of Success Criterion 1.3.1 due to using changes in text presentation to convey information without using
the appropriate markup or text
Introduction
This introduction provides detailed information about how to use this page...
Technique F33:
Failure of Success Criterion 1.3.1 and 1.3.2 due to using white space characters to create multiple columns in
plain text content
WCAG 2.0
Topics Covered
Web Content Accessibility Guidelines
including blindness and low vision, deafness and hearing loss, learning difficulties, cognitive
limitations, limited movement, speech difficulties, and others.
Accessible
means usable to a wide range of people with disabilities, including older users. It will also enable
people to access Web content using many different devices, including a wide variety of assistive
technologies.
Technique F34:
Failure of Success Criterion 1.3.1 and 1.3.2 due to using white space characters to format tables in plain text
content
Technique F42:
Failure of Success Criteria 1.3.1, 2.1.1, 2.1.3, or 4.1.2 when emulating links
Technique H34:
Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text direction inline
The title is "مفتاح معايير الويب!"
Technique H56:
Using the dir attribute on an inline element to resolve problems with nested directional runs
The title says "פעילות הבינאום, W3C" in Hebrew.
Technique C6:
Positioning content based on structural markup
Products
Telephones
Computers
Portable MP3 Players
Locations
Idaho
Wisconsin
Technique C8:
Using CSS letter-spacing to control spacing within a word
Museum
Technique C27:
Making the DOM order match the visual order
News Daily
Technique F32:
Failure of Success Criterion 1.3.2 due to using white space characters to control spacing within a word
Welcome
Technique F49:
Failure of Success Criterion 1.3.2 due to using an HTML layout table that does not make sense when linearized
XYZ gets you to the top!
Technique F1:
Failure of Success Criterion 1.3.2 due to changing the meaning of content by positioning information with CSS
Products
Telephones
Computers
Portable MP3 Players
Locations
Idaho
Wisconsin
1.3.3
Sensory Characteristics
Level A
Technique G96:
Providing textual identification of items that otherwise rely only on sensory information to be understood
Technique F14:
Failure of Success Criterion 1.3.3 due to identifying content only by its shape or location
Instructions:
- Click the "Exit" button to leave the survey without saving.
- Click the "Save Progress" button to save your current answers and return later.
- Click the "Submit" button to submit the survey results.
Technique F26:
Failure of Success Criterion 1.3.3 due to using a graphical symbol alone to convey information
Product A - 🟢 In Stock
Product B - ⬛ On Back Order
1.3.4
Orientation
Level AA(Added in 2.1)
Technique G214:
Using a control to allow access to content in different orientations which is otherwise restricted
Chapter 1: The Story Begins...
Technique F97:
Failure due to locking the orientation to landscape or portrait view
Breaking News
Latest updates from around the world...
Technique F100:
Failure of Success Criterion 1.3.4 due to showing a message asking to reorient device
Section 1
Section 2
Section 3
1.3.5
Identify Input Purpose
Level AA(Added in 2.1)
Technique H98:
Using HTML 5.2 autocomplete attributes
Payment Information
Technique F107:
Failure of Success Criterion 1.3.5 due to incorrect autocomplete attribute values
Your details:
Guideline 1.4 Distinguishable
1.4.1
Use of Color
Level A
Technique G14:
Ensuring that information conveyed by color differences is also available in text
Conference Schedule
10:00 AM - Introduction to AI (Track 1 - T1)
11:00 AM - Advanced Data Science (Track 2 - T2)
1:00 PM - Web Development Trends (Track 3 - T3)
Technique G205:
Including a text cue for colored form control labels
Technique G182:
Ensuring that additional visual cues are available when text color differences are used to convey information
Technique G183:
Using a contrast ratio of 3:1 with surrounding text and providing additional visual cues on hover for links or
controls where color alone is used to identify them
Technique C15:
Using CSS to change the presentation of a user interface component when it receives focus
Technique F73:
Failure of Success Criterion 1.4.1 due to creating links that are not visually evident without color vision
Welcome to our website. Visit our About Us page for more information.
Technique F81:
Failure of Success Criterion 1.4.1 due to identifying required or error fields using color differences only
1.4.2
Audio Control
Level A
Technique G60:
Playing a sound that turns off automatically within three seconds
Welcome to the Web Page!
Technique G170:
Providing a control near the beginning of the Web page that turns off sounds that play automatically
Welcome to the Web Page
This page includes background music. You can pause it using the control above.
Technique G171:
Playing sounds only on user request
Grey Whale Conservation
Click the button above to turn on the sounds of grey whales singing and water splashing.
Technique F23:
Failure of 1.4.2 due to playing a sound longer than 3 seconds where there is no mechanism to turn it off
Grey Whale Conservation
Welcome to our site. We play a short whale song, but it will stop after 3 seconds.
Technique F93:
Failure of Success Criterion 1.4.2 for absence of a way to pause or stop an HTML5 media element that autoplays
Welcome to our Website!
Enjoy the video! You can control playback using the video controls.
1.4.3
Contrast (Minimum)
Level AA
Technique G18:
Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind
the text
Technique G148:
Not specifying background color, not specifying text color, and not using technology features that change those
defaults
Technique G174:
Providing a control with a sufficient contrast ratio that allows users to switch to a presentation that uses
sufficient contrast
Technique G145:
Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind
the text
Welcome to Our Amazing Landscape
Technique G156:
Using a technology that has commonly-available user agents that can change the foreground and background of
blocks of text
How to Customize Colors in Your Browser:
In Google Chrome, go to Settings > Appearance > Theme.
In Firefox, go to Preferences > Colors.
In Safari, go to Preferences > Accessibility > Display.
These changes will allow you to view the page with your preferred colors.
Technique F24:
Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying
background colors or vice versa
Technique F83:
Failure of Success Criterion 1.4.3 and 1.4.6 due to using background images that do not provide sufficient
contrast with foreground text (or images of text)
1.4.4
Resize Text
Level AA
Technique G142:
Using a technology that has commonly-available user agents that support zoom
This content scales uniformly when zoomed
The layout, text, and functionality remain accessible at all zoom levels. Try zooming in or out using
your browser’s zoom tool.
Technique C28:
Specifying the size of text containers using em units
Home
About
Services
Contact
Technique C12:
Using percent for font sizes
Letting the user control text size
Technique C13:
Using named font sizes
Technique C14:
Using em units for font sizes
Technique SCR34:
Calculating size and position in a way that scales with text size
Technique G146:
Using liquid layout
Block 1
The objective of this technique is to be able to present content
without introducing horizontal scroll bars by using layout
techniques that adapt to the available horizontal space.
Block 2
This is a very simple example of a page layout that adapts as the
text size changes.
Block 3
For techniques that support more complex page layouts, see the
Resources listed below.
Technique G178:
Providing controls on the Web page that allow users to incrementally change the size of all text on the page up
to 200 percent
Technique G179:
Ensuring that there is no loss of content or functionality when the text resizes and text containers do not
change their width
Technique C17:
Scaling form elements which contain text
Technique C20:
Using relative measurements to set column widths so that lines can average 80 characters or less when the
browser is resized
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate orci et libero tincidunt, nec
sollicitudin nunc fermentum. Vivamus euismod leo nec arcu varius tincidunt. Phasellus non gravida libero.
Integer feugiat interdum lectus, ac vehicula sem. Proin et dui lorem. Sed viverra tincidunt erat non
pretium.
Technique F69:
Failure of Success Criterion 1.4.4 when resizing visually rendered text up to 200 percent causes the text, image
or controls to be clipped, truncated or obscured
1.4.5
Images of Text
Level AA
Technique C30:
Using CSS to replace text with images of text and providing user interface controls to switch
Pufferfish Design Studio
Surprising Identity and Design Solutions
Technique G17:
Ensuring that a contrast ratio of at least 7:1 exists between text (and images of text) and background behind
the text
1.4.7
Low or No Background Audio
Level AAA
Technique G56:
Mixing audio files so that non-speech sounds are at least 20 decibels lower than the speech audio content
1.4.8
Visual Presentation
Level AAA
Technique C23:
Specifying text and background colors of secondary content such as banners, features and navigation in CSS
while not specifying text and background colors of the main content
Technique C25:
Specifying borders and layout in CSS to delineate areas of a Web page while not specifying text and
text-background colors
Technique G175:
Providing a multi color selection tool on the page for foreground and background colors
Customize Foreground and Background Colors
This is sample text to demonstrate your selected colors.
Technique G204:
Not interfering with the user agent's reflow of text as the viewing window is narrowed
Technique C19:
Specifying alignment either to the left or right in CSS
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac eros ut urna gravida scelerisque.
Technique G172:
Providing a mechanism to remove full justification of text
Technique G169:
Aligning text on only one side
Technique G188:
Providing a button on the page to increase line spaces and paragraph spaces
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu nisl ac turpis bibendum egestas.
Curabitur sit amet felis nec libero volutpat sollicitudin eget nec purus.
Technique C21:
Specifying line spacing in CSS
Technique C24:
Using percentage values in CSS for container sizes
Technique G206:
Providing options within the content to switch to a layout that does not require the user to scroll horizontally
to read a line of text
Company Annual Report
Lorem ipsum dolor sit amet, consectetur adipiscing elit. This content requires horizontal scrolling.
Technique F88:
Failure of Success Criterion 1.4.8 due to using text that is justified (aligned to both the left and the right
margins)
1.4.10
Reflow
Level AA(Added in 2.1)
Technique C32:
Using media queries and grid CSS to reflow columns
Main content
Technique C31:
Using CSS Flexbox to reflow content
Main content
Nested column 1
Nested column 2
Technique C33:
Allowing for Reflow with Long URLs and Strings of Text
Technique C38:
Using CSS width, max-width and flexbox to fit labels and inputs
Technique C34:
Using media queries to un-fixing sticky headers / footers
Technique F102:
Failure of Success Criterion 1.4.10 due to content disappearing and not being available when content has
reflowed
Technique G195:
Using an author-supplied, visible focus indicator
Technique G207:
Ensuring that a contrast ratio of 3:1 is provided for icons
📞
Technique G209:
Provide sufficient contrast at the boundaries between adjoining colors
Technique F78:
Failure of Success Criterion 1.4.11, 2.4.7 and 2.4.13 due to styling element outlines and borders in a way that
removes or renders non-visible the visual focus indicator
1.4.12
Text Spacing
Level AA(Added in 2.1)
Technique C36:
Allowing for text spacing override
Heading
This is a long paragraph that adapts well when text spacing is increased by users.
Technique C35:
Allowing for text spacing without wrapping
Technique F104:
Failure of Success Criterion 1.4.12 due to clipped or overlapped content when text spacing is adjusted
Now is the time for all good men to come to the aid of their country.
The quick brown fox jumps over the lazy dog.
Technique SCR39:
Making content on focus or hover hoverable, dismissible, and persistent
Technique F95:
Failure of Success Criterion 1.4.13 due to content shown on hover not being hoverable
Hover over the data point
Additional details about this data point are shown here. to see more information.
Principle 4 Robust
4.1.2
Name, Role, Value
Level A
Technique ARIA14:
Using aria-label to provide an invisible label where a visible label cannot be used
This is a pop-up box.
Technique G108:
Using markup features to expose the name and role, allow user-settable properties to be directly set, and
provide notification of changes
Technique H91:
Using HTML form controls and links
Technique H64:
Using the title attribute of the iframe element
Technique H88:
Using HTML according to spec
Technique ARIA4:
Using a WAI-ARIA role to expose the role of a user interface component
Technique ARIA5:
Using WAI-ARIA state and property attributes to expose the state of a user interface component
Technique F59:
Failure of Success Criterion 4.1.2 due to using script to make div or span a user interface control in HTML
without providing a role for the control
Include Signature
Technique F15:
Failure of Success Criterion 4.1.2 due to implementing custom controls that do not use an accessibility API for
the technology, or do so incompletely
Music Player Controls
Volume
Tone
Technique F68:
Failure of Success Criterion 4.1.2 due to a user interface control not having a programmatically determined name
Technique F79:
Failure of Success Criterion 4.1.2 due to the focus state of a user interface component not being
programmatically determinable or no notification of change of focus state available
Item 1
Item 2
Item 3
Technique F86:
Failure of Success Criterion 4.1.2 due to not providing names for each part of a multi-part form field, such as
a US telephone number
Technique F89:
Failure of Success Criteria 2.4.4, 2.4.9 and 4.1.2 due to not providing an accessible name for an image which is
the only content in a link
Technique ARIA22:
Using role=status to present status messages
5 results returned.
Technique G199:
Providing success feedback when data is submitted successfully
Technique ARIA19:
Using ARIA role=alert or Live Regions to Identify Errors
Technique G83:
Providing text descriptions to identify required fields that were not completed
Technique G84:
Providing a text description when the user provides information that is not in the list of allowed values
Technique G85:
Providing a text description when user input falls outside the required format or values
Technique G177:
Providing suggested correction text
Technique G194:
Providing spell checking and suggestions for text input
Technique ARIA23:
Using role=log to identify sequential information updates
Chat History
Welcome to the chat!
Technique ARIA18:
Using aria-alertdialog to Identify Errors
Error
Employee's Birth Date is after their hire date. Please verify the birth date and hire date.
Technique SCR14:
Using scripts to make nonessential alerts optional
Turbo Encabulator Stock Information
Turbo Encabulator Stock Price: stock went up
Use the buttons to toggle screen reader announcements of stock changes:
Technique F103:
Failure of Success Criterion 4.1.3 due to providing status messages that cannot be programmatically determined
through role or properties
Search for Items
0 results returned.
Here are your search results:
2.1 Keyboard Accessible
2.1.1 Keyboard Level A
Situation A: All functionality of the content is operable through a keyboard interface
Sufficient Techniques
Technique G202: Ensuring keyboard control for all functionality
Technique H91: Using HTML form controls and links
Link Example
Clicking on the link will take you to the Example Site.
Technique SCR2:Using redundant keyboard and mouse event handlers
Click the buttons below to change the text color:
Advisory Techniques
SCR29: Adding keyboard-accessible actions to static HTML elements
This is a hidden message that can be toggled.
Failure
Technique F54:Failure of Success Criterion 2.1.1 due to using only pointing-device-specific event handlers
(including gesture) for a function
Failure of Success Criteria 2.1.1, 2.4.7, 2.4.13, and 3.2.1 due to using script to remove focus when focus is
received
users navigating with the Tab key would be able to focus on the submit button and submit the form.
Failure of Success Criteria 1.3.1, 2.1.1, 2.1.3, or 4.1.2 when emulating links
click here using enter or tab key
2.1.2-No Keyboard Trap-Level A
Sufficient Techniques
G21: Ensuring that users are not trapped in content
Use the Tab key to navigate through the content.
You will start by tabbing through the accessibility-supported content.
After finishing with the applet, continue navigating to the rest of the page, including the next sectionIf you
navigate into the applet section below, you can tab through its buttons. When done, use Shift + Tab to return to
the main content, as explained above.
Applet Section
Use Tab to move through this section.
Failures
F10: Failure of Success Criterion 2.1.2 and Conformance Requirement 5 due to combining multiple content formats
in a way that traps users inside one format type
Use the Tab key to navigate through the content.
You will start by tabbing through the accessibility-supported content.
After finishing with the applet, continue navigating to the rest of the page, including the next sectionIf you
navigate into the applet section below, you can tab through its buttons. When done, use Shift + Tab to return to
the main content, as explained above.
Applet Section
Use Tab to move through this section.
2.1.3-Keyboard (No Exception)-Level AAA
Use the keyboard to interact with the button:
Tab to the button, then press Enter to activate it.
2.1.4-Character Key Shortcuts-Level A
G217: Providing a mechanism to allow users to remap or turn off character key shortcuts
Character Key Shortcut - Pass Example
Press the "R" key to trigger the shortcut (if enabled).
F99: Failure of Success Criterion 2.1.4 due to implementing character key shortcuts that cannot be turned off or
remapped
Press the "S" or "A" or "Q" key to trigger the shortcut, based on the key entered, in the dropdown it is
selected.
Guideline 2.2 – Enough Time-Provide users enough time to read and use content.
Technique G133:-Providing a checkbox on the first page of a multipart form that allows users to ask for longer
session time limit or no session time limit
Please fill out this form. If you need additional time, please select an option below.
G198: Providing a way for the user to turn the time limit off
after refreshing a page wait for some minute to new message to appear down to headline 1
News Headlines
Headline 1
Technique G180: Providing the user with a means to set the time limit to 10 times the default time limit
providing extra time to the DISABLED person to complete the task
You have 60 seconds to complete the task.
Technique SCR16:Providing a script that warns the user a time limit is about to expire
users are warned 20 seconds before a time limit expires and are asked if they need more time
Click the button to start the countdown.
Pause and Resume Scrolling Content
Technique G4:Allowing the content to be paused and restarted from where it was paused
and
Technique SCR33:Using script to scroll content, and providing a mechanism to pause it
Click "Pause" to stop the scrolling. Click "Resume" to restart it.
This is an example of scrolling content. It will keep scrolling until paused.
Technique SCR36:Providing a mechanism to allow users to display moving, scrolling, or auto-updating text in a
static window or area
Breaking news: Space exploration is advancing rapidly, and new discoveries are being made every day.
Scientists are hopeful about the future of interplanetary travel and human colonization of Mars. The
upcoming mission will send astronauts to the Moon once again to establish a permanent presence. Stay tuned
for updates!
Full Content (Static View)
This is the static view of the scrolling content. Users can read this text at their own pace without any
movement. The same content that was originally scrolling is now available in a static format.
Failure F40: Failure due to using meta redirect with a time limit
This failure occurs when a webpage uses a
tag to automatically redirect the user after a set time limit, without allowing users to extend that time
limit. If the page redirects after a certain period and the user cannot control or adjust that time limit, it
would fail Success Criterion 2.2.1.
Failure F41: Failure of Success Criterion 2.2.1, 2.2.4, and 3.2.5 due to using meta refresh to reload the page
This failure occurs when the meta refresh is used to reload or refresh the page at regular intervals (for
example, every 30 seconds), and the user is unable to control or adjust that behavior. Success Criterion 2.2.1
requires that users be able to extend or stop a time limit.
example: meta http-equiv="refresh" content="30">
Failure F58: Failure of Success Criterion 2.2.1 due to using server-side techniques to automatically redirect
pages after a time-out
This failure occurs when server-side techniques (e.g., HTTP redirects or other server-side mechanisms) are used
to automatically redirect or reload the page after a time-out, and the user cannot interact with it to request
more time or adjust the time limit. It violates Success Criterion 2.2.1, as users should be able to request more
time to complete their tasks.
example:
?php
// PHP code that automatically redirects after 60 seconds of inactivity
header("Refresh: 60; url=https://www.example.com");
?
Technique G152:Setting animated gif images to stop blinking after n cycles (within 5 seconds)
Technique G11:Creating content that blinks for less than 5 seconds
Technique SCR22:Using scripts to control blinking and stop it in five seconds or lessh3>
New item on sale!
G186: Using a control in the Web page that stops moving, blinking, or auto-updating content
This text blinks!
Technique G191:Providing a link, button, or other mechanism that reloads the page without any blinking
content
F16: Failure of Success Criterion 2.2.2 due to including scrolling content where movement is not essential
to the activity without also including a mechanism to pause and restart the content
Breaking News: Web Accessibility Updates – Ensure all content is accessible to everyone!
F47: Failure of Success Criterion 2.2.2 due to using the blink element
My Great Product Sale! $44,995!
Technique F4:Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism to
stop it in less than five seconds
My Great Product Sale! $44,995!
F50: Failure of Success Criterion 2.2.2 due to a script that causes a blink effect without a mechanism to
stop the blinking at 5 seconds or less
Exclusive Offer! 50% OFF!
Technique F7: Failure of Success Criterion 2.2.2 due to an object or applet that has blinking content
without a mechanism to pause the content that blinks for more than five seconds
Blinking Text: Important Announcement!
2.2.3-No Timing-Level AAA
G5: Allowing users to complete an activity without any time limit
No time limit has been applied to complete the form.
Section 1
This is the content for Section 1.
Section 2
This is the content for Section 2.
Section 3
This is the content for Section 3.
2.2.4-Interruptions-Level AAA
G75: Providing a mechanism to postpone any updating of content
Technique G76:Providing a mechanism to request an update of the content instead of updating automatically
Current Stock Price: $150
SCR14: Using scripts to make nonessential alerts optional
Turbo Encabulator Stock Information
Turbo Encabulator Stock Price: Stock went up
Use the buttons below to control screen reader announcements of stock changes:
2.2.5-Re-authenticating-Level AAA
G105: Saving data so that it can be used after a user re-authenticates
Form Submission
Please fill out the form below. If your session times out, don't worry, your data will be saved.
G181: Encoding user data as hidden or encrypted data in a re-authorization page
F85: Failure of Success Criterion 2.4.3 due to using dialogs or menus that are not adjacent to their trigger
control in the sequential navigation order
2.4.4-Link Purpose (In Context)-Level A
G91: Providing link text that describes the purpose of a link
Torrential rain and gale-force winds have struck the east coast, causing flooding in many coastal towns.
Read more...
ARIA8: Using aria-label for link purpose
Baby Mayor: Seminole voters elect the city's youngest mayor ever by voting in 3-year-old Willy "Dusty"
Williams in yesterday's mayoral election.
[Read more...]
H77: Identifying the purpose of a link using link text combined with its enclosing list item
F63: Failure of Success Criterion 2.4.4 due to providing link context only in content that is not related to
the link
A British businessman has racked up 2 million flyer miles and plans to
travel on the world's first commercial tourism flights to space.
Read more about his space tourism plans.
F89: Failure of Success Criteria 2.4.4, 2.4.9 and 4.1.2 due to not providing an accessible name for an image
which is the only content in a link
Welcome to our consultant website. We offer a range of services to help you with your business needs.
Explore the site to learn more about our work and how we can assist you.
2.4.6-Headings and Labels-Level AA
G130:Providing descriptive headings
History of Ourtown
The founding of Ourtown
Expansion of Ourtown
Ourtown today
People in Ourtown
Organizations in Ourtown
Buildings in Ourtown
G131: Providing descriptive labels
G149: Using user interface components that are highlighted by the user agent when they receive focus
C15: Using CSS to change the presentation of a user interface component when it receives focus
Products page
Go to the home page
Include Signature
Football Scoreboard