ACR Editor Demo

The purpose of this document is to create a sample table that can be used to create and edit ACRs. This is based on the Section 508 Compliance Reporting Tool (SCRT). For more information, view this page's source on GitHub.

Manual Testing Results

Note: "Test 5.E is no longer required as of the updated Section 508 ICT Testing Baseline for Web, version 3.1 (published April 1, 2024)." - Per the Section 508 Conformance Test Process.

Issue Number	Test Name	Test ID	Test Condition	Test Result	Tester Comments	Location/Screen	Global Issue	Screenshot	Actions
01	Alt-version-conformant	1.A	The identified version passes all applicable Test Conditions in this test process.	Pass Fail Does Not Apply			Yes No		Add Child Row
02	Alt-version-equivalent	1.B	The identified version is up-to-date with the same information and functionality.	Pass Fail Does Not Apply			Yes No		Add Child Row
03	Alt-version-access	1.C	The mechanism to reach the accessible equivalent version from the non-conforming page is accessible.	Pass Fail Does Not Apply			Yes No		Add Child Row
04	Non-interference	1.D	Content in the non-conforming version(s) meets Conformance Requirement 5.	Pass Fail Does Not Apply			Yes No		Add Child Row
05	1.4.2-Audio-control	2.A	The user can pause, stop, or control the volume of audio content that plays automatically.	Pass Fail Does Not Apply			Yes No		Add Child Row
06	2.2.2-Blinking-moving-scrolling	2.B	The user can pause, stop, or hide moving, blinking, or scrolling content.	Pass Fail Does Not Apply			Yes No		Add Child Row
07	2.2.2-Auto-updating	2.C	The user can pause, stop, hide, or control the frequency of automatically updating content.	Pass Fail Does Not Apply			Yes No		Add Child Row
08	4.1.2-change-notify-auto	2.D	The page provides notification of each automatic update/change in content.	Pass Fail Does Not Apply			Yes No		Add Child Row
09	2.3.1-flashing	3.A	Web pages do not contain content that flashes more than three times in a one second period.	Pass Fail Does Not Apply			Yes No		Add Child Row
10	2.1.1-keyboard-access	4.A	All functionality can be accessed and executed using only the keyboard.	Pass Fail Does Not Apply			Yes No		Add Child Row
11	2.1.1-no-keystroke-timing	4.B	Individual keystrokes do not require specific timings for activation of functionality.s	Pass Fail Does Not Apply			Yes No		Add Child Row
12	2.1.2-no-keyboard-trap	4.C	There is no keyboard trap.	Pass Fail Does Not Apply			Yes No		Add Child Row
13	2.4.7-focus-visible	4.D	A visible indication of focus is provided when focus is on the interface component.	Pass Fail Does Not Apply			Yes No		Add Child Row
14	3.2.1-on-focus	4.E	When an interface component receives focus, it does not initiate an unexpected change of context.	Pass Fail Does Not Apply			Yes No		Add Child Row
15	2.4.3-focus-order-meaning	4.F	The focus order preserves the meaning and operability of the web page.	Pass Fail Does Not Apply			Yes No		Add Child Row
16	3.3.2-label-provided	5.A	Visual labels or instructions are provided for form elements.	Pass Fail Does Not Apply			Yes No		Add Child Row
17	2.4.6-label-descriptive	5.B	Each visual form label is sufficiently descriptive.	Pass Fail Does Not Apply			Yes No		Add Child Row
18	1.3.1-programmatic-label	5.C	The combination of the accessible name, accessible description, and other programmatic associations (e.g., table column and/or row associations) describes each input field and includes all relevant instructions and cues (textual and graphical)	Pass Fail Does Not Apply			Yes No		Add Child Row
19	3.2.2-on-input	5.D	Changing field values/selections (e.g., entering data in a text field, changing a radio button section) does NOT initiate and unexpected change of context.	Pass Fail Does Not Apply			Yes No		Add Child Row
20	3.3.1-error-identification	5.F	The item in error is identified in text and sufficiently described to the user in text.	Pass Fail Does Not Apply			Yes No		Add Child Row
21	3.3.3-error-suggestion	5.G	Guidance (e.g., suggestion for corrected input) is provided about how to correct errors for form fields.	Pass Fail Does Not Apply			Yes No		Add Child Row
22	3.3.4-error-prevention	5.H	The web page allows the user to check, reverse, and/or confirm submission.	Pass Fail Does Not Apply			Yes No		Add Child Row
23	2.4.4-link-purpose	6.A	The purpose of each link can be determined from any combination of the link text, accessible name, accessible description, and/or programmatically determined link context.	Pass Fail Does Not Apply			Yes No		Add Child Row
24	1.1.1-meaningful-image-name	7.A	The accessible name and accessible description for a meaningful image provides an equivalent description of the image.	Pass Fail Does Not Apply			Yes No		Add Child Row
25	1.1.1-decorative-image	7.B	There is no accessible name and accessible description for a decorative image.	Pass Fail Does Not Apply			Yes No		Add Child Row
26	1.1.1-decorative-background-image	7.C	The background image is not the only means used to convey important information.	Pass Fail Does Not Apply			Yes No		Add Child Row
27	1.1.1-captcha-alternative	7.D	Alternative forms of CAPTCHA are provided.	Pass Fail Does Not Apply			Yes No		Add Child Row
28	1.4.5-image-of-text	7.E	The image of text cannot be replaced by text or is customizable.	Pass Fail Does Not Apply			Yes No		Add Child Row
29	2.2.1-timing-adjustable	8.A	The user can turn off, adjust, or extend the time limit.	Pass Fail Does Not Apply			Yes No		Add Child Row
30	2.4.1-bypass-function	9.A	A keyboard-accessible method is provided to bypass repetitive content.	Pass Fail Does Not Apply			Yes No		Add Child Row
31	3.2.3-consistent- navigation	9.B	Each navigational element occurs in the same relative order with regard to other repeated components on each web page where it appears.	Pass Fail Does Not Apply			Yes No		Add Child Row
32	3.2.4-consistent-identification	9.C	The accessible name and description is consistent for components that perform the same function.	Pass Fail Does Not Apply			Yes No		Add Child Row
33	2.4.6-heading-purpose	10.A	Each heading describes the topic or purpose of its content.	Pass Fail Does Not Apply			Yes No		Add Child Row
34	1.3.1-heading-determinable	10.B	Each programmatically determinable heading is a visual heading and each visual heading is programmatically determinable.	Pass Fail Does Not Apply			Yes No		Add Child Row
35	1.3.1-heading-level	10.C	Programmatic heading levels logically match the visual heading presentation within the heading structure.	Pass Fail Does Not Apply			Yes No		Add Child Row
36	1.3.1-list-type	10.D	All visually apparent lists are programmatically identified according to their type.	Pass Fail Does Not Apply			Yes No		Add Child Row
37	3.1.1-page-language-defined	11.A	The default human language of each web page can be programmatically determined.	Pass Fail Does Not Apply			Yes No		Add Child Row
38	3.1.2-part-language-defined	11.B	The human language for any content segment that differs from the default human language of the page can be programmatically determined.	Pass Fail Does Not Apply			Yes No		Add Child Row
39	2.4.2-page-title-defined	12.A	A title element is defined for the web page.	Pass Fail Does Not Apply			Yes No		Add Child Row
40	2.4.2-page-title-purpose	12.B	The title element identifies the contents or purpose of the web page.	Pass Fail Does Not Apply			Yes No		Add Child Row
41	4.1.2-frame-title	12.C	Each <frame> has a title attribute that describes its content.	Pass Fail Does Not Apply			Yes No		Add Child Row
42	4.1.2-iframe-name	12.D	The combination of accessible name and description for each <iframe.> describes its content.	Pass Fail Does Not Apply			Yes No		Add Child Row
43	1.4.1-color-meaning	13.A	Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.	Pass Fail Does Not Apply			Yes No		Add Child Row
44	1.3.3-sensory-info	13.B	Instructions provided for understanding and operating content do not rely solely on sensory characteristics of components, such as shape, color, size, visual location, orientation, or sound.	Pass Fail Does Not Apply			Yes No		Add Child Row
45	1.4.3-contrast	13.C	The visual presentation of text and images of text have sufficient contrast. Standard text must provide a contrast ratio of 4.5:1. Large text (text larger than 18pt or 14pt if bold) must provide a contrast ratio of 3:1. Recommend using the Colour Contrast Analyser (CCA) to test contrast ratios.	Pass Fail Does Not Apply			Yes No		Add Child Row
46	1.3.1-table-identification	14.A	Each data table has programmatic markup to identify it as a table.	Pass Fail Does Not Apply			Yes No		Add Child Row
47	1.3.1-cell-header-association	14.B	All data cells are programmatically associated with relevant headers.	Pass Fail Does Not Apply			Yes No		Add Child Row
48	1.3.1-layout-table-structure	14.C	The layout table DOES NOT designate the layout table using ARIA role= 'table' AND DOES NOT include table header structure and relationship elements and/or associated attributes.	Pass Fail Does Not Apply			Yes No		Add Child Row
49	1.3.2-content-order-meaning-css-position	15.A	The reading order of the content (in context) is correct and the meaning of the content (in context) is preserved without CSS positioning.	Pass Fail Does Not Apply			Yes No		Add Child Row
50	1.2.1-audio-transcript-text	16.A	A text-based alternative is provided for audio-only content that provides an accurate and complete representation of the audio-only content.	Pass Fail Does Not Apply			Yes No		Add Child Row
51	1.2.1-video- alternative-equivalent	16.B	The video-only content information is also available through an equivalent text or audio alternative.	Pass Fail Does Not Apply			Yes No		Add Child Row
52	1.2.2-captions-equivalent	17.A	The synchronized media provides accurate captions for the audio content.	Pass Fail Does Not Apply			Yes No		Add Child Row
53	1.2.5-audio-description-equivalent	17.B	The synchronized media provides an equivalent soundtrack (combination of narration and audio descriptions) for the video content.	Pass Fail Does Not Apply			Yes No		Add Child Row
54	1.2.4-captions-live-equivalent	17.C	The live synchronized media provides accurate captions for the audio content.	Pass Fail Does Not Apply			Yes No		Add Child Row
55	503.4-caption-controls	16.A	The media player provides user controls for closed captions.	Pass Fail Does Not Apply			Yes No		Add Child Row
56	503.4-description-controls	17.E	The media player provides user controls for audio descriptions.	Pass Fail Does Not Apply			Yes No		Add Child Row
57	503.4.1-caption-control	17.F	User controls for captions are provided at the same menu level as the user controls for volume or program selection.	Pass Fail Does Not Apply			Yes No		Add Child Row
58	503.4.2-description-control	17.G	User controls for audio descriptions are provided at the same menu level as the user controls for program selection or volume.	Pass Fail Does Not Apply			Yes No		Add Child Row
59	1.4.4-resize-text	18.A	There is a mechanism to resize, scale, or zoom in on the text to at least 200% of its original size without loss of content or functionality.	Pass Fail Does Not Apply			Yes No		Add Child Row
60	2.4.5-multiple-ways	19.A	There are two or more ways to locate a web page within a set of web pages.	Pass Fail Does Not Apply			Yes No		Add Child Row
61	4.1.1-parsing	20.A	This test should be recorded as NOT TESTED.	Not Tested			Yes No		Add Child Row

To Do

• Bootstrap ✔
• Add Disclosure widgets for sections ✔
• Add functionality for adding and removing table rows ✔
  • Add/Remove now works. Need to update so that the default presented rows are static and only newly added rows can be deleted. ✔
• Add a WYSIWYG editor for text areas ❌
  • Deciding against a WYSIWYG editor and opting for Markdown support instead. It's cleaner and more accessible.
• Add ability to upload screenshots ✔
  • Add ability to open the screenshots in a dialog to view the larger image ✔
• Add markdown support for formatting notes
• Add some sort of versioning so that, once delivered, the report is read-only but recipients can add revision notes.