The present invention relates to systems and methods for identifying and reporting errors associated with dynamic web content. More particularly, the present invention relates to automated correction and reporting for dynamic web applications.
Web servers provide web content that may be displayed on a user's computer. The user displays the web content by navigating to a particular website via entry of a uniform resource locator (URL) into a web browser running on the user's computer. The user may then view and read content associated with the website or interact with the website. The user interactions include clicking buttons, entering text, or other activities.
Certain web content is dynamic in nature, such that the content changes based upon the user's interaction with the content. Dynamic changes to web content are facilitated by execution of scripts or other procedures in response to user interactions with the web content. Javascript® is an example of a scripting language that has been developed to provide dynamic changes to web content.
The subject matter described herein provides automated runtime checking, correction, and reporting of accessibility problems for dynamic rich web applications. Compliance rules identify proper organization and formatting for web site content. Dynamic changes to the web site content are monitored in runtime as the dynamic changes occur. Noncompliant tags and attributes associated with the dynamic changes are identified based upon the compliance rules. Automated correction of the identified noncompliant tags and attributes facilitates functional correction of the web site content during the present session. Report generation and forwarding to source development servers provides developer feedback for the identified noncompliant tags and attributes. The report identifies the event that triggered the dynamic changes, the identified noncompliant tags and attributes, and the automated correction performed during the present session. Accordingly, accessibility problems are automatically corrected in runtime and future deployments of dynamic web site content may be improved via the feedback reporting generated.
A method includes monitoring changes to dynamic web content for compliance with web content compliance rules, identifying a noncompliant element associated with a change to the dynamic web content based upon the web content compliance rules, performing automated correction of the noncompliant element based upon the web content compliance rules, and reporting the noncompliant element to a server associated with the change to the dynamic web content.
A system includes a memory adapted to store web content compliance rules, and a computing device adapted to monitor changes to dynamic web content for compliance with the web content compliance rules, identify a noncompliant element associated with a change to the dynamic web content based upon the web content compliance rules, perform automated correction of the noncompliant element based upon the web content compliance rules, and report the noncompliant element to a server associated with the change to the dynamic web content.
An alternative system includes a database adapted to store web content compliance rules, a memory adapted to store at least one of a document object model and markup language representing dynamic web content, and a computing device adapted to monitor changes to the dynamic web content for compliance with the web content compliance rules, identify a noncompliant element associated with a change to the dynamic web content based upon the web content compliance rules and a change to the at least one of the document object model and the markup language, determine that an error associated with the noncompliant element comprises at least one of an improper tag, a missing tag, an improper attribute, a missing attribute, an improper attribute value, and a missing attribute value, identify event information associated with the noncompliant element, perform automated correction of the noncompliant element based upon the web content compliance rules to correct the at least one of the document object model representation and the markup language representation of the dynamic web content within the memory, and report the noncompliant element and the event information to a server associated with the change to the dynamic web content.
A computer program product includes a computer useable medium including a computer readable program. The computer readable program when executed on a computer causes the computer to monitor changes to dynamic web content for compliance with web content compliance rules, identify a noncompliant element associated with a change to the dynamic web content based upon the web content compliance rules, perform automated correction of the noncompliant element based upon the web content compliance rules, and report the noncompliant element to a server associated with the change to the dynamic web content.
Those skilled in the art will appreciate the scope of the present invention and realize additional aspects thereof after reading the following detailed description of the preferred embodiments in association with the accompanying drawing figures.
The accompanying drawing figures incorporated in and forming a part of this specification illustrate several aspects of the invention, and together with the description serve to explain the principles of the invention.
The embodiments set forth below represent the necessary information to enable those skilled in the art to practice the invention and illustrate the best mode of practicing the invention. Upon reading the following description in light of the accompanying drawing figures, those skilled in the art will understand the concepts of the invention and will recognize applications of these concepts not particularly addressed herein. It should be understood that these concepts and applications fall within the scope of the disclosure and the accompanying claims.
The subject matter described herein provides automated runtime checking, correction, and reporting of accessibility problems for dynamic rich web applications. Compliance rules identify proper organization and formatting for web site content. Dynamic changes to the web site content are monitored in runtime as the dynamic changes occur. Noncompliant tags and attributes associated with the dynamic changes are identified based upon the compliance rules. Automated correction of the identified noncompliant tags and attributes facilitates functional correction of the web site content during the present session. Report generation and forwarding to source development servers provides developer feedback for the identified noncompliant tags and attributes. The report identifies the event that triggered the dynamic changes, the identified noncompliant tags and attributes, and the automated correction performed during the present session. Accordingly, accessibility problems are automatically corrected in runtime and future deployments of dynamic web site content may be improved via the feedback reporting generated.
For purposes of the present description runtime shall include any time frame of sufficiently short duration as to provide reasonable response time for identification and correction of problems associated with dynamic web site content acceptable to a user of the subject matter described. Additionally, the terms accessibility and web accessibility as used herein refer to capabilities within a web-based system or application that allow people with disabilities to perceive, understand, navigate, interact with, and contribute to the web or other networked infrastructure independent of the reason for the disability.
It should be noted that the computing device 102 may be any computing device capable of processing information as described above and in more detail below. For example, the computing device 102 may include devices such as a personal computer, a cellular telephone, a personal digital assistance (PDA), an email device, a music recording or playback device, or any other device capable of processing information as described in more detail below. Additionally, the computing device 102 may be co-located or distributed geographically with respect to the any of the server—1 106 through the server_N 108, and the network 104. The network 104 includes any form of interconnection suitable for the intended purpose, including a private or public network such as an intranet or the Internet, respectively, direct inter-module interconnection, or any other interconnection mechanism capable of interconnecting the devices.
A database 110 is associated with the computing device 102 and provides storage capabilities for information associated with the automated correction and reporting for dynamic web applications of the present subject matter. The database 110 includes a set of compliance rules 112 that may be stored in the form of a table or other arrangement accessible by the computing device 102. The compliance rules 112 include structural, syntactic, formatting, or other requirements for web content presented to a user of a web-based system, such as the system 100. The compliance rules 112 may include rules associated with accessibility aspects of dynamic web content in addition to rules associated with functionality of the dynamic web content. Accordingly, the compliance rules 112 establish a reference against which changes to dynamic web content may be measured for compliance with structural, syntactic, formatting, functionality, accessibility, and other requirements for web content.
As will be described in more detail below, the computing device 102 monitors changes to dynamic web content in runtime as the changes occur. The computing device 102 compares changes to dynamic web content with the compliance rules 112, identifies errors with rendered content, performs automated correction of the rendered content, generates reports including the content error and associated event information (e.g., mouse click on a particular content element), and forwards the report to a server, such as the server—1 106, that is associated with the dynamic web content. A developer of the dynamic web content may then utilize the report to programmatically correct the dynamic web content and deploy a new revision of the dynamic web content.
The compliance rules 112 may be updated periodically by any of the server—1 106 through the server_N 108 to accommodate new measurement criteria for new dynamic web content as dynamic web content evolves over time. As such, developers associated with the server—1 106 through the server_N 108 may develop new dynamic web content and distribute compliance rules via the network 104 for runtime monitoring of the new dynamic web content by the computing device 102. Accordingly, the developers may deploy compliance rules for storage as a portion of the compliance rules 112 associated with any computing device 102 accessible on the network 104. In this manner, developers may utilize computing devices configured as described above and in more detail below as the computing device 102 to form a distributed compliance checking, error correcting, and reporting infrastructure.
The input device 204 may include a computer keyboard, a keypad, a mouse, a pen, a joystick, or any other type of input device by which the user may interact with dynamic web content represented on the display 202. Events associated with changes to dynamic web content, such as a mouse click to a content element, may be initiated by a user interaction with the input device 204. These events may be tracked and reported by the computing device 102 to the associated content developer server, such as the server—1 106.
A communication module 206 provides interconnection capabilities that allow the computing device 102 to communicate with other modules within the system 100, such as the server—1 106 through the server_N 108. The communication module 206 may include any electrical, protocol, and protocol conversion capabilities useable to provide the interconnection capabilities.
A memory 208 includes a document object model storage area 210 that stores a representation of the presently-accessed web content. The memory 208 also includes a markup language error application 212 and a browser application 214. The markup language error application 212 includes capabilities for runtime monitoring of changes to dynamic web content, identification of errors in the changes, correction of the errors, generation of reports, and high-level communication interactions with other nodes within the system 100, such as the server—1 106, for reporting the identified and corrected errors. The markup language error application 212 includes instructions executable by the CPU 200 for performing these functions.
The markup language error application 212 may form a portion of an interrupt service routine (ISR), a portion of an operating system, a portion of the browser application 214, or a portion of a separate application without departure from the scope of the present subject matter. The markup language error application 212 may also process rules from the compliance rules 112 to perform these activities. The browser application 214 accesses and retrieves content from a server, such as the server—1 106, and presents that content to a user of the computing device 102 via the display 202.
It is understood that the memory 208 may include any combination of volatile and non-volatile memory suitable for the intended purpose, distributed or localized as appropriate, and may include other memory segments not illustrated within the present example for ease of illustration purposes. For example, the memory 208 may include a code storage area, a code execution area, and a data area suitable for storage of the document object model storage area 210, and storage and execution of the markup language error application 212 and the browser application 214.
The CPU 200, the display 202, the input device 204, the communication module 206, the memory 208, and the database 110 are interconnected via an interconnection 216. The interconnection 216 may include a system bus, a network, or any other interconnection capable of providing the respective components with suitable interconnection for the respective purpose.
Furthermore, components within the computing device 102 may be co-located or distributed within a network without departure from the scope of the present subject matter. For example, the components within the computing device 102 may be located within a stand-alone device, such as a personal computer (e.g., desktop or laptop) or handheld device (e.g., cellular telephone, personal digital assistant (PDA), email device, music recording or playback device, etc.). For a distributed arrangement, the display 202 and the input device 204 may be located at a terminal of a fuel pump, point of sale device, or kiosk, while the CPU 200 and memory 208 may be located at a local or remote server. Many other possible arrangements for components of the computing device 102 are possible and all are considered within the scope of the present subject matter. It should also be understood that, though the compliance rules 112 are shown within the database 110, they may also be stored within the memory 208 without departure from the scope of the present subject matter.
The examples presented below use markup language error identification and correction for ease of illustration purposes. However, it is understood that the present subject matter is not limited to markup language processing and that processing of any other form of rendered content may be performed without departure from the scope of the present subject matter.
With reference to
An img object 306 represents the first element within the body hierarchy of the document object model 300 and is created by the “<img . . . />” tag within the example markup language pseudo code. The img object 306 includes an alt attribute 308, a src attribute 310, and a usemap attribute 312. As can be seen from the example markup language pseudo code above, each of the alt attribute 308, the src attribute 310, and the usemap attribute 312 has an attribute value associated with it. The attribute value of the alt attribute 308 is a text string “areas in library.” The attribute value of the src attribute 310 is a file name for a graphic file named “welcome.gif.” The attribute value of the usemap attribute 312 is a value of “#map1” which is an internal reference as described in more detail below. For ease of illustration, only the value of the alt attribute 308 is illustrated within
A map object 316 represents the second element within the body hierarchy of the document object model 300 and is created by the “<map>” and “</map>” tag pair within the example markup language pseudo code. The map object 316 includes an id attribute 318 and a name attribute 320. The attribute value of the id attribute 318 and the name attribute 320 is each set to “map1” and forms the reference described above in association with the usemap attribute 312. For ease of illustration, the attribute values for the id attribute 318 and the name attribute 320 are not illustrated within
The markup language pseudo code for the map object 316 also includes syntax that creates an area object 322 located between the starting and ending map tags. The area object 322 includes a shape attribute 324, a coords attribute 326, an href attribute 328, and an alt attribute 330.
As can be seen from the example markup language pseudo code above, each of the shape attribute 324, the coords attribute 326, the href attribute 328, and the alt attribute 330 has an attribute value associated with it. The attribute value of the shape attribute 324 is a value of “rect” representing that the area object 322 is rectangular in shape. The attribute value of the coords attribute 326 is a value of “0,0,30,30” setting up coordinates for display of content associated with the area object 322. The attribute value of the href attribute 328 is a value of “reference.html” which identifies a file name associated with the content for the href attribute 328. The attribute value of the alt attribute 330 is a value of “reference.” For ease of illustration, only the value of the alt attribute 330 is illustrated within
For purposes of the present example, it is assumed that a button was present on the web page and was clicked by the user and that this button was associated with an element represented within the document object model 300. The result of clicking the button caused the following first pseudo code script to execute.
In response to execution of this first pseudo code script, the following first modification markup language pseudo code represents the example markup language pseudo code described above after changes caused by execution of the first pseudo code script. As will be described in more detail below, the changes shown within the following first modification markup language pseudo code also generate changes to the document object model 300 illustrated within
As can also be seen from this example first modification markup language pseudo code, there is no alt attribute associated with the new area object represented within the pseudo code. A detailed discussion of the various components of the first modification markup language pseudo code is omitted for brevity and reference is made to the description above for understanding of the various components of this example.
With reference to
The markup language error application 212 corrects the noncompliant element based upon the compliance rules 112, such as by use of the example pseudo rule syntax presented above, by creating an alt attribute and associated text for the new area object represented above within the first modification markup language pseudo code. The markup language error application 212 reports the error to a server, such as the server—1 106, associated with the change to the dynamic web content by causing the computing device 102 to send a report message to the server. The report message provides information associated with the error to developers so that future deployments of the dynamic web content may be improved.
The following second modification markup language pseudo code represents changes made to the first modification markup language pseudo code in response to the markup language error application 212 correcting the error with the first modification markup language pseudo code based upon the compliance rules 112.
In response to the modifications represented within the second modification markup language pseudo code, the document object model 300 is modified within the document object model storage area 210 in the memory 208. As can be seen from
The following third modification markup language pseudo code represents the code generated by the second pseudo code script after execution in response to the same event that caused execution of the first pseudo code script described above.
In response to the modifications represented within the third modification markup language pseudo code, the document object model 300 is modified within the document object model storage area 210 in the memory 208. As can be seen from
As described above in association with
At block 706, the process 700 performs automated correction of the noncompliant element based upon the web content compliance rules. For example, the process 700 may modify markup language code to add a default entry for the improper tag, the missing tag, the improper attribute, the missing attribute, the improper attribute value, or the missing attribute value. At block 708, the process 700 reports the noncompliant element to a server associated with the change to the dynamic web content. For example, the process 700 may report the error by sending an email message to an email address associated with a webmaster for a website using the uniform resource locator (URL) for the site that originated the dynamic web content (e.g., webmaster@domain.com). Many other forms of messaging are possible and all are considered within the scope of the present subject matter. The report may further include any information associated with the error, such as an identification of the script that executed and the user interface event that triggered execution of the script.
At decision point 810, the process 800 makes a determination as to whether an error was identified within the changed markup language code. When a determination is made that an error was not identified, the process 800 returns to decision point 802 to await another markup language code modification event.
When a determination is made at decision point 810 that an error was identified within the changed markup language code, the process 800 determines the error type at block 812. For purposes of the present example, the error type may be a tag error type associated with an improper or missing tag, at attribute error type associated with an improper or missing attribute, or an attribute value error type associated with an improper or missing attribute value.
At block 814, the process 800 applies error correction rules based upon the determined error type. The error correction rules may be the compliance rules 112 or a variation of the compliance rules 112 categorized by error type within a separate table within the database 110 or the memory 208.
At decision point 816, the process 800 makes a determination as to whether the error is correctable based upon the error correction rules. When a determination is made that the error is correctable, the process 800 repairs the error in the modified markup language code based upon the error correction rules at block 818 and refreshes the user interface with the repaired markup language code at block 820.
When a determination is made that the error is not correctable at decision point 816 or after the user interface is refreshed at block 820, the process 800 reports the error to the website developer including error type and code modification event information associated with the change to the dynamic web content at block 822.
As described above in association with
The invention can take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment containing both hardware and software elements. In a preferred embodiment, the invention is implemented in software, which includes but is not limited to firmware, resident software, microcode, etc.
Furthermore, the invention can take the form of a computer program product accessible from a computer-usable or computer-readable medium providing program code for use by or in connection with a computer or any instruction execution system. For the purposes of this description, a computer-usable or computer readable medium can be any apparatus that can contain, store, communicate, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device.
The medium can be an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system (or apparatus or device) or a propagation medium. Examples of a computer-readable medium include a semiconductor or solid state memory, magnetic tape, a removable computer diskette, a random access memory (RAM), a read-only memory (ROM), a rigid magnetic disk and an optical disk. Current examples of optical disks include compact disk-read only memory (CD-ROM), compact disk-read/write (CD-R/W) and DVD.
A data processing system suitable for storing and/or executing program code will include at least one processor coupled directly or indirectly to memory elements through a system bus. The memory elements can include local memory employed during actual execution of the program code, bulk storage, and cache memories which provide temporary storage of at least some program code in order to reduce the number of times code must be retrieved from bulk storage during execution.
Input/output or I/O devices (including but not limited to keyboards, displays, pointing devices, etc.) can be coupled to the system either directly or through intervening I/O controllers.
Network adapters may also be coupled to the system to enable the data processing system to become coupled to other data processing systems or remote printers or storage devices through intervening private or public networks. Modems, cable modems and Ethernet cards are just a few of the currently available types of network adapters.
Those skilled in the art will recognize improvements and modifications to the preferred embodiments of the present invention. All such improvements and modifications are considered within the scope of the concepts disclosed herein and the claims that follow.
This application is a continuation of and claims priority to and claims the benefit of U.S. patent application Ser. No. 12/131,967 titled “AUTOMATED CORRECTION AND REPORTING FOR DYNAMIC WEB APPLICATIONS,” which was filed in the United States Patent and Trademark Office on Jun. 3, 2008, which has a current status of “Allowed,” and which is incorporated herein by reference in its entirety.
Number | Name | Date | Kind |
---|---|---|---|
6598077 | Primak et al. | Jul 2003 | B2 |
6605120 | Fields et al. | Aug 2003 | B1 |
7448023 | Chory et al. | Nov 2008 | B2 |
20060143700 | Herrmann | Jun 2006 | A1 |
20060195819 | Chory et al. | Aug 2006 | A1 |
Entry |
---|
United States Patent and Trademark Office, Office Action for U.S. Appl. No. 12/131,967, Jan. 17, 2012, pp. 1-25, Alexandria, VA, USA. |
United States Patent and Trademark Office, Office Action for U.S. Appl. No. 12/131,967, Sep. 17, 2012, pp. 1-26, Alexandria, VA, USA. |
United States Patent and Trademark Office, Notice of Allowance for U.S. Appl. No. 12/131,967, Aug. 7, 2013, pp. 1-8, Alexandria, VA, USA. |
Mark Voss, Auto-refreshing dynamic content using AJAX, Webpage/site, May 4, 2006, pp. 1-2, OpenHosting UK Internet Solutions, Published online at: http://www.openhosting.co.uk/articles/webdev/6004. |
Ben Caldwell, et al., W3C: Techniques for WCAG 2.0, Specification, Dec. 11, 2007, pp. 1-13, W3C, Published online at: http://www.w3.org/TR/2007/WD-WCAG20-TECHS-20071211/. |
Shadi Abou-Zahra, et al., W3C: Web Accessibility Evaluation Tools: Overview, Webpage/site, Mar. 17, 2006, pp. 1-3, W3C, Published online at: http://www.w3.org/WAI/ER/tools/. |
Author Unknown, Wikipedia: Representational State Transfer, Webpage/site, Jun. 3, 2008, pp. 1-6, Wikimedia Foundation, Inc., Published online at: http://en.wikipedia.org/wiki/Representational—State—Transfer. |
Number | Date | Country | |
---|---|---|---|
20140059112 A1 | Feb 2014 | US |
Number | Date | Country | |
---|---|---|---|
Parent | 12131967 | Jun 2008 | US |
Child | 14066048 | US |