Accessibility-aware design services
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.
1 . 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.
2 . The computing system of claim 1 , wherein the input data further comprises a target compliance level for the target accessibility compliance standard.
3 . The computing system of claim 1 , wherein the input data further comprises an indication of at least one user impairment, and wherein the accessibility-compliant design data is usable to produce, for the at least one visual interface design element, accessibility-compliant content for the at least one user impairment.
4 . The computing system of claim 3 , wherein the at least one user impairment comprises one or more of a given vision impairment, a hearing impairment, a learning impairment, a motion impairment, or a cognition impairment.
5 . The computing system of claim 1 , further comprising program instructions that, when executed by the at least one processor, cause the computing system to:
determine the initial design data for the at least one visual interface design element is not compliant with the target accessibility compliance standard, wherein the program instructions that, when executed by the at least one processor, cause the computing system to execute the set of operations using the initial design data to generate the accessibility-compliant design data comprise program instructions that, when executed by the at least one processor, cause the computing system to:
update the initial design data for the at least one visual interface design element to be the accessibility-compliant design data compliant with the target accessibility compliance standard.
6 . The computing system of claim 1 , wherein the program instructions that, when executed by the at least one processor, cause the computing system to execute the set of operations using the initial design data to generate the accessibility-compliant design data comprise program instructions that, when executed by the at least one processor, cause the computing system to:
use the initial design data for the at least one visual interface design element to derive additional design information for one or more additional visual interface design elements.
7 . 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.
8 . The non-transitory computer-readable medium of claim 7 , wherein the input data further comprises a target compliance level for the target accessibility compliance standard.
9 . The non-transitory computer-readable medium of claim 7 , wherein the input data further comprises an indication of at least one user impairment, and wherein the accessibility-compliant design data is usable to produce, for the at least one visual interface design element, accessibility-compliant content for the at least one user impairment.
10 . The non-transitory computer-readable medium of claim 9 , wherein the at least one user impairment comprises one or more of a given vision impairment, a hearing impairment, a learning impairment, a motion impairment, or a cognition impairment.
11 . The non-transitory computer-readable medium of claim 7 , further comprising program instructions that, when executed by the at least one processor, cause the computing system to:
determine the initial design data for the at least one visual interface design element is not compliant with the target accessibility compliance standard, wherein the program instructions that, when executed by at least one processor, cause the computing system to execute the set of operations using the initial design data to generate the accessibility-compliant design data comprise program instructions that, when executed by at least one processor, cause the computing system to:
update the initial design data for the at least one visual interface design element to be the accessibility-compliant design data compliant with the target accessibility compliance standard.
12 . The non-transitory computer-readable medium of claim 7 , wherein the program instructions that, when executed by at least one processor, cause the computing system to execute the set of operations using the initial design data to generate the accessibility-compliant design data comprise program instructions that, when executed by at least one processor, cause the computing system to:
use the initial design data for the at least one visual interface design element to derive additional design information for one or more additional visual interface design elements.
13 . 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.
14 . The method of claim 13 , wherein the input data further comprises an indication of at least one user impairment, the at least one user impairment comprising one or more of a given vision impairment, a hearing impairment, a learning impairment, a motion impairment, or a cognition impairment, and wherein the accessibility-compliant design data is usable to produce, for the at least one visual interface design element, accessibility-compliant content for the at least one user impairment.