US 12,613,679 B2Granted

Accessibility-aware design services

AssigneeCapital One Financial Corporation

InventorsLise W. Noble, Daniel A. Gisolfi, Douglas Brian Scamahorn, Andrew Bryan Smith

Life of this patent

Estimating the term…

Loading patent…

Abstract

A computing system is configured to (i) receive, from a computing device, input data indicating a target accessibility compliance standard and initial design data for at least one visual interface design element, (ii) based on the target accessibility compliance standard, determine a set of operations to apply to the initial design data to generate accessibility-compliant design data for the at least one visual interface design element, the accessibility-compliant design data usable to produce, for the at least one visual interface design element, accessibility-compliant content, and (iii) apply the set of operations to the initial design data and thereby generate the accessibility-compliant design data.

Claims14

Dependent claims

A computing system comprising:

a network interface for communicating over at least one data network;
at least one processor;
at least one non-transitory computer-readable medium;
and
program instructions stored on the at least one non-transitory computer-readable medium that, when executed by the at least one processor, cause the computing system to:
receive, from a computing device, input data indicating:
a target accessibility compliance standard for creating accessibility-compliant content accessible to persons with visual impairments;
and
initial design data indicating at least one color for at least one visual interface design element;
based on the target accessibility compliance standard, determine a set of operations to apply to the initial design data to generate accessibility-compliant design data comprising a cascading style sheet (CSS) file or a javascript object notation (JSON) file for the at least one visual interface design element;
execute the set of operations using the initial design data to generate the accessibility-compliant design data, wherein generating the accessibility-compliant design data comprises:
for the at least one color, generating (i) a first set of different light mode shades and (ii) a second set of different dark mode shades;
and
for each different shade in the first set and the second set of shades, determining a respective on-color compliant with the target accessibility compliance standard;
and
based on the accessibility-compliant design data:
cause the computing device to render, on a display, based on the accessibility-compliant design data, a plurality of the different light mode and dark mode shades in association with their respective on-color, each given shade and respective on-color pairing configured to produce accessibility-compliant content for the at least one visual interface design element;
and
cause the computing device to render, on the display, given accessibility-compliant content for the at least one visual interface design element, wherein the given accessibility-compliant content comprises (i) first content having a given shade of the different light mode or dark mode shades and (ii) second content, displayed on top of the first content, having the respective on-color for the given shade.

16 more elements

A non-transitory computer-readable medium, wherein the non-transitory computer-readable medium is provisioned with program instructions that, when executed by at least one processor, cause a computing system to:

receive, from a computing device, input data indicating:
a target accessibility compliance standard for creating accessibility-compliant content accessible to persons with visual impairments;
and
initial design data indicating at least one color for at least one visual interface design element;
based on the target accessibility compliance standard, determine a set of operations to apply to the initial design data to generate accessibility-compliant design data comprising a cascading style sheet (CSS) file or a javascript object notation (JSON) file for the at least one visual interface design element;
execute the set of operations using the initial design data to generate the accessibility-compliant design data, wherein generating the accessibility-compliant design data comprises:
for the at least one color, generating (i) a first set of different light mode shades and (ii) a second set of different dark mode shades;
and
for each different shade in the first set and the second set of shades, determining a respective on-color compliant with the target accessibility compliance standard;
and
based on the accessibility-compliant design data:
cause the computing device to render, on a display, based on the accessibility-compliant design data, a plurality of the different light mode and dark mode shades in association with their respective on-color, each given shade and respective on-color pairing configured to produce accessibility-compliant content for the at least one visual interface design element;
and
cause the computing device to render, on the display, given accessibility-compliant content for the at least one visual interface design element, wherein the given accessibility-compliant content comprises (i) first content having a given shade of the different light mode or dark mode shades and (ii) second content, displayed on top of the first content, having the respective on-color for the given shade.

11 more elements

A method carried out by a computing system, the method comprising:

receiving, from a computing device, input data indicating:
a target accessibility compliance standard for creating accessibility-compliant content accessible to persons with visual impairments;
and
initial design data indicating at least one color for at least one visual interface design element;
based on the target accessibility compliance standard, determining a set of operations to apply to the initial design data to generate accessibility-compliant design data comprising a cascading style sheet (CSS) file or a javascript object notation (JSON) file for the at least one visual interface design element;
executing the set of operations using the initial design data to generate the accessibility-compliant design data, wherein generating the accessibility-compliant design data comprises:
for the at least one color, generating (i) a first set of different light mode shades and (ii) a second set of different dark mode shades;
and
for each different shade in the first set and the second set of shades, determining a respective on-color compliant with the target accessibility compliance standard;
and
based on the accessibility-compliant design data:
causing the computing device to render, on a display, based on the accessibility-compliant design data, a plurality of the different light mode and dark mode shades in association with their respective on-color, each given shade and respective on-color pairing configured to produce accessibility-compliant content for the at least one visual interface design element;
and
causing the computing device to render, on the display, given accessibility-compliant content for the at least one visual interface design element, wherein the given accessibility-compliant content comprises (i) first content having a given shade of the different light mode or dark mode shades and (ii) second content, displayed on top of the first content, having the respective on-color for the given shade.

11 more elements

Dependencies are inferred from the claim text.